Article original : Learn JavaScript by Making Digital Tabletop Games and Web Apps
Par M. S. Farzan
Créer des jeux 2D peut être un excellent moyen d'apprendre JavaScript, surtout lorsqu'on travaille sur les bases de la logique complexe des jeux de plateau.
Dans cette série, je vais vous introduire aux bases de la programmation, avec un accent sur l'exposition aux meilleures pratiques et frameworks de développement JavaScript. Gardez à l'esprit que les choses que nous allons apprendre seront également applicables dans d'autres langages de programmation.
Tout au long de cette série, je mettrai l'accent sur l'apprentissage de la programmation pour le développement de jeux de plateau numériques et d'applications web. Cela devrait être utile pour les développeurs de jeux de rôle, de cartes et de plateau qui souhaitent créer des applications compagnons ou des versions numériques de leurs jeux, ainsi que pour tous les nouveaux venus en JavaScript.
Après avoir appris JavaScript et certains des frameworks et moteurs avec lesquels nous allons travailler, ainsi que quelques projets pratiques et apprentissages extérieurs, vous serez en mesure de :
- exécuter des simulations
- créer vos propres applications, jeux et sites web
- et même développer et déployer des projets "full stack" multi-utilisateurs que vous pourrez partager avec le monde.
Si vous n'êtes pas spécifiquement intéressé par le développement de jeux de plateau numériques, vous trouverez probablement cette série utile. Nous allons apprendre des concepts centraux qui sont essentiels au développement de jeux et d'applications web, que vous pourrez appliquer à d'autres langages de programmation et frameworks.
Je suis un grand partisan de l'utilisation des jeux de plateau numériques pour apprendre à coder. Les jeux de plateau sont excellents car ils impliquent beaucoup de logique et de règles complexes, mais pas de physique, de mathématiques vectorielles, d'animation, et ce genre de choses.
Nous allons explorer des pratiques de programmation réelles telles que la configuration d'un environnement de développement intégré et l'utilisation de GitHub pour le contrôle de source. Nous allons également entreprendre des projets qui vous aideront à perfectionner les compétences qui seront fondamentales dans votre développement à long terme en tant que codeur.
Commencez par apprendre les bases (Série Débutant) :
En savoir plus sur la configuration d'un environnement de développement intégré (Tutoriel Débutant) :
Apprenez à utiliser GitHub et ES6 pour créer et structurer votre code (Tutoriel Intermédiaire) :
En savoir plus sur Phaser pour le développement de jeux de plateau numériques (Tutoriel Intermédiaire) :
En savoir plus sur Vue pour le développement web de jeux de plateau numériques (Tutoriel Intermédiaire) :
Créez un jeu de cartes multijoueur avec Phaser 3, Express et Socket.IO (Projet Avancé) :
Créez un simulateur de jeu de plateau multijoueur avec Vue, Phaser, Express, Node et Socket.IO (Projet Avancé) :
Créez un générateur de personnages de jeu de rôle full stack avec MongoDB, Express, Vue et Node (MEVN) (Projet Avancé) :
Apprenez à déployer une application web full stack sur Heroku (Projet Avancé) :
Bon codage !
Si vous avez aimé cet article, envisagez de découvrir mes jeux et livres, de vous abonner à ma chaîne YouTube, ou de rejoindre le Discord Entromancy.
M. S. Farzan, Ph.D. a écrit et travaillé pour des entreprises de jeux vidéo de haut profil et des sites éditoriaux tels qu'Electronic Arts, Perfect World Entertainment, Modus Games et MMORPG.com, et a servi en tant que Community Manager pour des jeux comme Dungeons & Dragons Neverwinter et Mass Effect: Andromeda. Il est le Directeur Créatif et le Game Designer en chef de Entromancy: A Cyberpunk Fantasy RPG et l'auteur de The Nightpath Trilogy. Retrouvez M. S. Farzan sur Twitter @sominator.