La voie vers le monde du développement Web peut parfois sembler obscurcie – il n’y a pas de chemin clair car il existe plusieurs langages de programmation, des centaines de frameworks et des milliers de bibliothèques. Lesquels devriez-vous apprendre et dans quel ordre ?

Je suis un programmeur autodidacte qui a travaillé comme ingénieur senior dans plusieurs startups et grandes entreprises, l’une d’entre elles étant les plus grandes banques suisses. Voici ce que j’ai appris et comment vous pouvez tirer parti de ces connaissances. N’importe qui peut devenir développeur Web – c’est une question de persévérance et d’effort. Si vous y mettez le travail, vous pouvez devenir un développeur Web.

Sans plus tarder, voici comment vous pouvez devenir développeur Web en 180 jours. 180 jours suffisent pour démarrer votre carrière de programmeur dans le domaine du développement Web. 180 jours ne sont pas garantis. Cela peut prendre plus de temps ou être plus rapide – tout dépend de combien vous le voulez et combien d’efforts vous êtes prêt à fournir.

J’ai commencé à apprendre le développement Web à l’âge de 19 ans – naturellement, je n’avais pas beaucoup d’argent à ce moment-là, alors j’ai dû apprendre aussi frugalement que possible. Le chemin que j’ai tracé est le moins cher et le plus rentable possible.

Il n’est pas nécessaire de débourser 10 grands pour les camps d’entraînement de programmation car il existe des tonnes de ressources gratuites – vous avez juste besoin de savoir où chercher.

Je ne préconise pas la programmation de camps d’entraînement, ils se sont avérés efficaces. Il est également prouvé qu’ils sont trop chers et inefficaces. Rendez-vous sur ce fil Reddit couvrant le sujet. « Le bon, le mauvais et le laid des bootcamps de codage de développement Web » – Explication approfondie

Devenez un membre moyen pour soutenir directement mon travail. Vous aurez également un accès complet à chaque histoire sur Medium. Merci d’avance !

Note des auteurs : Pensez à ajouter cet article à vos favoris, de cette façon, vous avez une référence rapide à celui-ci chaque fois que vous avez terminé un cours, un défi, etc.

Jours 1 à 15 : Apprenez les bases du HTML et du CSS

C’est le début de votre voyage. Il est crucial que vous vous concentriez sur les bons fondamentaux. Avoir des bases solides vous donne la capacité de saisir différents sujets plus rapidement.

Commencez petit, découvrez ce qu’est le langage HTML (Hypertext Markup Language) et comment il fonctionne. HTML est le bloc de construction de chaque site Web et application Web. Complétez cette compétence avec l’apprentissage des feuilles de style en cascade (CSS) CSS est utilisé pour styliser les sites Web et les applications Web.

Mozilla a une liste concise et à jour de ressources gratuites dans lesquelles vous pouvez plonger. Il s’agit notamment des éléments suivants :

Le guide de Mozilla pour démarrer avec le Web

1. Prise en main de la vue d’ensemble du Web
2. Installation du logiciel de base
3. À quoi ressemblera votre site Web ?
4. Traitement des dossiers
5. Principes de base de HTML
6. Principes de base de CSS
7. Principes de base de JavaScript
8. Publication de votre site web
9. Fonctionnement du Web

C’est beaucoup de travail pour créer un site Web professionnel, donc si vous êtes nouveau dans le développement Web, je vous encourage à commencer petit.

Vous ne construirez pas un autre Facebook tout de suite, mais il n’est pas difficile d’obtenir votre propre site Web simple en ligne, alors commençons par là.

Jour 16–50 — Commencez à apprendre les bases de JavaScript

JavaScript est le langage de programmation le plus populaire. JavaScript est si répandu depuis que chaque site Web l’utilise. Si vous utilisez un navigateur moderne, désactivez JavaScript et surfez sur le Web – vous remarquerez très rapidement que 97% des sites Web ne fonctionneront pas correctement, ou même ne se chargeront pas.

