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개

강의소개.상단개요.수강생.short

난이도 초급

수강기한 무제한

zerocho

JavaScript

먼저 경험한 수강생들의 후기

4.8

5.0

Blockmonkey

100% 수강 후 작성

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.

5.0

데구리

100% 수강 후 작성

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.

5.0

CoderH

100% 수강 후 작성

It's a good lecture that gives you a sense of accomplishment because you learn while actually creating a program.

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.

강의소개.콘텐츠.추천문구

학습 대상은 누구일까요?

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

강의소개.지공자소개

67,373

수강생

1,726

수강평

9,762

답변

4.8

강의 평점

강의_other

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! I’ll answer your questions with the mindset that we are tackling the problems together!

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
ZeroCho's full lecture roadmap. A complete roadmap of all my courses is available here.

– Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook
– ZeroCho.com Operator
– Currently) Broadcasting development-related content on ZeroCho TV via YouTube
– Formerly) Smoretalk CTO
– Formerly) CTO of Today's Pickup (Youngest Development Team Lead at Kakao Mobility after exit to Kakao Mobility)

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
Former CTO at SmoreTalk
Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

커리큘럼

전체

114개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

섹션 1. Javascript Basics and Word Game

14개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

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

섹션 2. Object Basics and Multiplication Table Game

5개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

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

섹션 3. Web screen implementation

7개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

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

섹션 4. Number Baseball

6개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

섹션 5. Tic-tac-toe

5개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

섹션 6. Lotto draw machine

6개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

섹션 7. Rock paper scissors

6개 ∙ (강의상세_런타임_분)

섹션 8. Minesweeper

16개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

섹션 9. Reaction speed test

5개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

섹션 10. Tic-Tac-Toe Advanced

3개 ∙ (강의상세_런타임_분)

섹션 11. Card Matching Game

10개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

섹션 12. Jasston

14개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

섹션 13. 2048 game

6개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

섹션 14. Tetris

11개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

강의 게시일:

마지막 업데이트일:

수강평

전체

79개

4.8

79개의 수강평

blockmonkey1992
수강평 11
∙
평균 평점 4.8
5
100% 수강 후 작성
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
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성
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
수강평 4
∙
평균 평점 5.0
5
100% 수강 후 작성
It's a good lecture that gives you a sense of accomplishment because you learn while actually creating a program.
j0urneyk3210142
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성
As expected, Zerocho-nim.. You're giving such a great lecture for free... Thank you so much. I'll work hard!
milktea
수강평 26
∙
평균 평점 4.8
4
32% 수강 후 작성
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님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

Surviving the AI Era: Build Your Backend in a Flash with Supabase!

zerocho

With the arrival of the AI era, the skills required of developers are becoming increasingly complex. You might have thought, "I just need to be good at frontend," but when you try to create your own service or integrate AI features, you eventually hit a massive wall called the backend. However, as you try to start backend development, are you overwhelmed by how much there is to learn—from database design and authentication (Auth) to storage management and complex infrastructure setup? Now, you can lay down that heavy burden. In this course, we use Supabase, which solves all these backend functions at once. We will guide you through the fastest shortcut to becoming a full-stack developer who can "instantly" complete a backend without complex server knowledge and bring ideas to life immediately.

초급

Node.js, DBMS/RDBMS, OAuth

Surviving the AI Era: Build Your Backend in a Flash with Supabase!

zerocho

[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

[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

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.