Learning JavaScript while making web games

Name: Learning JavaScript while making web games
Rating: 4.8 (79 reviews)

In this lecture, we will practice programming using JavaScript. Let's start with the web game, the multiplication table, and then create a word game, number baseball, tic-tac-toe, a lottery machine, rock-paper-scissors, minesweeper, a card matching game, jasstone, a 2048 game, and Tetris.

(4.8) 79 reviews

8,057 learners

zerocho

JavaScript

Reviews from Early Learners

Lecture Preview 😊

JavaScript is a language used to give commands to computers. While once limited to creating websites, it's now being used to create web apps and desktop programs. It's even used to build some apps like Instagram and Facebook. In this course, we'll learn JavaScript and practice programming. Starting with the web game multiplication table, we'll create a word chain game, number baseball, tic-tac-toe, a lottery machine, rock-paper-scissors, minesweeper, a matching card game, zasstone, 2048, and even Tetris.

The goal of this lecture 🙂

You will be able to understand JavaScript syntax at a glance.
You will be able to acquire the mindset that a 'programmer' must have.

Recommended for
these people

Who is this course right for?

Beginner Javascript Development
Beginner to web front-end development
Anyone who wants to develop web games using Javascript

Hello
This is

66,543

Learners

1,685

Reviews

9,755

Answers

4.8

Rating

Courses

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중
– 현) 스모어톡 CTO
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook
Operator of ZeroCho.com
Currently running a YouTube channel ZeroCho TV, covering development topics
CTO at SmoreTalk
Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

Curriculum

All

114 lectures ∙ (21hr 35min)

Section 1. Javascript Basics and Word Game

14 lectures ∙ (2hr 33min)

1. What is JavaScript Programming?
10:41
2. Value: number, character, boolean
07:55
3. operator
09:41
4. Comparison Operators
07:21
5. Variable (var)
14:36
6. null, undefined
10:53
7. Conditional statement (if)
09:09
8. Loop (while)
12:24
9. Review & Operators Advanced
10:04
10. Function
10:25
11. String deepening
05:22
12. else if
08:19
13. Loop (for)
14:53
14. Implementing a word game
21:28

Section 2. Object Basics and Multiplication Table Game

5 lectures ∙ (1hr 16min)

15. Loop Practice: Star Printing
21:55
16. Object Basics
10:19
17. Object properties
12:29
18. Array Basics
12:10
19. Implementation of the multiplication table
19:51

Section 3. Web screen implementation

7 lectures ∙ (1hr 11min)

20. window object
12:13
21. The document object and the DOM
05:15
22. How to use script tags
10:24
23. Creating HTML tags with JS
10:31
24. Display on the end-of-word screen
12:22
25. Preview of the event listener
10:14
26. Creating a multiplication table screen
10:16

Section 4. Number Baseball

6 lectures ∙ (1hr 3min)

Section 5. Tic-tac-toe

5 lectures ∙ (1hr 10min)

Section 6. Lotto draw machine

6 lectures ∙ (1hr 6min)

Section 7. Rock paper scissors

6 lectures ∙ (53min)

Section 8. Minesweeper

16 lectures ∙ (3hr 11min)

Section 9. Reaction speed test

5 lectures ∙ (1hr 4min)

Section 10. Tic-Tac-Toe Advanced

3 lectures ∙ (30min)

Section 11. Card Matching Game

10 lectures ∙ (1hr 28min)

Section 12. Jasston

14 lectures ∙ (3hr 0min)

Section 13. 2048 game

6 lectures ∙ (1hr 16min)

Section 14. Tetris

11 lectures ∙ (1hr 47min)

Published:

Last updated:

Reviews

All

79 reviews

4.8

79 reviews