JavaScript alimente le Web. Tout travail de développement Web aura une certaine forme de programmation JavaScript. Si vous êtes curieux de savoir pourquoi JavaScript est si populaire, consultez mon article précédent « Qu’est-ce qui rend JavaScript populaire ? »

Grâce à sa popularité, il existe de nombreux endroits pour apprendre JavaScript. Si vous débutez, je vous recommande de commencer avec le programme JavaScript FreeCodeCamp.

C’est gratuit, efficace et vous donne des défis interactifs à résoudre.

Une fois le cours terminé, vous comprendrez les bases de JavaScript et comment il s’intègre dans le développement Web. Le cours JavaScript FreeCodeCamp couvre de nombreux sujets, il vous faudra quelques semaines pour les parcourir tous. Si vous êtes bloqué, n’hésitez pas à rechercher la solution sur Google – le développement Web implique beaucoup d’apprentissage sur place et de lecture de StackOverflow pour trouver des réponses à vos questions.

Jours 51 à 81 : Défi de codage Vanilla JS de 30 jours

« Javascript30 » s’adresse aux développeurs et concepteurs débutants à intermédiaires qui souhaitent se familiariser avec les principes fondamentaux de JavaScript et travailler dans le DOM sans bibliothèque.

Vous devriez déjà connaître un peu de JavaScript pour commencer – ce n’est pas un cours JavaScript 101. Nous apprenons par application – en rencontrant de nombreuses nouvelles situations et en parlant du comment, du pourquoi et du quoi que nous utilisons pour les résoudre.

Nous évitons les modèles de conception opiniâtres, les cadres, les bibliothèques et tout type d’abstraction. Ces choses sont formidables et souvent nécessaires, mais peuvent entraver l’apprentissage et limiter la compréhension initiale.

Ces tutoriels s’appuient fortement sur les API du navigateur, dont la plupart impliquent une interaction avec la page. Si vous êtes coincé dans console.log() ces vidéos sont votre prochaine étape. Les choses que vous construisez ici sont vraiment amusantes !

Le cours est gratuit, amusant et stimulant. Chaque jour, vous avez un nouveau défi à construire, pendant 30 jours au total. Au moment où vous terminez ce cours, vous devriez vous sentir à l’aise avec JavaScript, interagir avec le DOM et travailler avec les API du navigateur.

Jours 82 à 120 : Apprendre une bibliothèque frontale (React, Vue, Angular)

Demandez à n’importe quelle entreprise concurrente si elle utilise une forme de bibliothèque frontale et la réponse sera affirmative. Autrefois (les années 2000), les entreprises retroussaient leurs manches et construisaient des cadres et des bibliothèques internes adaptés à leurs besoins. Le développement Web moderne consiste à utiliser des frameworks et des bibliothèques open source, tels que React, Vue, Angular et Svelte.

Il est difficile de décider quel cadre choisir – il y a tout simplement trop d’options.

N’oubliez pas que votre objectif ultime est de trouver un emploi dans le domaine du développement Web. Mon conseil serait de scanner votre région pour voir quels frameworks sont les plus populaires et de s’y tenir. Certaines villes peuvent avoir 100 offres d’emploi pour les développeurs React, tandis que d’autres villes peuvent avoir 1000 offres d’emploi pour Angular. Il est dans votre intérêt de choisir le plus populaire dans votre région.

Je suis moi-même biaisé pour React car c’est mon cadre de prédilection, mais réfléchissez bien avant de prendre une décision. Il n’y a pas de bonne ou de mauvaise réponse ici.

Remarque : React est une bibliothèque JavaScript permettant de créer des interfaces utilisateur. Apprenez ce qu’est React sur la page d’accueil ou dans le tutoriel officiel.

Voici un graphique des technologies de développement Web qui sont connectées les unes aux autres :

Après avoir choisi un framework, commencez à construire des trucs ! La seule façon de s’améliorer est d’être constamment hors de votre zone de confort et de vous pousser.

