BEST

Programming

Front-end

React for Beginners: Building a Solid Foundation

Name: React for Beginners: Building a Solid Foundation
Price: 33000 KRW

You can learn the basics of React. You can organize HTML, JavaScript, DOM, Event, Object, Module, OOP, etc. related to React.

(5.0) 16 reviews

738 students

tonextday

React

JavaScript

DOM

oop

This course is prepared for Basic Learners.

What you will learn!

React Basic Concepts
Basic concepts and terms related to React functions, such as JavaScript, DOM, Event, and Object

If you want to become a developer with strong skills!

Coupon Discount
Discount from 44,000 won to 16,500 won.
Coupon Number: 19286-03ece43c45f5

Strengthen the basics and fundamentals,
React & Frontend Fundamentals

The foundation of React application development
You can solidify the fundamentals and foundations required for developing React applications.

✅ Build a sense of React application development
✅ HTML, JavaScript, DOM, Event, Object, Module, etc. related to React

✅ Meaning and nuance of React-related technical terms
✅ Summary of object-oriented programming concepts in JavaScript

To these people
I recommend it.

Beginners who want to learn React basics
Developers who want to organize technologies related to React (HTML, JavaScript, DOM, Event, Object, Module, etc.)
Designers and planners who want to design systems in a React environment
Analysts looking to conduct requirements analysis in a React environment

The answer to your worries is all in the ‘basics’!

💬 React, I don't know how to learn it.

The order of learning is important, as in elementary school and middle school. The lectures have learning scenarios . You can learn from the basics one by one.

💬 I learned React, but I'm having a hard time organizing it.

You have to build the tower while building the basics. But it doesn't take a long time. The lecture itself is designed to build the tower one by one with this in mind .

💬 I learned React, but I'm having trouble developing apps with it.

It's because I haven't gotten a feel for program development. It's important to understand the basics logically. If you build the foundation one by one, you can get a feel for program development .

The entire lecture, from beginning to end
Here's one scenario.

💡 In one flow, from the bottom up, in detail

The entire course is a single scenario from beginning to end. It covers everything from the ground up in great detail. You can build a solid and unwavering foundation.

💡 Perfectly organized from the basic concepts

Before covering React, we first organize HTML, JavaScript, DOM, Event, Object, Module, etc. Through this process, we will build a consensus to accurately understand the terms and content used by the instructor.

So, after class...

✅ You will feel confident in developing programs.
✅ You can feel the solidity of the foundation that doesn't seem like it will shake.
✅ You will learn what you need to learn and what you need to do to become a real developer.
✅ Your perspective on the entire web development will be broadened.
✅ You will be able to use terminology accurately.

Q&A 💬

Q. How much knowledge of JavaScript and DOM do I need?

We are guiding you through this in the lecture. First, I would like you to listen to the entire lecture lightly and check what you need to learn.

Q. Can I join even if I have no concept of program development?

If you don't have any concept of program development, it will be difficult, but try to create a concept by listening to the lecture repeatedly. The lecture provides guidance on this. (To take the course, you need a basic understanding of HTML/CSS and JavaScript.)

Q. I have experience with React. Will this lecture help me?

React features themselves aren't helpful, but they cover the underlying concepts so you can organize them. In particular, you can organize related HTML, JavaScript, DOM, Event, Object, Module, etc.

📢 Things to note before taking the class

I don't do any live coding to focus on the explanation.
You don't need to know HTML in depth, but you do need to have an understanding of it to be able to follow the lectures.
CSS is not covered so you don't need to know it, but you do need to have a level of understanding to be able to write CSS.
The more you know JavaScript, the better, but if you only have a taste, you can follow the guide in the lecture.

📚 Tips for taking the React Beginner Course

Don't code the first time, but listen from beginning to end even if you don't understand it to get the whole picture.
If you can't recall the whole thing, don't code it, just listen again.
From the third time onwards, you will build a sense by coding one by one. Even if it is the same code, try not to copy it and code it. This is to build a sense of coding.

💾 Instructions on the practice environment and follow-up lectures

The course is based on Windows, but since it does not cover the OS, you can take the course in other environments as well.
We use Node.js and Visual Studio Code. The lecture guides you through the installation, so you can install them whenever you need.
Separate lecture materials and source code are not provided.
We plan to open a follow-up lecture following the React Beginner lecture.

It's good to listen together
Check out the related lectures.

Kim Young-bo's JavaScript Series

_{Go to JavaScript Roadmap (40% off)}

