Les Outils Essentiels
Un bon artisan a besoin d'outils fiables. Mettons en place votre environnement. J'ai mes préférences, et en tant que personne qui enseigne aux gens comment coder depuis plus d'une décennie, je pense avoir de bonnes idées sur les outils que vous devriez utiliser. Cependant, je vous donnerai quelques options et vous pourrez choisir. Si vous savez ce que vous faites, n'hésitez pas à continuer avec ce que vous connaissez. Si ce n'est pas le cas, je suggère au moins pour ce cours d'utiliser les outils que j'utilise, puis de revoir ultérieurement les outils que vous utilisez.
Éditeur de Code
Recommandé : Visual Studio Code
J'admets avoir un biais ici car j'ai fait partie de l'équipe de développement de VS Code. C'est un outil formidable, gratuit, avec un écosystème riche en plugins, et qui fonctionne bien sur de nombreuses plateformes. Je vous recommande vivement de commencer ici avec VS Code.
Alternatives :
- Sublime Text : J'ai utilisé cet éditeur pendant des années. Il est similaire en style à VS Code. Il possède également un écosystème riche et c'est un éditeur rapide. Il est gratuit à évaluer (indéfiniment, autant que je sache) puis ils vous demandent de payer 99 $ tous les trois ans. À mon avis, un prix juste pour un outil aussi important.
- WebStorm : Le MO de Sublime et de VS Code est plutôt "voici un éditeur utile et c'est à peu près tout", tandis que WebStorm est plus "voici un éditeur utile et l'évier de la cuisine". Alors que vous installerez probablement quelques plugins avec VS Code pour obtenir tout ce dont vous avez besoin, WebStorm vous fournira probablement déjà tout ce dont vous avez besoin. Vous devrez décider quelle approche vous convient le mieux. 60 $ par an pour l'utilisation.
- Nova - J'avoue être beaucoup moins familier avec Nova, mais il semble intéressant d'en parler. C'est un produit très récent qui, à mon avis, comble le fossé entre VS Code et WebStorm. Je suis curieux de voir comment il va évoluer. 99 $ par an.
- vim et emacs - Ne les utilisez pas... D'accord, maintenant que j'ai dit ça, soit vous êtes en colère et vous allez le faire quand même, soit vous suivez mon conseil et vous ne le faites pas. Ces deux outils sont très difficiles à apprendre et si vous suivez ce cours, vous apprenez déjà des concepts difficiles et vous ne voulez pas ajouter plus de difficulté. Si vous décidez de les apprendre, prenez le temps de vous concentrer uniquement sur eux.
Le Navigateur
Recommandé : Google Chrome
La norme actuelle pour le développement web. Il possède d'excellents outils de développement et est le navigateur le plus utilisé au monde. De nombreuses extensions formidables pour les développeurs.
Alternatives :
- Firefox - J'avoue que c'est le navigateur que j'utilise. Honnêtement, c'est un excellent navigateur et à mon avis, tout aussi bon que Chrome. Un choix très valable ici. Je vous montre Chrome car c'est la norme de l'industrie et ce cours vise à vous montrer les outils qui vous préparent le mieux à devenir le meilleur codeur sans imposer mes opinions.
Éditeur de Code en Ligne
Dans ce cours, nous utiliserons CodePen à quelques reprises. C'est une expérience d'édition de code en ligne qui facilite l'apprentissage. Je vous suggère de vous rendre ici et de vous inscrire pour obtenir un compte gratuit afin de pouvoir copier les exercices dans votre propre CodePen et de pouvoir vous y référer plus tard.
Les Ressources
Il est très important de choisir des sources d'apprentissage de qualité. Tout comme il est important de s'informer auprès de sources fiables, il est essentiel d'obtenir des informations techniques auprès de sources sérieuses. Voici quelques-unes de mes préférées :
- Pour tout ce qui concerne HTML, CSS ou JavaScript, MDN de Mozilla est mon point de référence. Je l'ai littéralement toujours ouvert.
- CSS Tricks s'est imposé comme un site web de développement de premier plan. Il propose un excellent contenu non seulement pour le CSS, mais aussi pour HTML et JavaScript. Si je veux un tutoriel, je m'y rends. Si je veux des informations techniques plus poussées, je vais sur MDN.
- Pour le contenu vidéo, vous ne pouvez vraiment pas vous tromper avec le contenu de Frontend Masters. J'adore.
- Si je travaille avec une bibliothèque ou un framework, il est judicieux de se rendre directement sur leur page GitHub (nous parlerons de GitHub plus tard) ou sur leur documentation officielle. Il est préférable d'aller directement à la source.
Frontend Masters publie également chaque année un livre vraiment génial appelé le Manuel Frontend. C'est un bon moyen d'obtenir une vue d'ensemble de toute l'industrie.