blockmonkey1992
Reviews 11
∙
Average Rating 4.8
5
100% enrolled
I've only seen half of it, so I can't write a perfect review, but I'm so grateful that I'm leaving this review first. Originally, I studied in a cycle from HTML - CSS - JS - Node - Express - DB in Livingxx for about 3 months. And then I started looking for books on job support and intermediate JavaScript. Then I realized that I was still at the level of 'understanding' the basic grammar of JavaScript. I was quite frustrated, thinking, "I still don't know the basics.." Do I have no talent? I was about to give up, when I happened to watch Zerocho's lecture. As I learned while making many games, I definitely feel like the concepts that I had only understood to some extent are now mine. If you are learning from Lifexx and are getting started with coding, and were able to have a general context and a narrow perspective, then in Zerocho's lecture, I feel like I am learning how to cook as a chef. "Isn't there anyone who can teach me like a close friend, brother, or younger sibling?" "Why aren't my coding skills improving?" "I know it, but why can't I use it?" I think this will be a really good lecture for those who ask. Oh, one thing I regret is that I had a lot of trouble deciding which lecture to take between the ES6 2020 lecture on YouTube and this lecture, so it would be better if you clearly stated this point.
- rancho9746937
  I was worried about which one to take because other JS lectures are over 10 hours long, but thanks to the good reviews, it became easy to decide. Thank you.
sansam7091113
Reviews 1
∙
Average Rating 5.0
5
100% enrolled
If you study a language with a general book, you can only gain knowledge about the language, but this course will teach you what you can do with JavaScript. You can study while creating actual results, so it is not boring and you can study in a fun way.
hwanggc35726436
Reviews 4
∙
Average Rating 5.0
5
100% enrolled
It's a good lecture that gives you a sense of accomplishment because you learn while actually creating a program.
j0urneyk3210142
Reviews 1
∙
Average Rating 5.0
5
100% enrolled
As expected, Zerocho-nim.. You're giving such a great lecture for free... Thank you so much. I'll work hard!
milktea
Reviews 26
∙
Average Rating 4.8
4
32% enrolled
This is a good lecture to listen to when you don't know what to create or how to use it after listening to the JavaScript grammar lecture.

zerocho's other courses

Check out other courses by the instructor!

[Revised 3rd Edition] Node.js Textbook - From Basics to Project Practice

zerocho

You will learn about what a node is, the latest JavaScript grammar, the node API, npm, the module system, databases, testing, and more. You will create a project using five practical examples. You will also deploy a service to the cloud and convert a node project to TypeScript.

初級

Node.js, Express, MySQL

[Revised 3rd Edition] Node.js Textbook - From Basics to Project Practice

zerocho

Next + Create a SNS service with React Query

zerocho

We will create an SNS service similar to Twitter (X.com) using the React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand stack. Finally, we will add SSR for search engine optimization!

中級以上

Next.js, React, react-query

Next + Create a SNS service with React Query

zerocho

React Native with Expo: Learning Properly from ZeroCho

zerocho

Web developers (especially React developers) can now truly easily launch apps. With Expo, you can launch both Android and iOS apps even faster. Let's become a developer who can quickly launch apps with Expo.

初級

React, React Native, Hybrid App

React Native with Expo: Learning Properly from ZeroCho

zerocho

Slack Clone Coding [Real-time Chat with React]

zerocho

Let's start serious React web development by creating it following the Slack service! From sign-up, login, room creation, to real-time chat!

中級以上

Clone Coding, React, TypeScript

Slack Clone Coding [Real-time Chat with React]

zerocho

TS/JS Design Patterns with Canvas: Learn Properly from Zerocho

zerocho

Learn about the uses, pros and cons of various design patterns while creating a drawing board with TypeScript/JavaScript. Learning the canvas API is a bonus!

中級以上

Design Pattern, oop, TypeScript

TS/JS Design Patterns with Canvas: Learn Properly from Zerocho

zerocho

[Renewal] TypeScript All-in-One: Part 2. Practical Analysis

zerocho

Now that you've learned the basic grammar of TypeScript, let's learn how to analyze complex types from popular libraries.

中級以上

TypeScript

[Renewal] TypeScript All-in-One: Part 2. Practical Analysis

zerocho

Test with Jest: Learn Properly from Zerocho

zerocho

In this lecture, we will show you when testing is necessary and the advantages of testing using the Jest framework. We will apply unit testing and integration testing to React, Express, etc.

初級

Software Test, Jest, react-testing-library

Test with Jest: Learn Properly from Zerocho

zerocho