Kim Young-bo's DOM series

_{Go to DOM Roadmap (40% off)}

Recommended for
these people!

Who is this course right for?

For those who are starting React
Those who want to learn the basics of React
Those who want to organize basic concepts and terms related to React functions, such as JavaScript, DOM, Event, and Object

Need to know before starting?

HTML, CSS
JavaScript: You will be working with JavaScript and the DOM as they relate to React features, but you will need to understand the concepts.

Hello
This is

9,522

Students

374

Reviews

336

Answers

4.8

Rating

Courses

소프트웨어 개발을 좋아하는 개발자입니다.

메일: tonextday@gmail.com

동영상: 12개
클린업 자바스크립트: 점프업
클린업 자바스크립트: 베이스 빌드업
자바스크립트 비기너, 자바스크립트 중고급
모던 자바스크립트(ES6+) 기본, 모던 자바스크립트(ES6+) 심화
DOM 기본, DOM 인터랙션
React 비기너, React 완전 끝내기
요구분석 구현 방법
자바스크립트 머신러닝 TensorFlow.js

저서: 9권
몰입! 자바스크립트
ECMAScript 6
HTML5
DOM 스크립팅
자바스크립트 정규표현식
요구분석을 위한 Event Process 모델링
머신러닝 TensorFlow.js,
Ajax 활용, prototype.js 완전분석
9권 중에서 8권은 국내 최초 저자입니다.
특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.

Curriculum

All

115 lectures ∙ (11hr 1min)

Section 1. Course Introduction

2 lectures ∙ (11min)

Section 2. React Overview

1 lectures ∙ (4min)

3. 1. React application structure, React core, Library and framework
04:42

Section 3. HTML Terms

5 lectures ∙ (30min)

Section 4. React Environment Setup

5 lectures ∙ (20min)

Section 5. React App: Create, Run, Stop

3 lectures ∙ (15min)

Section 6. 노짱 developer's development experience story

1 lectures ∙ (5min)

Section 7. JavaScript Concepts

5 lectures ∙ (32min)

Section 8. Function

6 lectures ∙ (37min)

Section 9. Object-Oriented Programming

5 lectures ∙ (33min)

Section 10. Array Object

3 lectures ∙ (16min)

Section 11. Separation, Combination, Split Allocation

3 lectures ∙ (14min)

Section 12. DOM: Document Object Model

6 lectures ∙ (32min)

Section 13. Developer Noh-jjang's Development Experience Story

1 lectures ∙ (4min)

Section 14. JSX

9 lectures ∙ (44min)

Section 15. Module

4 lectures ∙ (13min)

Section 16. Component Nesting

4 lectures ∙ (25min)

Section 17. Props

4 lectures ∙ (20min)

Section 18. JSX Conditional Rendering

4 lectures ∙ (19min)

Section 19. List and Key

4 lectures ∙ (23min)

Section 20. Nojjang Developer's Development Experience Story

1 lectures ∙ (8min)

Section 21. DOM Event

5 lectures ∙ (34min)

Section 22. Event Handler

5 lectures ∙ (38min)

Section 23. React Event

6 lectures ∙ (41min)

Section 24. DOM Synthetic Event

3 lectures ∙ (19min)

Section 25. React Event Object

4 lectures ∙ (23min)

Section 26. State Overview

4 lectures ∙ (21min)

Section 27. useState Hook

5 lectures ∙ (29min)

Section 28. Using useState

6 lectures ∙ (36min)

Section 29. Nojjang Developer's Development Experience Story

1 lectures ∙ (1min)

Published:

Last updated:

Reviews

All

16 reviews

5.0

16 reviews

hamster7
Reviews 19
∙
Average Rating 5.0
5
100% enrolled
gohome
Reviews 9
∙
Average Rating 4.7
5
100% enrolled
cge967435
Reviews 2
∙
Average Rating 5.0
Edited
5
69% enrolled
Mặc dù có kinh nghiệm thực tế, tôi luôn nghĩ rằng điểm yếu của mình là phần nền tảng còn thiếu, nhưng thông qua bài giảng này, tôi đã học được những đoạn code mà tôi đã quen dùng một cách mơ hồ đến từ đâu và như thế nào. Nếu tôi gặp được bài giảng của thầy sớm hơn, tôi nghĩ rằng nền tảng của tôi đã được xây dựng vững chắc hơn. Rất tuyệt!
- tonextday
  Instructor
  Có kinh nghiệm nên bạn hiểu nền tảng quan trọng thế nào. Đúng vậy. Phải củng cố và làm vững chắc. Vì không thể xây nhà trên cát được. Chúc bạn phát triển không ngừng ^^
