Vous avez décidé de créer votre propre site WEB et vous avez dit NON à tous ces concepteurs automatisés qui pullulent sur le net ? Excellent !
Vous avez remonté vos manches et commencé à coder sur votre éditeur de texte habituel ? Hop hop hop, pas si vite !
Comme un charpentier n’est rien sans un bon marteau, voici 3 outils « must have » qui vous permettront d’aborder plus sereinement le challenge qui vous attend !
Un éditeur Atomique
Vous aviez l’habitude d’utiliser l’éditeur de texte par défaut de votre OS ? C’est efficace pour de la prise de note, mais certainement pas pour du développement Web !
Atom, c’est un éditeur de texte Cross-platform destinés aux développeurs Web. Il est moderne, intelligent, simple d’utilisation et entièrement gratuit.
Cet IDE (Interface de Développement Intégrée) vous permettra de travailler de manière structurée en ayant une vue globale sur votre projet et de bénéficier d’un tas d’avantages comme l’auto-complétion, l’utilisation de panneaux d’édition multiple, une lecture du code plus simple grâce aux jeux de couleurs et à la structuration de votre code, des raccourcis, …
Pour les acharnés du genre, Atom est très simple à customiser et à styliser grâce aux packages installables et configurables directement dans l’éditeur. Plus besoin de passer par des fichiers de configurations.
https://www.atom.io
Chrome, bien plus qu’un navigateur.
On connaît tous Google Chrome, navigateur largement répandu depuis plusieurs années et adopté de plus en plus par la majorité des utilisateurs. Saviez-vous que le navigateur dispose de tout un tas d’outils embarqués conçus pour le débogage web ?
Chrome DevTools est une série d’outils apportant son lot de fonctionnalités alliant simplicité et efficacité directement dans le navigateur par défaut. Rien n’est à télécharger ni configurer et c’est entièrement gratuit.
Votre site web met trop de temps à charger ? Vous ne trouvez pas la couleur idéale de votre bouton ? Une image ne se charge pas ? Appuyez sur F12 dans votre navigateur et vous êtes prêt à déboguer.
https://www.developer.chrome.com/devtools
Release the (Git)Kraken !
Attelé à votre clavier, vous affrontez la tempête de code, vous êtes noyé sous tous les changements et les versions de votre site qui se multiplient à vue d’œil.
Des tentacules émergent et vous vous dites que c’est la fin… Oui, mais la fin de tous vos problèmes.
GitKraken est un outil de gestion de versions basé sur la technologie GIT, il vous permet de suivre l’évolution de votre projet et de vos fichiers ligne de code par ligne de code afin de garder un historique de tous vos changements effectués au fur et à mesure de votre développement.
Contrairement aux autres outils GIT, celui-ci est entièrement visuel, très simple d’utilisation, et gratuit pour une utilisation personnelle.
Vous avez trouvé une personne assez folle pour vous aider ? Son travail apparaîtra aussi dans votre interface. Primordial pour suivre les changements effectués et être au courant de tout.
Vous êtes prêt !
Que vous soyez un novice dans le développement Web ou un érudit, ces 3 outils gratuits vont vous permettre de créer votre propre site web et de gérer votre projet de A à Z avec beaucoup plus d’aisance et d’efficacité.
Développez sur Atom, déboguez sur Chrome Devtools, sauvegardez et gérez votre projet sur GitKraken.
Bon développement !