Non-majors catching up with majors - Database, SQL

zerocho

If you are already a developer or want to become a developer but did not major in computer science and are weak in databases, gain lifelong knowledge with this one course!

入門

DBMS/RDBMS, SQL, MySQL

Non-majors catching up with majors - Database, SQL

zerocho

Catching up with non-majors - Networks, HTTP

zerocho

If you are a developer who deals with HTTP or want to become a developer but did not major in computer science and are weak in networking, gain lifelong knowledge with this one course!

入門

Network, tcpip, websockets

Catching up with non-majors - Networks, HTTP

zerocho

Non-majors catching up with majors - Data Structures (with JavaScript)

zerocho

Data structures are essential subjects for studying algorithms! Let's learn various data structures using JavaScript!

初級

JavaScript, Algorithm, Coding Test

Non-majors catching up with majors - Data Structures (with JavaScript)

zerocho

[Renewal] TypeScript All-in-One: Part 1. Basic Grammar

zerocho

Learn the basic syntax of TypeScript, how to analyze types written by others, and how to write your own types.

初級

TypeScript

[Renewal] TypeScript All-in-One: Part 1. Basic Grammar

zerocho

Delivery App Clone Coding [with React Native]

zerocho

Let's create a delivery app for riders with React Native. This is a lecture by a developer who has created more than 5 apps with React Native over the past 6 years and sold them to Kakao Mobility.

中級以上

React Native

Delivery App Clone Coding [with React Native]

zerocho

Slack Clone Coding [Backend with NestJS + TypeORM]

zerocho

Let's learn NestJS, which is called the Spring of Node.js, and experience the convenience of Dependency Injection. Let's learn everything from API development, comparison with Express, deployment, and testing.

中級以上

NestJS, TypeORM, Express

Slack Clone Coding [Backend with NestJS + TypeORM]

zerocho

[Renewal] Introduction to JavaScript in Zero Seconds through Coding Self-Study

zerocho

In this lecture, we will practice developing programming thinking skills using JavaScript. Let's start with the web game, the multiplication table, and then create a word game, number baseball, a reaction speed test, tic-tac-toe, a lottery machine, rock-paper-scissors, a card matching game, a text RPG, a minesweeper, a 2048 game, and a mole catching game.

初級

JavaScript

[Renewal] Introduction to JavaScript in Zero Seconds through Coding Self-Study

zerocho

[Renewal] Creating NodeBird SNS with React

zerocho

Let's create a Twitter-like SNS service with React & Next & Redux & Redux Saga & Express stack. Finally, we will deploy it to AWS after SEO.

中級以上

React, Redux, Node.js

[Renewal] Creating NodeBird SNS with React

zerocho

Applying TypeScript to Node.js (feat. NodeBird)

zerocho

Let's apply TypeScript to Node.js, add typings to existing npm packages, or create your own TypeScript library.

中級以上

Node.js, Web Application, TypeScript

Applying TypeScript to Node.js (feat. NodeBird)

zerocho

Applying TypeScript to React while learning while making web games

zerocho

Let's use React and TypeScript together by adding TypeScript to a web game made with React and React Router, Redux, and MobX.

中級以上

React, TypeScript

Applying TypeScript to React while learning while making web games

zerocho

Redux vs MobX (Learn Both!)

zerocho

Are you having trouble deciding between Redux and MobX? Let's learn both first and then decide!

初級

Redux, MobX

Redux vs MobX (Learn Both!)

zerocho

Learning Vue while making web games

zerocho

Learn Vue.js and Vuex and Vue Router, which are used with Vue, by creating 8 simple web games.

初級

Vue.js, Webpack, Vuex

Learning Vue while making web games

zerocho

Creating Nodebird SNS with Vue

zerocho

Create a SNS service using Vue and Nuxt frameworks. Learn the full stack knowledge required for the service.

中級以上

Vue.js, Node.js, AWS

Creating Nodebird SNS with Vue

zerocho

Learning JavaScript while making web games

Reviews from Early Learners

Lecture Preview 😊

The goal of this lecture 🙂

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

zerocho's other courses

Recommended for
these people

Hello
This is