allchan
Reviews 10
∙
Average Rating 4.9
5
100% enrolled
Tôi cảm thấy nền tảng của mình vững chắc hơn, và tôi thích phần giải thích kỹ lưỡng về các thuật ngữ, cũng như việc tôi có thể kiểm tra nội dung gì trong tài liệu chính thức. Cảm ơn bạn.
- tonextday
  Instructor
  Cảm ơn bạn ^^ Vì React liên tục cập nhật phiên bản nên có thể kiểm tra những thay đổi hoặc những phần được thêm vào bằng cách đối chiếu với tài liệu chính thức.
doomco7247
Reviews 28
∙
Average Rating 5.0
5
16% enrolled
Tôi đã gửi cho bạn một email. Cảm ơn

tonextday's other courses

Check out other courses by the instructor!

JavaScript dọn dẹp: nhảy lên!

tonextday

Khóa học cuối cùng về JavaScript! Khóa học này sẽ đề cập đến cấu trúc và phương pháp của ngữ cảnh thực thi theo tiêu chuẩn ES2025, Event Loop và đa luồng. Khóa học cũng sẽ đề cập đến văn hóa ngôn ngữ được chứa trong ngôn ngữ JavaScript.

초급

JavaScript

JavaScript dọn dẹp: Xây dựng cơ sở!

tonextday

Giải quyết các vấn đề. Có thể sắp xếp hợp lý các vấn đề cốt lõi và cơ bản của JavaScript. Có thể tự sắp xếp các suy nghĩ và kinh nghiệm về JavaScript. Có thể thiết lập logic kỹ thuật JavaScript. Có thể mở rộng tầm nhìn về toàn bộ JavaScript. Có thể chuẩn bị cho các câu hỏi phỏng vấn về kỹ thuật JavaScript.

초급

JavaScript, Interview, Tech Interview

Hoàn thành React hoàn toàn: useHoooooook

tonextday

Bạn có thể học về state và hook của React một cách chi tiết, sâu rộng và toàn diện. Khóa học này bao gồm hơn 95% tài liệu chính thức của React. Bạn có thể hoàn thành React bằng khóa học này.

초급

React, JavaScript, DOM

Phương pháp thực hiện phân tích yêu cầu: Phương pháp thực hiện phân tích yêu cầu để phát triển hệ thống thành công

tonextday

Phần lớn các trường hợp phát triển hệ thống thất bại hoặc thay đổi yêu cầu phát sinh đều là do phân tích yêu cầu sai. Nội dung này đề cập đến phương pháp thực hiện phân tích yêu cầu để phát triển hệ thống thành công. Yêu cầu được giải quyết bằng kịch bản thay vì mã. Nội dung này đề cập đến phương pháp giải quyết yêu cầu bằng kịch bản.

중급이상

needs analysis, Software Engineering

Tương tác DOM

tonextday

DOM là nền tảng và là yếu tố thiết yếu của các ứng dụng động. Chúng tôi sẽ hướng dẫn bạn cách sử dụng mọi sự kiện xảy ra và được tạo ra từ các đối tượng Element, Document và Window. Bạn sẽ học cách sử dụng và hoàn toàn làm chủ Web Component (Custom Element, Shadow DOM, Template). Bạn có thể hoàn thành khóa học "Hoàn thành DOM hoàn toàn: Cơ bản" đã mở để chấm dứt việc học về DOM.

초급

DOM, JavaScript, HTML/CSS

DOM cơ bản

tonextday

Không thể nói về chương trình web mà không biết DOM. Bao quát hơn 95% thông số kỹ thuật DOM. Có thể chấm dứt DOM. Rộng, sâu và chi tiết. Không lãng phí thời gian, chi phí và công sức. Cũng bao quát cách sử dụng JavaScript và có thể phát triển ứng dụng web bằng JS thuần túy.

초급

DOM, JavaScript, HTML/CSS

JavaScript hiện đại nâng cao (ES6+)

tonextday

Đây là khóa học cuối cùng trong khóa học Kinh thánh JavaScript, bao gồm 4 khóa học. Bao gồm hơn 95% đặc tả JavaScript. Đặc biệt, chúng tôi tiếp cận khái niệm tạo khung bằng cách chia giao tiếp không đồng bộ và quy trình không đồng bộ tổng thể thành 11 bước.

초급

JavaScript, ES6

