Article original : How to Learn Web Development by Playing Coding Games
Par Thomas Park
Aujourd'hui, nous avons la chance d'avoir presque des ressources infinies à portée de main pour apprendre le développement web. Parmi ces ressources, il y a les jeux de codage.
J'ai créé des jeux comme Flexbox Froggy et Grid Garden, ainsi que d'autres comme CSS Diner et CodeCombat, qui aident à transformer une expérience éducative en un format amusant et engageant.
Cependant, comme pour toute ressource d'apprentissage, ces questions reviennent fréquemment :
- À quels jeux de codage devrais-je consacrer mon temps ?
- Comment puis-je utiliser les jeux de codage pour apprendre de manière plus efficace ?
Dans cet article, je propose quelques conseils pour vous aider à répondre à ces questions, basés sur mes expériences en tant que développeur de jeux et éducateur.
Avoir un plan de jeu
Lorsque vous commencez une mission pour apprendre le développement web, que cela implique des jeux ou non, vous devriez commencer par un plan.
Bien que votre plan n'ait pas besoin d'être gravé dans le marbre, avoir une stratégie pour ce que vous voulez accomplir et comment vous allez le faire vous mettra déjà quelques étapes en avance.
Lorsque vous êtes inscrit à un cours ou à un bootcamp, une grande partie de cette planification est déjà faite pour vous par des facilitateurs expérimentés. freeCodeCamp offre également un curriculum merveilleusement organisé.
Mais si vous êtes autodidacte, toutes les ressources disponibles sur le web (qui peuvent sembler à la fois un vide solitaire et un spectacle chaotique) peuvent être accablantes. Alors, décomposons cela.
Lors de l'élaboration d'un plan, il y a environ trois modes d'apprentissage que vous devriez cibler.
Le premier est l'instruction. C'est là que vous êtes introduit à un nouveau concept ou une nouvelle compétence, que ce soit sous forme de vidéos, de livres, de tutoriels ou de documentation. En classe, cela pourrait être un enseignant au tableau.
Le deuxième est la pratique, où vous pouvez exercer vos muscles cognitifs et renforcer votre compréhension de ces nouveaux concepts. Cela peut prendre la forme de problèmes de pratique, d'exercices ou de défis de codage.
Le troisième est l'intégration, où vous incorporez vos nouvelles connaissances et compétences dans vos pratiques existantes. Rien de mieux pour cela que l'apprentissage par projet, où vous appliquez ce que vous avez appris dans un scénario plus authentique et complet.
Un exemple de cela est une application web que vous commencez comme projet de week-end. Même une application relativement simple tirera parti de toutes les différentes facettes du développement web (et il y en a tant), vous aidant à contextualiser ce que vous avez appris.
Ces trois modes n'ont pas de divisions rigides, et de nombreuses ressources que vous rencontrerez couvriront plus d'un de ces modes. Néanmoins, c'est une manière utile de penser et de planifier votre apprentissage.
Maintenant, en ce qui concerne les jeux de codage, ils peuvent également s'intégrer dans l'un de ces modes. De nombreux jeux de codage existants ont leur plus grande force dans le deuxième mode — la pratique, avec une petite dose d'instruction.
Par exemple, dans Flexbox Froggy, vous êtes confronté à une variété de défis sur la manière de positionner des grenouilles en utilisant CSS flexbox, chaque niveau augmentant la difficulté.
À la fin, vous aurez appliqué les propriétés de Flexbox de nombreuses fois, dans de nombreuses combinaisons, au point qu'elles commencent à devenir une seconde nature.
Déplacez les grenouilles sur leurs nénuphars en utilisant CSS flexbox.
À travers ce prisme, vous pouvez voir que les jeux de codage servent mieux de complément à d'autres ressources que vous pourriez utiliser, y compris les leçons de freeCodeCamp.
Soyez un critique
La prochaine question que vous pourriez vous poser est de savoir à quels jeux de codage vous devriez jouer. Plutôt que de vous fournir une liste statique, je vous encourage à les évaluer vous-même, comme vous le feriez pour toute référence que vous rencontrez.
Tout d'abord, considérez le jeu sous l'angle du divertissement. Après tout, c'est un jeu, et il devrait être amusant pour vous. Ensuite, considérez l'angle pédagogique. C'est-à-dire, qu'est-ce que j'apprends du jeu, et est-ce que je l'apprends efficacement ?
Les concepteurs de jeux éducatifs doivent marcher sur une corde raide pour équilibrer le divertissement avec l'apprentissage. Pour quelque chose qui penche plus vers l'apprentissage, il existe de nombreuses ressources à l'intérieur et à l'extérieur du gaming.
Mais méfiez-vous de l'autre direction, un jeu avec une simple façade de substance éducative. Un jeu de codage peut échouer lorsque le contenu éducatif est trop superficiel ou qu'il y a trop d'autres mécaniques de jeu qui vous distraient de ce que vous devez apprendre.
Évaluer une ressource d'apprentissage par vous-même peut être difficile, surtout en tant que débutant. Votre évaluation devrait donc également tenir compte des perspectives des autres.
Consultez un mentor ou un blogueur de confiance. Ou cherchez des ressources qui ont des recommandations positives dans votre communauté : dans les forums de freeCodeCamp, les subreddits de développement web, ou votre groupe Discord ou Slack préféré.
Appuyez sur Start maintenant
Même si vous vous posez les mêmes questions que tout le monde sur la manière d'intégrer au mieux les jeux de codage dans votre plan d'apprentissage, chacun aura une réponse différente. Il n'existe pas de solution universelle.
Votre style d'apprentissage et ce qui suscite votre passion dépendront de vos expériences, de vos préférences et de vos objectifs. Ce que je vous encourage à faire, c'est de commencer aujourd'hui, de vous amuser avec cela, et de découvrir ce qui fonctionne pour vous.
Bien que l'idée de jeux de codage qui aident à apprendre le développement web existe depuis des années, le genre est encore dans son enfance. Il y a tant de potentiel inexploité dans l'idée que vous pouvez apprendre dans un environnement amusant, interactif et immersif, et les jeux sont un excellent véhicule pour cela.
Heureusement pour nous, de plus en plus de jeux de codage deviennent disponibles tout le temps. Je vous invite à passer par Codepip et à jouer à un jeu de codage dès aujourd'hui.