Apprendre Javascript – Créer un jeu en ligne

Important:
Ce cours fait partie de la Formation Complète Développeur Web

Découvrir la Formation Développeur Web

formation developpeur web

 

Important:
Ce cours fait partie de la Formation Complète Javascript

Découvrir la Formation Javascript

formation javascript

Description du Cours:

Savez-vous ce qu’est le Javascript ? Eh bien, Javascript est un composant majeur du Web.

Et oui ! Nos pages Web sont composées de 3 éléments principaux:

  1. HTML qui en sera la structure, le squelette
  2. CSS pour décorer notre HTML
  3. Et surtout Javascript pour l’interactivité et la logique de nos pages web. Javascript c’est surtout un vrai langage de programmation (contrairement à HTML et CSS) !

Vous allez enfin faire votre baptême du code !

Apprendre Javascript avec le jeu du Serpent

Dans ce cours on va apprendre les bases de Javascript.
Et puis, est-ce que vous vous rappelez de ce jeu qui nous a tous rendu fou pendant notre jeunesse ? Le Serpent ?
Eh bien, bonne nouvelle, vous allez le construire grâce à Javascript !

Etape par étape, vous allez créer ce jeu à partir de zéro !

Bien entendu, je vous assisterai et vous expliquerai en détails chacune des étapes !
Allez ! On passe à l’action !

Achetez le cours « Apprendre Javascript » pour avoir accès:

  • Accès à vie: Accédez à vie à toutes les vidéos du cours…
  • Quiz: Testez vos connaissances en Javascript !
  • Projet: Fini la théorie, place à la pratique… Créez votre premier jeu en ligne !
  • Mission: Cassez-vous la tête avec la Mission pour aller encore plus loin !
  • Code source: Téléchargez les fichiers du Projet
  • Certificat de Réussite: Prouvez vos connaissances auprès des recruteurs