Máy học JavaScript TensorFlow.js

tonextday

Khám phá các khái niệm về máy học trong môi trường JavaScript. Khám phá cách thức và mã thực hiện máy học bằng JavaScript và TensorFlow.js.

중급이상

Tensorflow, JavaScript, Machine Learning(ML)

Khái niệm cơ bản về JavaScript hiện đại (ES6+)

tonextday

Đây là khóa học thứ 3 trong khóa học Kinh Thánh JavaScript gồm 4 khóa học. Bao gồm hơn 95% đặc tả JavaScript. Bạn có thể phát triển các chương trình mô hình mới trong môi trường ES6+.

초급

JavaScript, ES6

JavaScript trung cấp/nâng cao: Engine Core

tonextday

Đây là khóa học thứ hai trong khóa học Kinh thánh JavaScript, bao gồm bốn khóa học. Thông qua việc hiểu công cụ JavaScript, bạn có thể phát triển các chương trình được tối ưu hóa cho JavaScript. Bạn có thể tự tin thiết kế hệ thống của mình.

초급

JavaScript

Người mới bắt đầu sử dụng JavaScript: Xây dựng nền tảng cơ bản vững chắc

tonextday

Đây là khóa học đầu tiên trong khóa học Kinh thánh JavaScript gồm 4 phần. Chúng tôi mắc kẹt với những điều cơ bản. Chúng tôi tập trung vào việc tìm hiểu các nguyên tắc cơ bản của JavaScript. Bao gồm hơn 95% đặc tả JavaScript.

초급

JavaScript, oop

Similar courses

Explore other courses in the same field!

Người mới bắt đầu sử dụng JavaScript: Xây dựng nền tảng cơ bản vững chắc

tonextday

초급

JavaScript, oop

DOM cơ bản

tonextday

초급

DOM, JavaScript, HTML/CSS

Bất cứ ai cũng có thể sử dụng React: Khóa học cốt lõi về React dành cho người mới bắt đầu

publicvelopert0034

Khóa học này được thiết kế để giúp bất kỳ ai bắt đầu với framework front-end, React, một cách dễ dàng và thú vị.

초급

JavaScript, React

React Native with Expo: Học bài bản từ ZeroCho

zerocho

Đã đến thời đại mà các nhà phát triển web (đặc biệt là nhà phát triển React) có thể phát hành ứng dụng thật dễ dàng. Với Expo, bạn càng có thể phát hành cả ứng dụng Android và iOS nhanh hơn nữa. Hãy trở thành nhà phát triển có thể nhanh chóng phát hành ứng dụng thông qua Expo.

초급

React, React Native, Hybrid App

JavaScript dọn dẹp: nhảy lên!

tonextday

초급

JavaScript

JavaScript trung cấp/nâng cao: Engine Core

tonextday

초급

JavaScript

JavaScript dọn dẹp: Xây dựng cơ sở!

tonextday

초급

JavaScript, Interview, Tech Interview

Học React với Spring Boot API server bằng code

zk202308a5410

Hoàn thành dự án kết nối API server được xây dựng bằng Spring Boot (ver 3.4) và React! Chuyển toàn bộ khóa học bootcamp viết portfolio thành bài giảng

초급

React, Spring Boot, JWT

Series Firebase #2: Nền tảng học viết Hán tự & gợi ý AI

dakgangjung123

🔥 Xây dựng nền tảng tùy chỉnh để học Hán tự! Sử dụng Google Gemini AI và Firestore, hãy tự mình triển khai sổ từ vựng Hán tự của riêng bạn, hoạt ảnh thứ tự nét bút, thậm chí cả nhận dạng chữ viết tay!

초급

gemini, HTML/CSS, TailwindCSS

Do It! Django + Bootstrap: Nguyên tắc phát triển web bằng Python

sungyonglee

Học phát triển web Python A to Z khi thực hành! Học từ cơ bản về web cho đến phát triển và triển khai blog chỉ trong một lần.

초급

Python, Django, Bootstrap

[2025] Masterclass Phát triển Ứng dụng React Native Dành cho Người Trái Ngành

junghw

Những người có ý tưởng nhưng không biết phải phát triển ứng dụng như thế nào, Hãy cùng làm chủ việc phát triển ứng dụng bằng cách làm thử 4 dự án thực tế!

입문

JavaScript, React, Node.js

JavaScript: Tất cả trong một từ cơ bản đến sử dụng thực tế

codingnuna10082706

