ASMR Programming - Gameboy Tetris Clone in JavaScript - 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 74 - 100 days javascript coding ⚜️

🕹️ Dive into the nostalgia of the classic Gameboy Tetris with this fun and interactive clone built using HTML, CSS, and JavaScript! 🌟

In this video, we'll explore the process of recreating the iconic Tetris experience right in your browser. From designing the layout with HTML to styling it with CSS for that retro vibe, to implementing the game logic with JavaScript, every step is covered to help you understand the magic behind this timeless game.

Join us as we delve into the code, unraveling the secrets of game mechanics and user interactions. Whether you're a seasoned developer looking to brush up on your skills or a Tetris enthusiast eager to relive the thrill of stacking blocks, this tutorial has something for everyone.

So grab your virtual Gameboy and let's embark on this coding adventure together! Don't forget to like, subscribe, and hit the bell icon for more exciting content. Happy coding and happy gaming! 🚀🎮

Keyboard Info : Skyloong GK61 Pro

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

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 73)
00:37 - Warming hands
00:43 - Main codes
01:48 - Adding fonts
02:11 - Styles
02:36 - Variables
05:18 - Setup function
06:19 - Draw function
14:05 - Update stats
15:45 - Explain controls
16:17 - Game over
17:19 - Keys function
18:46 - PlayPiece class
31:15 - Handle input
35:05 - Square class
37:24 - pseudoRandom()
38:19 - Analyze function
39:30 - Check lines
41:41 - Worker class
43:15 - Reset function
44:26 - Fixing bugs
45:02 - 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]

👩‍💻🚀 Dive into the coding world with us! Drop your comments and likes to support! Let's grow together! 🌟💬

[iDoc_Elf]

Why did you so good at JavaScript? I'm jealous

[whiteair]

Hi, i have watch one video about tetrix on your channel, its one year ago, so is there a big differennce between both video? ( except the line count and the border of block make it more professional ), both are amazing

[realog]

@AsmrProg sir please create a playlist for new programmers starting from the scratch with commentary(Beginner 🔰 to Pro Coder)

[ketimcoder]

Awesome. How do you film your hands from above?

[Minicraft_]

Блин как ты это все выучил, я HTML, CSS выучил а JavaScript не могу😂

[rnketrel]

All I wanna know is what is that circle on your space bar for

[curon_licentia]

Anyone else waiting for another video for this playlist? :>

[peterhuan-srpd]

At the beginning, listing almost all global variables can be overwhelming. Instead, we should declare only the variables needed at present and add others as we encounter them later. It seems like you first wrote everything out and then typed it again, leaving out much of the actual development process. Throughout, you've only been appending code without ever revisiting, modifying, deleting, or adding to previous code. This approach offers little advantage over simply examining the final code and is also time-consuming, as it omits the authentic development process.

[zennotu]

Hello, I want to buy a laptop. Can you advise me which one is HP for programming? I want it

[bang_talkim]

Please make a tutorial for making a game top up website with automatic payments

[anonymousbro]

2 questions. Why in javascript and why do u not have arrow keys.

[maxit]

Hi, what is your VS code theme? Didn't find this on your github setting repo.

[utorekami]

I just cant understand how you know exact code from your head....😊

[beryblue]

please what name the app please im curious

[Ba-xmbc]

Hey
Please help code html css JavaScript php MySQL sql?!

[Niroshan_FF]

you can creat a ai chatbot for our own website please give it to video big

[progfix]

The subscribe "ding" every 7 minutes is super annoying!

[anhaa]

I wrote the exact same thing, but my desktop is black. ☹️

[KianSolati-qk]

mishe bidhtar bazi code bezani ? jaleb taran