Si vous avez besoin d’idées sur ce qu’il faut coder, voici 6 défis frontaux que vous pouvez commencer à coder dès aujourd’hui. Choisissez un cadre et commencez à travailler vers vos objectifs !

Si vous avez besoin d’aide, il existe une communauté dynamique sur Github et StackOverflow prête à vous aider. Vous n’êtes jamais seul.

Jours 121-170 : Apprendre Node, MongoDB et PostgreSQL (développement Backend)

Vous êtes déjà arrivé jusqu’ici, abandonner n’est pas une option. Maintenant que nous avons appris comment fonctionne le développement frontend, ajoutons quelques connaissances backend à notre liste.

Afin de faire un réel usage du développement web, chaque application a un backend en place. De nos jours, un backend est une interface de programmation d’application (API) qui interagit avec le frontend.

Mais pourquoi avons-nous même besoin d’un backend ? Eh bien, disons que les utilisateurs peuvent créer des utilisateurs lorsqu’ils interagissent avec notre application. Nous devons stocker les données utilisateur quelque part pour une utilisation future, nous avons donc besoin d’un service backend pour créer des utilisateurs. Un backend est l’intermédiaire qui interagit avec la base de données et sert les données au frontend, le tout en communiquant via une API.

La sécurité est une autre grande raison pour laquelle nous avons besoin d’un backend. Rappelez-vous, backend signifie que nous exécutons côté serveur, ce qui signifie en dehors du navigateur dans ce contexte. N’importe qui peut inspecter votre code frontal via des outils de développement, il n’est donc pas très logique du point de vue de la sécurité d’y stocker des données sensibles.

Si cela semble intéressant, je commencerais par suivre le cours « Learn Node » de Wes Bos

Voici une vue d’ensemble de la façon dont toutes les technologies sont connectées. On ne s’attend pas à ce que vous sachiez tout, mais il est utile de connaître la situation dans son ensemble et de comprendre où vous vous situez.

Les technologies se regroupent dans des écosystèmes connexes qui ont tendance à être utilisés par les mêmes développeurs. Ce graphique de réseau le démontre en montrant quelles technologies sont les plus fortement corrélées les unes avec les autres.

Jours 171 à 180 : Apprendre DevOps et Git (Docker, Heroku, AWS)

Pour montrer au monde vos capacités de développement Web, l’hébergement de votre application Web est un must. Votre futur employeur veut voir votre travail précédent, même s’il est inachevé.

Apprenez à utiliser Git pour héberger vos projets sur Github Pages – cela ne vous coûte rien. Les pages Github sont gratuites, le seul inconvénient est que vous ne pouvez héberger que du code côté client. Si vous souhaitez héberger votre API, vous devrez faire tourner votre propre serveur avec Heroku, AWS ou Digital Ocean.

En gros, neuf équipes sur dix utilisent Git pour partager du code. Connaître Git vous rend plus employable puisque vous êtes déjà dans la boucle de la collaboration d’équipe.

Jour 180 : Commencez à postuler pour des emplois en développement Web

Vous avez atteint la ligne d’arrivée, maintenant votre voyage commence vraiment.

Trouvez et postulez à toutes les offres d’emploi que vous pouvez trouver. Assurez-vous de clarifier avec votre employeur le fait que vous êtes un développeur junior et qu’il s’agit de votre premier concert. L’honnêteté va un long chemin – commencez votre nouvelle relation du bon pied. Lorsque vous postulez pour des emplois en ingénierie, il est bon de savoir exactement ce que l’on attend d’un ingénieur junior..

Pour l’entretien d’embauche, voici 8 questions que vous devriez poser à l’intervieweur avant d’accepter le poste.

Conclusion

Merci d’avoir lu, je vous souhaite le meilleur pour votre nouveau voyage.

Commencer n’est jamais facile et abandonner semble être la solution de facilité. N’abandonnez pas vos rêves et continuez à vous battre.

Soyez ouvert à apprendre de nouvelles choses, demandez si vous ne savez pas et restez affamé et curieux.