Beginner JavaScript Project – Snake Game Tutorial

Publié le: 07 décembre 2023
sur la chaîne: freeCodeCamp.org

96,672

3.4k

In this beginners coding tutorial, you will learn to create a Retro Snake Game inspired by the iconic Nokia Snake game using vanilla HMTL, CSS and JavaScript! Using JS you will learn to draw the game board, create the snake and randomly generated food, make the snake move, increase the snake size when it eats, and increase its speed. you will also learn to keep the score, track collisions for the snake, and display your high score.

✏️ Course developed by @howtobecomeadeveloper

💻 Deployed Game: https://snake-game-howtobedev.netlify...
💻 GitHub Repo / Source Code: https://github.com/Ade-mir/snake-game-js

Snake AI-Generated Logo: https://github.com/Ade-mir/snake-game...
Google Fonts: https://fonts.google.com/specimen/VT3...
AI font generator / Lexica: https://lexica.art/

⭐️ Contents ⭐️
⌨️ (00:00) What we are building / Finished snake game
⌨️ (01:57) Setting up our HTML
⌨️ (10:25) Styling with CSS
⌨️ (27:05) Creating the snake game logic with JavaScript

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Sur cette page du site, vous pouvez voir la vidéo en ligne Beginner JavaScript Project – Snake Game Tutorial durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur freeCodeCamp.org 07 décembre 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 96,672 fois et il a aimé 3.4 mille téléspectateurs. Bon visionnage!

113