94 COMMENTAIRES

  1. Le jeu du serpent est un modèle pour apprendre à coder et avoir un aperçu de la programmation. Elle est accessible même pour moi.Il faut faire des efforts et prendre beaucoup de notes.Le résultat est encourageant, et les vidéos sont des plus motivante. Bravo pour ce don de communication et de partage.elas je ne parvient pas à récupérer mon certificat pour le jeu du serpent. Le lien ne fonctionne pas car le logiciel 7zip ne peut le lire.Je le telecharger il affiche SourceCode-Prolet2.rar.
    Peut-être un nouveau lien serait nécessaire.
    Merci, j’aime beaucoup les vidéos des cours.

    • Hello Yannick,
      Pour télécharger le certificat, tu verras juste en haut de cette page un bouton Imprimer le certificat, il te suffit de cliquer dessus.
      Le lien du code source ce n’est pas le certificat mais le code source du projet pour vérifier et comparer ton code avec le mien si besoin.
      Si tu as des soucis, n’hésite pas à poser toutes tes questions sur le groupe des codeurs sur Facebook.
      Bon courage!

  2. Un très gros merci pour ce cours John 😄
    Grâce à toi, j’ai pu comprendre les bases du Javascript très facilement. Même si tes vidéos sont assez compacts et rapides (après ça dépend des vidéos), si je ne comprenais pas très bien un truc sur le coup, je peux mettre la vidéo sur pause et essayer de mieux comprendre ce que je n’ai pas compris.
    Pour le projet du jeu Snake, je l’avais trouvé légèrement compliqué parce qu’on commençais à mélanger toutes les notions qu’on avait apprises… Mais grâce à la magie du bouton pause, je pouvais prendre le temps de réfléchir sur les choses qui me gênaient.

    Aussi, comme je connaissais déjà un peu la logique générale des langages de programmation, la compréhension à été beaucoup plus rapide que je ne le pensait.

    C’est vraiment dommage que je ne puisse pas payer pour avoir la Formation Complète 😔 Mais au moins, je suis bien content d’avoir appris les bases du Javascript avec toi 😆

  3. Bonjour John,

    Ce cours fais peur au début par sa complexité, mais tu nous rassure, et on s’accroche, en tout cas c’est ce que j’ais fait et j’en suis heureuse.
    Je comprend bien que ce cour est juste « l’en-cas » face à la formation complète de javascript………j’ai hâte d’y être.

    Merci pour tout ce temps que tu nous accorde en faisant ces vidéos et ces challenges.

    Je me permet aussi de te poser une question à titre informatif : pour la mission spéciale, j’ai fait une autre méthode qui utilise plus de lignes de code, est ce que ça peut ralentir le programme?

  4. Merci John pour cette découverte de JavaScript au travers du développement d’un jeu.

    J’ai appliqué ton conseil et réalisé de multiples pauses pour créer le code par moi-même sur mon PC . C’est effectivement la bonne méthode et cela permet d’expérimenter ses propres erreurs de programmation … mais mon ratio temps passé / temps vidéo fait peur !

    2 suggestions pour réduire ce ratio :

    1°) donner un nom « français » à tes fonctions et variables
    Pour identifier instantanément les noms modifiables (en français) et ceux qui sont natifs et invariables dans JavaScript (en anglais).

    2°) illustrer par un schéma l’architecture du code du jeu
    Pour saisir en une seule vue l’organisation de ton code, comment les différents modules (fonctions constructeurs, méthodes, … ) s’articulent entre eux et celui que tu es en train de modifier.

  5. Salut John,
    je viens de terminer le cours du serpent, wahou que c’était difficile pour quelqu’un comme moi qui n’avait aucune notion de JS.
    Mais comme tu le dis, le point fort, c’est de pouvoir retourner sur les cours que l’on souhaite.
    Et la je le sens, çà commence à rentrer!
    Enfin j’espère!
    Nicolas

  6. Une fois encore : merci John pour tes cours qui sont très intéressants et constructifs !!
    Le projet sur la création du jeu du serpent est super, malgré le fait que le jeu soit simple, je suis super contente d’avoir réussi à créer le jeu !
    Je lâche rien et continue les cours… prochaine étape : jQuery 🙂

  7. Et voilà, deuxième cours terminé ! Ca n’a pas été facile de reprendre après les fêtes mais je me suis accroché. La difficulté de JavaScript c’est toute la logique qu’il y a derrière un programme et l’imbrication Variables/Fonctions. Mais au final ce qui m’a posé le plus de problème ce sont les règles d’écritures… Ne pas oublier les ; et les {} ! Mais à choisir je préfère avoir la logique et me battre un peu avec la ponctuation plutôt que l’inverse… En tout cas j’ai trouvé très intéressant de ta part de nous parler des « normes » les plus récentes d’écriture concernant notamment les accolades. Je viens du monde scientifique et les normes de rédaction sont très importantes dans l’optique du partage des connaissances. Il est donc important d’uniformiser la rédaction pour faciliter les échanges et tu fais très bien d’en parler !
    Merci encore pour ton cours et ta pédagogie ! Je trouve ça top d’avoir volontairement préservé tes petites erreurs dans tes vidéos afin de les corriger en live dans la vidéo suivante et de montrer au passage comment se sortir d’une impasse grâce à la console !
    Bref, merci John !

  8. Hello ! C’est surement bête… mais qu’est ce que je suis contente d’avoir fait ce jeu qui a pourtant l’air si simple !!
    Malgré mes prises de notes des fois c’est la galère ^^. Sincèrement je ne pense pas être capable de refaire le jeu de A à Z seule. Loin de là, mais je pense avoir bien compris le système de variables et fonctions ainsi que leurs imbrications.
    C’était vraiment pas facile, surtout que des fois toi tout roule et chez nous plus rien ne bouge ^^ du coup c’est grosse grosse séance dé-bug juste pour une accolade en trop !!
    Mais ce sont des paramètres que tu ne peux pas gérer alors un grand merci pour cette formation étape par étape qui nous amène à faire de belle choses en JS ! Et merci pour la bonne humeur !

  9. Alors tout d’abord, merci John pour tout tes efforts.
    Alors pour moi c’est assez compliqué de dire que ton cours m’a aidé, car après avoir fini ton cours j’ai essayé de me lancer dans un petit projet mais impossible de savoir comment commencer par quel bout le prendre. Attention, je ne dis pas que ton cours n’ai pas utile, au contraire. Juste que j’ai du mal avec JavaScript ou peut être avec l’algo… A voir. Mais vraiment un Grand merci à toi John. Continu tu es au top.

  10. Hi every one, I have just finished with javaScript, it was a little bit difficult, there was too many things to assimilate, I hope that we will arrive.

    I want to know how can we download your project John.
    Thank you so mutch for this course.

    See you later in other videos0.

  11. Bonjour John,

    Merci beaucoup pour ce cours très instructif.
    A part à un ou deux moment ou tu vas un petit peu trop vite, pour moi, c’était top.
    Heureusement que j’avais de bonnes bases en VBA, cela m’a aidé à comprendre pas mal de choses.
    Vraiment bon boulot en tout cas 🙂
    Maintenant à moi de progresser. Je vais jeter un coup d’œil sur ce que tu proposes.

  12. Bonjour, John,

    Je tiens à te remercier vraiment pour cette belle formation de JavaScript mais surtout la pratique par ce projet des serpents que j’ai beaucoup aimé.
    Il y a encore certains points que je n’ai pas compris lors du projets comme strokeStyle, Canvasn etc mais ça me motive à aller suivre la formation sur Vraiment comprendre JavaScript afin d’approfondir ce savoir que j’ai acquis.

    Du reste, j’aime beaucoup ta pédagogie et je suis fière de moi comme j’ai tout fini ☺.

    Je souhaite que tu aie encore loin, merci pour tout 😉 !

  13. J’ai terminé le cours sur le Javascript, et j’ai appris beaucoup de nouvelle choses mais je me suis donné une nouvelle mission, qui est celle d’ajouter d’autres fonctionalités au jeux comme la possibilité de mettre pause, marqué la différence entre le corps et la tête du serpent, enregistrer le meilleur… jespère que je vais arriver
    merci pour cette formation

  14. Salue, John, j’ai suivi vos cours jusqu’à la partie quiz. Ceci étant, j’aimerais payer et continuer, mais mon souci est de savoir comment va se dérouler la mission et l’évaluer de celle-ci. j’attends juste vos réponses pour me lancer de dans « piyan ». Je suis vraiment convaincu de votre pédagogie, j’ai appris pas mal de choses nouvelles par cette partie gratuite.
    Bref, j’ai juste envie de connaitre les modalités d’évaluation pour obtenir le certificat.

  15. Formation corsée :
    J’ai eut quelques petits soucis au début de la formation surtout sur le canvas.
    Cependant le groupe des codeur sur Facebook m’ont aider, aussi bien John que les autres internautes.
    Les gens qui suivent cette formation on deux gros avantage:
    1er :celui de ne pas être seul on est soutenu et on s’entraide même quand John ne peux pas répondre tout de suite.
    2eme: celui de pouvoir réaliser des projet concret et qui sorte des autres projet que l’ont peux trouver sur le net. Quand votre projet prend forme je peux vous assurez une satisfaction personnel immense on est fier de soi et évoluer dans ces conditions est un plaisir merci a toi John

  16. Merci Pour ton cours Javascript, j’ai vraiment apprécié. Pas facile, mais bon quand le jeu de serpent se met à fonctionner, Whouaa! j’avais un sourire accroché au visage. Le gros de mes difficultés, c’est la syntaxe, les petits détails, la ponctuation, ouff.
    Une petite question, à quel endroit je peux trouver un listing des fonctions de javascript et leur description?
    Merci pour ta réponse et merci encore pour la formation!

  17. Bonjour John, félicitation pour le déroulement de ce cours très bien expliqué et qui nous donne envie d’apprendre et de progresser grâce à ta sympathie et ta bonne humeur !

    Effectivement très dur à assimilé, mais avec de la pratique, cela doit rentrer et beaucoup de similitude avec le langage PHP.

    Continu comme cela et ne t’arrête pas beaucoup d’autres formations ne t’arrive pas à la hauteur !
    La mission est très bien, mais je pense qu’un projet complet à finaliser seul serait plus intéressant afin de mieux assimiler le cours où chacun pourrait s’entraider sur le groupe Facebook ou autres afin de le finaliser.

    Merci et une très bonne continuation.
    Philippe

  18. salut John je viens de finir les cours JS qui n’était pas facile, heureusement qu’il y a les video pour les revoir en tout cas un grand merci sa ma fait comprendre certaine chose sur lequel j’avais du mal même si j’ai pas tout compris en out cas je me suis bien amusée et aussi bien pris la tête sur des problèmes de syntax mai les video sont la pour continuer a m’aider donc un grand merci pour tout.

  19. J’ai fait la formation HTML5-CSS3 (j’avais déjà des connaissances donc je n’étais pas trop perdue – révision avec suppléments 🙂 ).
    Par contre je débute avec javascript et… bouh ! que c’est dur ! Je n’y comprends pas grand chose car pas encore familiarisée avec les termes. J’espère que ça ira mieux par la suite. Mais je me dis que si html et css sont bien rentrés dans ma petite cervelle (en pas mal d’années quand même), alors pourquoi pas le reste ?
    Merci pour vos formations – plus besoin de fouiner partout dans Google 🙂

      • Je tape tous les codes dans mon logiciel de création de sites web. J’utilise WeBuilder 2016 (de Karlis Blumentals) depuis de longues années. Et je conserve tout bien précieusement pour pouvoir m’y référer si besoin plus tard. C’est vrai que je n’en suis qu’au début pour javascript mais il faut laisser le temps au temps pour assimiler ce qui est nouveau. Cela me servira (probablement) pour l’utiliser dans mes pages html.
        En tout cas je suis contente d’avoir acheté la formation complète.
        @ bientôt à travers vos vidéos et Facebook 🙂
        Valérie

  20. Merci pour ce second cours très frustrant pour moi, je l’avoue ( nombreuse erreur bête et recommencé 1 fois entièrement car gros bordel partout dans mes lignes de code!) mais quand je ne comprenais pas pourquoi tu avais mis ça à tel endroit etc, un simple clique sur  » les bases de JS partie 1 ou 2″ chercher notre question et trouvé notre réponse en quelques minutes. Super sympa comme rendu final !!

    PS: j’allais poser la même question que mon camarade par rapport au lien avec une page Web etc, mais j’ai vu que tu expliquais plus dans le cours bootstrap! Pour bientôt je l’espère lol!

    Félicitation en tout cas !

  21. Bonjour John, j’aimerais savoir comment fait-on pour appliquer le code javascript pour un site ?
    Je m’explique : ton cours est excellent, cependant tu ne nous explique pas comment l’appliquer, non pas pour un jeu mais pour un site.
    PS: est-il possible de savoir quel seras le prochain cours…

      • Bonjour John,
        Et bien en fait tu nous a appris a comprendre le javascript mais pas à l’appliquer sur une page web : tu nous à appris a la théorie mais pas la pratique… (Je ne critique pas le jeu mais une page web aurait été plus explicite dans le cadre du développement web).

        Encore merci pour tes excellents cours …

        • Merci Martin.
          Ce cours est en effet plus orienté sur la « Programmation Javascript » et je parle moins du lien entre le javascript et les eléments html d’une page Web.
          Je te conseille de faire le cours sur jQuery dans lequel j’approfondis bien ce lien entre le code et les eléments html d’une page Web.

          Et le projet est sympa, c’est un top 5 des meilleures actrices 😉