Beginner JavaScript Project – Snake Game Tutorial
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.app/
💻 GitHub Repo / Source Code: https://github.com/Ade-mir/snake-game-js
Snake AI-Generated Logo: https://github.com/Ade-mir/snake-game-js/blob/main/snake-game-ai-gen.png
Google Fonts: https://fonts.google.com/specimen/VT323?query=vt
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
Видео Beginner JavaScript Project – Snake Game Tutorial канала freeCodeCamp.org
✏️ Course developed by @howtobecomeadeveloper
💻 Deployed Game: https://snake-game-howtobedev.netlify.app/
💻 GitHub Repo / Source Code: https://github.com/Ade-mir/snake-game-js
Snake AI-Generated Logo: https://github.com/Ade-mir/snake-game-js/blob/main/snake-game-ai-gen.png
Google Fonts: https://fonts.google.com/specimen/VT323?query=vt
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
Видео Beginner JavaScript Project – Snake Game Tutorial канала freeCodeCamp.org
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Full HTTP Networking Course – Fetch and REST APIs in JavaScriptCode a Reddit Clone with React, Next.js, Firebase v9, Chakra UI – Full CourseFull-Stack Next.js, TypeScript, and AWS Course – Code a Quote GeneratorDeep Learning for Computer Vision with Python and TensorFlow – Complete CourseMicroservice Architecture and System Design with Python & Kubernetes – Full CourseBuild AI Apps with ChatGPT, DALL-E, and GPT-4 – Full Course for BeginnersBack End Developer Roadmap 2024DevOps with GitLab CI Course - Build Pipelines and Deploy to AWSDynamic Programming - Learn to Solve Algorithmic Problems & Coding ChallengesJavaScript Game Development Course for BeginnersWeb App Vulnerabilities - DevSecOps Course for BeginnersCreate a Design System with CSS - Web Development CourseTensorFlow for Computer Vision Course - Full Python Tutorial for BeginnersPython for Bioinformatics - Drug Discovery Using Machine Learning and Data AnalysisAutomate with Python – Full Course for BeginnersAdvanced Git Tutorial - Interactive Rebase, Cherry-Picking, Reflog, Submodules and moreFrontend Development Course - Create a Blog with HTML & CSSPython API Development - Comprehensive Course for BeginnersReact Router 6 – Full CourseAdvanced Computer Vision with Python - Full CourseJavaScript Security Vulnerabilities Tutorial – With Code Examples