ASMR Programming - Coding a Snake Game - No Talking

Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎

Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅
day 17 - 100 days javascript coding ⚜️

Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :

In this tutorial, I am gonna showing to you how to code a snake game with javascript. this snake game is fully responsive and in touch devices it's have keys that user can use❗️

source of all projects also will upload in AsmrProg github page :

with this coding bootcamp you will learn how to be an javascript developer✅
Follow my 100 days of javascript playlist i will upload video's of javascript projects in it for easier access and video's in this playlist sorted by day 1 to day 100 😉

Every week i will update this playlist ✅

Video Contents :

00:00 - Intro (100 days of code - day 17)
00:30 - Warming hands
00:35 - Main codes
01:10 - Add google fonts
01:40 - Html coding
02:12 - Controls
03:38 - Main styles
03:59 - Wrapper
04:32 - GameDeails
04:57 - PlayBoard
05:40 - Controls styles
06:20 - Responsive codes
07:18 - Main JS Codes
08:30 - Get High Score
09:03 - Food Position
09:39 - Handle Game Over
10:05 - Change Velocity
11:37 - Change Direction
12:09 - InitGame function
17:03 - Call functions
17:27 - Fix a bug
17:50 - Final Result

Other Video's :

Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.

About AsmrProg Channel :

Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.

AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming

[AsmrProg]

Today we have simple snake game (Fully Commented Code) 😉 LIKE video to support me create new content 🙏❤

[erfanhap]

well done mate, i've kept tracking your progress. You are doing great! keep it up dadash <3

[UniQueVpN]

It was the code he was looking for, thank you very much ♥♥🔥

[ivanavatkov]

Really inspiring, thanks for your videos!

[shadower]

I like the sound of this keyboard, feel like someone scratching my head, keep it up

[EsrarengizKasabaGF]

I can't believe it got so many views😮 It's really cool, congratulations😊 You should be happy😊 I've always wanted to code a weather forecast, thanks to you, I will❤

[lucabarrientos]

Hermoso tus proyectos y tu codigo, inspira mucho. Saludos desde Argentina

[brians]

Man this is amazing, been watching a lot of your videos and I always learn new things, also, the speed with which you code is impressive . I’m learning how to code now and can only aspire to be able to code like you someday . Was wondering, how many years experience you have ?

[MrPorschkub]

i love your video

nice i tried flashing my keyboard with qmk i spent 1 day for nothing haha. idk what went wrong 😂😂

[mrtasos]

Can you create next a web application trivia where you can put your own questions etc.

[rope]

Awesome video, great skills. QQ: What are the specs/brand of your keyboard?

[mikearnold]

Hello! Please also make one of a gem that is brilliant cut and can be rotated. Thanks!

[yt-user]

great content! btw what keyboard is this?

[Bongosiik]

What Application u use to code? and by the way u do GREAT job. Wild Respect.

[ledog]

Came across your video. Amazing video!
about your vscode snippet, may I ask what extension that is?

[GAbeszladhc]

Hi, I just did this and it doesn't work for me at line 55 and the click code is the same and doesn't detect javascript, I don't know why I press f12 and it doesn't show only css and html

[Mahmoud_]

What does "Shifting Forward Values of elements in snake body" do? thanks in advance

[meryameddaif]

Please can you make a video for different fonctionnality of vs code such as making a beautiful background like yours ❤️❤️🙏🏻🙏🏻🙏🏻✔️

[tLearningTree]

what extension do you use for for syntax highliting?

[sdgdsgsdgdsg]

how did you make this background in visual studio code? And such icons near the index and css and the text you have a nice design, advise the extension