Code Tetris: JavaScript Tutorial for Beginners
Learn the basics of JavaScript by coding a Tetris game from scratch.
This is a great course for people who have never touched code before or people who want to review the fundamentals.
In this course, you will learn how to set up a project from scratch using the Atom code editor and your command prompt tool, as well as gain a fundamental understanding of JavaScript by building your very own version of Tetris.
🎥 Course from Ania Kubow. Check out her channel: https://www.youtube.com/channel/UC5DNytAJ6_FISueUfzZCVsw
💻 Code: https://github.com/kubowania/Tetris-Basic
⭐️ Course Contents ⭐️
⌨️ (0:00) Introduction
⌨️ (1:44) Setting up the project
⌨️ (7:47) HTML Basics
⌨️ (14:38) CSS Basics
⌨️ (17:46) Explaining Variables
⌨️ (23:04) Working with Arrays
⌨️ (27:42) What exactly is a function?
⌨️ (31:56) Arrow Functions and forEach()
⌨️ (35:04) Drawing Tetrominoes using classList.add()
⌨️ (45:32) Times and intervals
⌨️ (51:37) Using Modulus to define our place on the grid
⌨️ (55:48) Keycodes and events
⌨️ (1:00:02) Choosing items from Arrays
⌨️ (1:05:38) Displaying the ‘Next Up’ Tetromino
⌨️ (1:14:49) Adding a start and pause game function.
⌨️ (1:18:04) Splice()
⌨️ (1:21:07) Splice(), concat() and appendChild()
⌨️ (1:29:26) Game over using some() and innerHTML
⌨️ (1:31:58) Assigning colors to our Tetrominos
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe so you don't miss any tutorials: https://youtube.com/subscription_center?add_user=freecodecamp
Видео Code Tetris: JavaScript Tutorial for Beginners канала freeCodeCamp.org
This is a great course for people who have never touched code before or people who want to review the fundamentals.
In this course, you will learn how to set up a project from scratch using the Atom code editor and your command prompt tool, as well as gain a fundamental understanding of JavaScript by building your very own version of Tetris.
🎥 Course from Ania Kubow. Check out her channel: https://www.youtube.com/channel/UC5DNytAJ6_FISueUfzZCVsw
💻 Code: https://github.com/kubowania/Tetris-Basic
⭐️ Course Contents ⭐️
⌨️ (0:00) Introduction
⌨️ (1:44) Setting up the project
⌨️ (7:47) HTML Basics
⌨️ (14:38) CSS Basics
⌨️ (17:46) Explaining Variables
⌨️ (23:04) Working with Arrays
⌨️ (27:42) What exactly is a function?
⌨️ (31:56) Arrow Functions and forEach()
⌨️ (35:04) Drawing Tetrominoes using classList.add()
⌨️ (45:32) Times and intervals
⌨️ (51:37) Using Modulus to define our place on the grid
⌨️ (55:48) Keycodes and events
⌨️ (1:00:02) Choosing items from Arrays
⌨️ (1:05:38) Displaying the ‘Next Up’ Tetromino
⌨️ (1:14:49) Adding a start and pause game function.
⌨️ (1:18:04) Splice()
⌨️ (1:21:07) Splice(), concat() and appendChild()
⌨️ (1:29:26) Game over using some() and innerHTML
⌨️ (1:31:58) Assigning colors to our Tetrominos
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe so you don't miss any tutorials: https://youtube.com/subscription_center?add_user=freecodecamp
Видео Code Tetris: JavaScript Tutorial for Beginners канала freeCodeCamp.org
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![My first app: Javascript TETRIS!!! (Code Overview)](https://i.ytimg.com/vi/-loQsPYMnk4/default.jpg)
![](https://i.ytimg.com/vi/FEifKcVOOsI/default.jpg)
![JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour](https://i.ytimg.com/vi/W6NZfCO5SIk/default.jpg)
![How to code Tetris using Javascript](https://i.ytimg.com/vi/RzhA3J966rI/default.jpg)
![Building TETRIS - Game Development Tutorial](https://i.ytimg.com/vi/8zXlWbEgfiY/default.jpg)
![How to Build Tetris in React - GameDev Tutorial (with React Hooks!)](https://i.ytimg.com/vi/ZGOaCxX8HIU/default.jpg)
![Learn JavaScript - Full Course for Beginners](https://i.ytimg.com/vi/PkZNo7MFNFg/default.jpg)
![Write a Tetris game in JavaScript](https://i.ytimg.com/vi/H2aW5V46khA/default.jpg)
![10 JavaScript Projects in 10 Hours - Coding Challenge 🔥](https://i.ytimg.com/vi/dtKciwk_si4/default.jpg)
![The Alternative Guide to Building Tetris with JavaScript - Video for The Ultra Beginner](https://i.ytimg.com/vi/w1JJfK09ujQ/default.jpg)
![How to Build Tetris with JavaScript and React](https://i.ytimg.com/vi/yCEIgEOZ36g/default.jpg)
![Coding Snake in JavaScript Complete Tutorial Every Step Explained with HTML5 Canvas](https://i.ytimg.com/vi/7Azlj0f9vas/default.jpg)
![How To Code The Snake Game In Javascript](https://i.ytimg.com/vi/QTcIXok9wNY/default.jpg)
![JavaScript Tetris](https://i.ytimg.com/vi/QDp8BZbwOqk/default.jpg)
![Build your own CANDY CRUSH using JavaScript, HTML and CSS | Ania Kubow](https://i.ytimg.com/vi/XD5sZWxwJUk/default.jpg)
![How to make a Tetris game in C++ (Speed coding)](https://i.ytimg.com/vi/AdCWlvblBHo/default.jpg)
![Intro to Game Development with JavaScript - Full Tutorial](https://i.ytimg.com/vi/3EMxBkqC4z0/default.jpg)
![Create Tetris Game Using JavaScript and HTML5 | JavaScript Project For Beginners](https://i.ytimg.com/vi/HEsAr2Yt2do/default.jpg)
![Programming a Tetris Game in C# - Full Guide](https://i.ytimg.com/vi/jcUctrLC-7M/default.jpg)
![JavaScript Tutorial for Beginners - Full Course in 8 Hours [2020]](https://i.ytimg.com/vi/Qqx_wzMmFeA/default.jpg)