Il est toujours surprenant de constater une réelle impréparation par une majorité d’étudiants. Voici quelques pistes, un abécédaire, pour ceux et celles qui souhaiteraient entreprendre une formation dans le développement web.
La préparation
La préparation à une formation se concentre autour de six axes essentiels :
- Acquisition du matériel nécessaire
- La maitrise des outils
- Les connaissances de base
- Apprentissage d’un langage simple
- Constituer une feuille de route : roadmap
- Challengez-vous !
Etape 1 : Acquisition du matériel nécessaire
Je ne compte plus les fois où j’ai eu à faire à des étudiants, suivant un cursus dans la programmation, qui ne disposaient pas d’ordinateur… Comment voulez-vous travailler, vous former et apprendre ? A mon sens cela relève d’un principe de bon sens. A présent, si vous ne disposez pas du matériel nécessaire, comment faire un choix parmi l’ensemble des outils proposés sur le marché ? Ces quelques indices ci-dessous vous mettront sur la piste.
Quel prix ?
Inutile de prendre un crédit à la banque ou de péter votre PEL pour vous acheter une bête de compétition, ça ne sert à rien ! Il y a aujourd’hui des ordinateurs aux montures intéressantes à des prix très attractifs. Mais attention ! Tout dépend ce que vous voulez en faire ! J’entends par ici si vous souhaitez en parallèle faire du stream ou du gaming, le prix ne sera pas forcément le même. Dans tous les cas, vous devrez considérer ce futur achat comme un investissement.
Lors votre premier entretien au centre choisi, n’hésitez pas à solliciter le référent de la formation et lui demander conseil si ce dernier dispose de connaissances suffisamment techniques. Si votre budget ne suit pas, vous avez des solutions de location qui pourraient temporairement correspondre à vos recherches. Vous pouvez également opter pour des ordinateurs reconditionnés. Dernière option envisageable, certains centres placent des ordinateurs à la disposition des étudiants mais ces derniers ne les demandent pas…. Bref ! Pas mal de solutions pour tous les budgets !
Quel système d’exploitation choisir ?
Mac ? PC ? Linux ? Chrome Book ? Etc. Quel système d’exploitation acquérir pour la formation ? Prenez garde à certains systèmes d’exploitation comme Android. C’est de l’applicatif ! Les éditeurs font leur maximum afin de proposer leurs softs sous Chromebook, mais tous les logiciels n’ont pas encore reçu cette adaptation. C’est à vos risques et périls ! Renseignez-vous sur les forums 😉
Le système d’exploitation ne déterminera pas vos aptitudes à la programmation. Que ce soit en intégrant une formation ou en entreprise, vous êtes censés maîtriser le système d’exploitation que vous avez sciemment acquis. Les formations n’incluent pas forcément l’apprentissage de cet outil. J’insiste vraiment sur ce point car je suis toujours stupéfait de voir ces étudiants qui achètent un joli produit très cher et qui attendent que le formateur le leur fasse découvrir… Cette anecdote est malheureusement assez courante… Chaque étudiant suivant une formation dans le digital doit savoir utiliser son ordinateur : c’est la base !
Stockage
Vous serez amenés à manipuler différents logiciels, à stocker parfois énormément de données. C’est la raison pour laquelle, je vous conseille donc de prévoir un stockage local de 50Go minimum (certaines formations peuvent exiger un stockage plus conséquent). Il est de votre responsabilité de vous assurer que les capacités de stockage de votre machine soient suffisamment importantes. Pour les personnes disposant de leurs propres machines, placez les éléments de vos vies personnelles sur des Clouds et/ou disques durs externes.
Dernier conseil sur le matériel…
En cette période de cours en visiophonie, investissez dans un double écran afin de pouvoir visualiser l’écran du formateur et coder en même temps. Vous pouvez obtenir des écrans à petits prix notamment des écrans d’occasion. Parallèlement, il existe des solutions alternatives si vous disposez d’une tablette ou d’une phablette. Il est possible de les convertir en tant que second écran à l’aide de softs comme spaceDesk ou encore duet. Pour l’avoir testé, le principe s’avère intéressant. En revanche, on déplore quelques lags et dysfonctionnements soudains selon la connexion privilégiée : filaire ou sans fil.
Etape 2 : La maîtrise des outils
Une fois l’ordinateur acquis, quel que soit le système d’exploitation que vous avez choisi de vous munir, vous devez être en capacité de :
- allumer et éteindre votre ordinateur (et oui ! on ne retire pas le câble d’alimentation du secteur pour éteindre un ordinateur…)
- créer des dossiers et des fichiers
- modifier l’extension d’un fichier
- savoir supprimer des éléments sur le bureau
- faire des copiés/collés/coupés
- être à l’aise avec les raccourcis claviers les plus simples : PC – Linux – Mac – Chromebook
- installer un logiciel
- etc.
Ensuite, ayez une maîtrise correcte des points énumérés ci-dessous :
- ouvrir un navigateur (chrome, firefox, brave, vivaldi, opera, safari, waterfox, seamonkey, tor, etc.)
- ouvrir un nouvel onglet
- installer une extension
- gérer les paramétrages basiques d’un navigateur
- créer et gérer des favoris
- utiliser un cloud (dropbox, mega, google drive, etc.)
- maîtriser le système drag-and-drop
- envoyer un email
- utiliser un outil de messagerie instantanée (discord, slack, etc.)
- faire une requête sur Google pour chercher des informations rapidement et de manière pertinente. J’ai écrit un post à ce sujet !
Etape 3 : Les connaissances de base
Si le programme de la formation n’intègre aucun module ayant un intitulé proche de « culture digitale« , alors vous devez vous auto-former. Grossièrement, vous devez être mesure de maîtriser les points élémentaires ci-dessous :
- Qu’est-ce qu’un ordinateur ?
- Qu’est-ce qu’un système d’exploitation ?
- Qu’est-ce qui différencie l’Internet du web ?
- Qu’est-ce qu’un navigateur ?
- Qu’est-ce que l’url ?
- Qu’est-ce qu’un algorithme ?
- etc.
N’hésitez pas à vous référer à des sites comme leslivresblancs.
Etape 4 : Apprentissage d’un langage simple
Comprenez bien qu’une formation professionnalisante courte a un rythme d’apprentissage très intensif ce qui explique les multiples abandons conséquence d’une réelle impréparation ! Je conçois parfaitement cette rapidité d’échanges de savoir. Néanmoins, les apprenants doivent être conscients qu’un certain nombre d’objectifs sont à atteindre afin que les connaissances de base soient conforment aux attentes du milieu professionnel. C’est la raison pour laquelle, avant même que la formation ne soit entamée, vous devez vous exercer. En revanche, ne vous lancez pas tête baisée, il faut procéder par étape :
1- Ne commencez pas par des langages de programmation comme Java, Python, JavaScript etc. Suivez des tutoriaux en ligne sur les bases du html-css. Beaucoup de tutoriaux de qualité sur ces sujets sont proposés notamment sur Youtube. Consultez-les sans plus tarder ! Donnez-vous pour objectif de réaliser une page web et tant que celle-ci n’est pas conforme aux règles en vigueur, vous devrez poursuivre votre apprentissage. Voici quelques sites d’initiation sous la forme de jeux. Pensés pour les débutants :
2- Une fois les langages de structuration et de stylisation maîtrisés, découvrez les fondamentaux des algorithmes à votre rythme. Voici une liste de quelques sites qui pourraient correspondre à vos besoins et vous performez :
3- Et si vous n’avez pas le temps, vous en aurez forcément pour vous entrainer dans les transports en utilisant des applications. En voici quelques-unes :
4- Vous pourrez ensuite tester vos connaissances via des quizz proposés sur quelques plateformes :
5- Complétez vos connaissances avec un peu de lecture :
Etape 5 : Constituez-vous des roadmaps 👍
Les roadmaps constituent un point important dans l’apprentissage d’un langage. Ils permettent de visualiser les acquis nécessaires, l’ordre des chapitres à aborder. Le but est de conserver une logique et une cohérence d’apprentissage. L’apparence du roadmap diffère entre chaque individu. Le site roadmap.sh est plutôt pas mal, très complet même si selon les cas, on déplorera parfois un manque de clarté. Ci-dessous, deux exemples différents. Le premier provient du compte Instagram de javascript_web.js :
Un autre exemple de roadmap proposé par le site 99x.io sur ReactJS.
P’tit point sur le site learn-anything qui propose un apprentissage dans tous les domaines. Ce site est intéressant car il permet de visualiser tous les chapitres à maitriser sous la forme d’une roadmap 😉
Pour finir sur cette partie, je vous place ici deux liens repo où les auteurs indiquent pas mal de roadmaps et de conseils pour bien débuter :
Etape 6 : Challengez-vous !
Les challenges sont nécessaires pour deux raisons :
- prendre du niveau en s’amusant
- nouveaux contenus pour vos futurs entretiens d’embauche
Pour vous challenger en html-css, ne reproduisez pas de site Internet, c’est barbant ! Amusez-vous plutôt à reproduire des éléments de votre environnement (ordinateur, personnage de manga, une bouteille, une console de jeux etc.). Vous vous amuserez à reproduire ces éléments parfois complexes et lorsque vous aurez à reproduire une maquette html, ce sera bien plus simple 😉 Faudra simplement bien respecter la sémantique et l’accessibilité 😜
En programmation, il existe une multitude de challenges possibles : jeux d’échecs, jeux de dames, to-do list, lecteur de musique, clone de Netflix en utilisant des API, etc. Donnez-vous des défis et prenez du level en vous amusant !
Quelques sites comme Codepen ou encore Frontendmentor existent afin de vous challenger !
Quelques conseils complémentaires
Intéressez-vous au métier
Je suis toujours surpris voire atterré quand des étudiants suivant une formation dans le développement me posent la question : « euh ! mais c’est quoi un développeur au juste ? ». Lorsque vous débutez une formation, faites des recherches en parallèle ! Les questions suivantes ne doivent avoir aucun secret pour vous : Quel est le rôle réel d’un développeur au sein d’une entreprise ? Quelles différences existent-ils entre un développeur, un community manager, un webdesigner, un ux-designer, un devOps etc. ? Soyez curieux ! Interrogez votre entourage, vous trouverez forcément des programmeurs avec lesquels vous pourrez échanger, comprendre le métier, partager et peut-être même qu’il ou elle vous fera quelques démonstrations.
Apprenez à écrire
Vous allez utiliser votre clavier à longueur de journée, écouter et retranscrire des notes en même temps que le formateur. C’est pourquoi, écrire rapidement et efficacement au clavier est un point essentiel. Mes conseils pour un apprentissage rapide :
- Retranscrivez chaque jour durant 30 minutes ce que vous entendez à la radio ou à la télévision
- Des sites comme AgileFinger, Keybr ou encore ratatype peuvent également vous permettre de progresser
- Le site typelit.io vous permettra de retranscrire des passages de bouquin…
- Monkeytype propose de retranscrire des formulations en plusieurs langues.
- Vous souhaitez améliorer votre dextérité au clavier tout en vous amusant ? Alors ce site est fait pour vous : zty.
Apprenez l’anglais
Et oui ! Certes google traduction ou Deepl intégreront fatalement vos favoris. En revanche, il est essentiel d’acquérir un vocabulaire de base dans le but de pouvoir communiquer plus facilement. D’autre part, les intitulés des instructions dans les langages de programmation, des attributs utilisés par les langages de structuration se distinguent par des intitulés anglophones.
Astuce : p’tite extension chrome intitulée Grammarly qui pourrait être utile…
Par pitié : désactivez tout de suite la traduction automatique de votre navigateur 😭
Conclusion
La réussite d’une formation passe avant tout par une bonne préparation : de l’acquisition du matériel en passant par un intérêt réel pour le métier. Les différents rappels énumérés plus haut ne constituent qu’une partie des éléments fondamentaux avant d’intégrer une formation professionnalisante. J’ai omis par exemple des conseils de la qualité du code. Point important, pour la maintenance du code. En faisant des recherches ciblées, vous trouverez des conseils avisés sur le sujet. En voici un exemple en JavaScript :
Credits : https://javascript.info/coding-style
Enfin bref, d’autres points auraient pu être mentionnés mais j’ai axé ma réflexion autour des éléments principaux. Mon ultime conseil concerne la motivation. N’oubliez jamais pourquoi vous faites la formation choisie. Cette reconversion ne sera pleinement réussie qu’à la seule condition que vous ne ménagiez pas vos efforts.