Thay vì tìm kiếm các bài giảng cơ bản về JavaScript, các bài giảng về ứng dụng và các bài giảng chỉ dành cho danh mục đầu tư, đây là bài giảng dành cho những ai muốn hoàn thành mọi thứ từ những điều cơ bản về JavaScript đến các công nghệ ứng dụng khác nhau được sử dụng tại nơi làm việc và danh mục đầu tư trong một bài giảng.

초급

JavaScript, HTML/CSS

Bắt đầu lập trình: Giới thiệu về web (Inflearn Original)

inflearn

Đây là khóa học giới thiệu về phát triển web dành cho những người mới bắt đầu học lập trình. Bạn sẽ học HTML, CSS, Javascript và tạo thẻ bài đăng Instagram để học những nội dung cơ bản cần thiết để tạo trang web.

입문

HTML/CSS, JavaScript

Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bản

wintho

Mục tiêu là có được kiến thức cơ bản về React Native để phát triển front-end ứng dụng di động. Khóa học này được thiết kế để giúp những người không phải là chuyên gia dễ dàng phát triển Ứng dụng di động gốc thông qua việc sử dụng ngôn ngữ/API với rào cản gia nhập thấp.

초급

React Native, React, ES6

Tập lệnh Unity C# dành cho người mới bắt đầu bắt đầu từ đầu

funtech

Đây là khóa học tập lệnh Unity C# dành cho người mới bắt đầu học lập trình lần đầu tiên. Chúng tôi đã lựa chọn cẩn thận và tạo ra ngữ pháp cốt lõi cần thiết với mục tiêu sử dụng các tập lệnh Unity.

입문

C#, oop, Unity

Object - Nguyên tắc Thiết kế

eternity

Học các nguyên tắc thiết kế đa dạng cần biết để viết code hướng đối tượng, lấy code đang hoạt động làm trọng tâm.

초급

oop, Software Test, software-design

Giao tiếp P2P sử dụng WebRTC mà không ai biết đến

july

Bạn có thể học cách thực hiện giao tiếp giữa webcam và peer bằng cách sử dụng WebRTC.

입문

Go, webrtc, p2p

Trải nghiệm Scala dành cho các nhà phát triển Java bận rộn

hatemogi

Sử dụng Scala, bạn có thể nhanh chóng viết mã ngắn gọn và mạnh mẽ hơn nhiều trong khi vẫn giữ được kinh nghiệm của mình với tư cách là nhà phát triển Java. Bài giảng này được thiết kế để các nhà phát triển Java nhanh chóng hiểu được bức tranh tổng thể về Scala bằng cách sử dụng kiến thức Java hiện có của họ làm bước đệm. Nếu bạn hiện là nhà phát triển Java, bạn có thể học Scala rất dễ dàng.

초급

Functional Programming, scala, scala-3

Tạo bot bằng Python của Tiến sĩ Nam bằng ChatGPT

nambaksa

Sử dụng Python, chúng ta sẽ tìm hiểu về đặc điểm của từng dịch vụ và cách triển khai bot thông qua các ví dụ khác nhau về bot Telegram, bot Slack, chatbot KakaoTalk và bot Discord.

초급

Python, Chatbot, oop

10 thuật toán JavaScript hàng đầu

paullabkorea1196

Phát triển khả năng của bạn để tìm ra cốt lõi của vấn đề và giải quyết nó bằng '10 thuật toán JavaScript tốt nhất', chứa các câu hỏi thường gặp nhất!

중급이상

JavaScript, Coding Test, Algorithm

React for Beginners: Building a Solid Foundation

This course is prepared for Basic Learners.

What you will learn!

Coupon Discount Discount from 44,000 won to 16,500 won. Coupon Number: 19286-03ece43c45f5

Strengthen the basics and fundamentals, React & Frontend Fundamentals

To these people I recommend it.

The answer to your worries is all in the ‘basics’!

The entire lecture, from beginning to end Here's one scenario.

So, after class...

Q&A 💬

It's good to listen together Check out the related lectures.

Kim Young-bo's JavaScript Series

Kim Young-bo's DOM series

Recommended for these people!

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

Curriculum

Reviews

tonextday's other courses

Similar courses

Coupon Discount
Discount from 44,000 won to 16,500 won.
Coupon Number: 19286-03ece43c45f5

Strengthen the basics and fundamentals,
React & Frontend Fundamentals

To these people
I recommend it.

The entire lecture, from beginning to end
Here's one scenario.

It's good to listen together
Check out the related lectures.

Recommended for
these people!

Hello
This is