BEST

Học React A-Z bằng cách làm theo (phản ánh phiên bản 19)

Name: Học React A-Z bằng cách làm theo (phản ánh phiên bản 19)
Price: 55000 KRW

Thông qua bài giảng này, bạn sẽ học từ cơ bản đến nâng cao về React. Bạn có thể học các khái niệm và thực hành với một bài giảng duy nhất, đồng thời có thể thu thập hầu hết các kiến thức cần thiết cho React cùng một lúc.

(4.7) 85 đánh giá

2,925 học viên

John Ahn

React

Next.js

TypeScript

TDD

Redux

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

React
NextJS
TypeScript
Triển khai tự động trang web tĩnh
Docker

Từ các khái niệm cơ bản của React đến các kỹ thuật trung cấp
Bạn có thể học bằng cách tạo ứng dụng của riêng mình!

Học bằng cách làm theo
Phản ứng AZ

Trong khóa học này, bạn sẽ học các kỹ năng React từ cơ bản đến trung cấp .
Ngay cả những người mới làm quen với React cũng có thể có được hầu hết kiến thức cần thiết về React chỉ qua bài giảng này.

Chúng tôi đã tạo ra một khóa học bao gồm hầu hết kiến thức bạn cần về React, từ khái niệm đến thực hành, tất cả chỉ trong một bài giảng. Tôi hy vọng rằng việc học React, ngôn ngữ được coi là cần thiết để trở thành một lập trình viên front-end, sẽ giúp ích rất nhiều cho việc tìm kiếm việc làm.

Chỉ dành cho bài giảng này
Hãy xem những lợi ích.

_{Giúp hiểu về cấu trúc
Tập trung vào sơ đồ
Giải thích dễ hiểu và chi tiết}

_{Trực tiếp mã nguồn
Trong khi viết
Học tập lặp lại tự nhiên}

_{Ứng dụng trong thế giới thực
Có thể được thực hiện
Bài giảng hướng thực hành}

_{Tìm hiểu những điều cơ bản của JavaScript
Nếu bạn là một nhà phát triển mới bắt đầu
Có ai ổn không!}

1-2. Bước 2: Giải thích trực quan thông qua sơ đồ + viết mã trực tiếp!

Bởi vì khi bạn nhìn thấy trực quan thông qua sơ đồ, bạn sẽ dễ hiểu hơn là chỉ nghe giải thích. Ngoài ra, tôi nghĩ rằng khi bạn học thông qua các sơ đồ như thế này và sau đó viết mã nguồn, bạn sẽ có tác dụng xem lại một cách tự nhiên.

3. Học bằng cách thực hành, nghe giảng trực tiếp.

Đầu tiên, hãy học những khái niệm cần thiết, sau đó thực hành để củng cố các khái niệm đó.

4. Phù hợp với người học có kiến thức cơ bản về JavaScript.

Nếu bạn biết những kiến thức cơ bản về JavaScript, bạn sẽ không gặp khó khăn khi tham gia khóa học này.

Bạn sẽ học được:

Phần 1) Bạn sẽ tìm hiểu về các khái niệm của React.

Phần 2-3) Tìm hiểu và sử dụng các khái niệm cơ bản của React khi tạo ứng dụng To-Do.

Phần 4-5) Tìm hiểu và sử dụng các khái niệm nâng cao hơn về React khi tạo ứng dụng Netflix.

Phần 6-7) Tìm hiểu những điều cơ bản về thử nghiệm React và tạo một ứng dụng nút đơn giản thông qua thực hành.

Phần 8) Tìm hiểu về NextJS và Typescript và tạo ứng dụng blog bằng cách sử dụng chúng.

Phần 9) Tìm hiểu về các tính năng và API mới trong React 18, phiên bản mới của React.

Phần 10) Tìm hiểu về Redux, thư viện quản lý trạng thái tiêu biểu của React.

Phần 11) Tìm hiểu cách chạy React với Docker.

Câu hỏi dự kiến Q&A 💬

H. Đây có phải là bài giảng mà sinh viên không chuyên ngành cũng có thể tham gia không?

A. Vì các bài giảng được trình bày chi tiết từ những kiến thức cơ bản nên ngay cả những người không chuyên ngành cũng có thể tham gia khóa học.

H. Tại sao tôi nên học React?

A. Tôi nghĩ việc học React sẽ rất hữu ích khi xin việc vì đây là thư viện được sử dụng nhiều nhất đối với một nhà phát triển front-end.

H. Tôi có cần chuẩn bị gì trước khi tham dự buổi thuyết trình không?

A. Bạn nên biết và lắng nghe các khái niệm cơ bản về JavaScript.

Người chia sẻ kiến thức
Bạn có tò mò về các bài giảng khác không?

Hơn 32.000 học viên tích lũy, học bằng cách theo dõi chuỗi phát triển web 📖

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

Những người mới bắt đầu học React
Dành cho những ai muốn trở thành nhà phát triển front-end

Cần biết trước khi bắt đầu?

JavaScript

Xin chào
Đây là

84,083

Học viên

2,691

Đánh giá

2,430

Trả lời

4.8

Xếp hạng

Các khóa học

안녕하세요.

즐겁게 개발하고 있는 개발자입니다.

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.

- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

Chương trình giảng dạy

Tất cả

162 bài giảng ∙ (24giờ 16phút)

Tài liệu khóa học:

Tài liệu bài giảng

Phần 1. Tài liệu bài giảng

3 bài giảng

1. Lời khuyên về việc tham gia các bài giảng
2. Tài liệu sơ đồ bài giảng (Draw IO) (đề xuất)
3. Mã nguồn bài giảng

Phần 2. React là gì

5 bài giảng ∙ (26phút)

Phần 3. Học React bằng cách tạo một ứng dụng To-Do đơn giản

13 bài giảng ∙ (1giờ 14phút)

9. Xem cấu trúc cơ bản của React được cài đặt bằng Vite
04:13
10. Chạy thử React App (npm run dev)
02:33
11. SPA (Single Page Application) là gì?
04:35
12. Giới thiệu ứng dụng danh sách việc cần làm và tìm hiểu về JSX
05:25
13. Bắt đầu tạo ứng dụng danh sách việc cần làm
06:28
14. Tạo UI danh sách việc cần làm (viết JSX, CSS)
05:11
15. Liệt kê danh sách việc cần làm bằng phương thức Map
06:46
16. Tìm hiểu về thuộc tính Key trong JSX
06:13
17. Xóa danh sách việc cần làm bằng cách sử dụng phương thức filter
06:43
18. React State là gì?
04:30
19. Thêm việc vào danh sách việc cần làm
10:58
20. Toán tử trải (Spread Operator)
04:03
21. Đánh dấu công việc đã hoàn thành (Toán tử ba ngôi có điều kiện)
06:32

Phần 4. Tối ưu hóa ứng dụng To-Do

10 bài giảng ∙ (1giờ 29phút)

Phần 5. Bắt đầu tạo ứng dụng Netflix

10 bài giảng ∙ (1giờ 25phút)

Phần 6. Hoàn thiện ứng dụng Netflix

15 bài giảng ∙ (2giờ 57phút)

Phần 7.

8 bài giảng ∙ (46phút)

Phần 8. Tạo và triển khai một ứng dụng đơn giản bằng cách sử dụng React TDD

10 bài giảng ∙ (50phút)

Phần 9. Next.js và TypeScript

24 bài giảng ∙ (6giờ 0phút)

Phần 10. React phiên bản 18

3 bài giảng ∙ (18phút)

Phần 11. Redux

11 bài giảng ∙ (2giờ 30phút)

Phần 12. Chạy React bằng Docker

13 bài giảng ∙ (1giờ 17phút)

Phần 13. React 19

10 bài giảng ∙ (1giờ 24phút)

Phần 14. Các bài giảng dự kiến xóa

27 bài giảng ∙ (3giờ 33phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

85 đánh giá

4.7

85 đánh giá

lgs4002
Đánh giá 13
∙
Đánh giá trung bình 4.3
4
97% đã tham gia
Unlike the React part, I felt that the Nextjs, Typescript, and Redux parts were a bit disappointing. It was a good lecture.
gyoue2001250810
Đánh giá 5
∙
Đánh giá trung bình 5.0
5
6% đã tham gia
I think John Ahn's lectures are great. He provides a low lecture fee, even makes the textbook himself, and the contents are also informative. How can I take another React lecture when I can take a lecture like this, which is rich in content and affordable compared to other lectures?
kimpkoiw6753
Đánh giá 2
∙
Đánh giá trung bình 4.0
3
66% đã tham gia
There is no CSS file or code to create a banner, but it doesn't show up even when I search for the question.
wj7165
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
1. Lecture materials - 5 points There are many attractive GIF materials, but it is unfortunate that the GIFs are not included in the PDF, and the pictures of the parts where the pages are divided are cut off when exporting from the diagram app. ㅠ It would be good if Infraon had standards or guidelines for documents. I have seen some instructors use Hangul files.. Still, the lecture materials are perfect quality, so I give them 5 points 2. Lecture delivery - 5 points This is the first time I have left a review saying that the voice is good. It is easy to listen to. React was difficult when I used to read books or study on my own, but I learned well thanks to the kind lectures that teach important things more, and do not just roughly draw them with a drawing program, but with proper diagrams or materials. While listening to this, I got 3 other lectures recommended by an acquaintance, but after comparing them, this seems to be the best for learning React and for beginners in the front-end. 3. Lecture structure - React~TDD is 5 points, 8th and later 4 points React and testing, distribution, and automation are explained very well, but TypeScript, Next.js, and Redux are not explained in detail, which is unfortunate! It's not that the lectures are lacking, but the latter part only covers the introduction. It would be good to have an intermediate course~ 4. Overall evaluation This is a perfect lecture. The price is relatively cheap compared to the quality.
hnspark
Đánh giá 9
∙
Đánh giá trung bình 4.3
3
100% đã tham gia
1. Pros The textbook and source are provided, so it's easy to review. (This is why I signed up for this course.) 2. Cons The lecture has some parts like reading the textbook, so the delivery is poor. When explaining the code, there are many cases where the code is simply read while typing. (Unfocused, time wasted when reviewing) 3. Suggestions I would like you to reduce the time for simply typing the code and reading the code, and increase the time for explaining the source. Drawo io is inconvenient to read, and I can't access it at work due to security reasons.

1.165.874 ₫

Khóa học khác của John Ahn

Hãy khám phá các khóa học khác của giảng viên!

Learn React Native Basics by Following

John Ahn

Through this course, you will be able to develop applications using React Native.

Basic

React Native, React, expo

Learn React Native Basics by Following

John Ahn

Learn Docker and CI environment by following [2023.11 update]

John Ahn

Through this course, you can learn about Docker and set up a CI environment.

Basic

GitHub, AWS, Docker

Learn Docker and CI environment by following [2023.11 update]

John Ahn

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)

John Ahn

In this course, you will be able to create a Reddit website from scratch, step by step.

Basic

Clone Coding, Node.js, React

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)

John Ahn

Learn by Following Along Node, React Series - Building a Shopping Mall Site [Complete Renewal]

John Ahn

Through this lecture, you can create a shopping mall website from scratch step by step.

Intermediate

React, Redux, Node.js

Learn by Following Along Node, React Series - Building a Shopping Mall Site [Complete Renewal]

John Ahn

Node and React series that you can learn by following - Creating a chatbot site

John Ahn

In this course, you will learn how to create a chatbot using the API provided by Google.

Basic

React, Node.js

Node and React series that you can learn by following - Creating a chatbot site

John Ahn

TypeScript A-Z: Learn by Following

John Ahn

In this course, you will learn about TypeScript.

Basic

TypeScript, JavaScript

TypeScript A-Z: Learn by Following

John Ahn

Learn JavaScript A-Z by Following Along

John Ahn

You can learn JavaScript from basic to intermediate, which is the foundation of web development.

Beginner

JavaScript

Learn JavaScript A-Z by Following Along

John Ahn

Learn HTML and CSS by following along

John Ahn

Through this course, you can learn the basics of HTML and CSS.

Beginner

HTML/CSS

Learn HTML and CSS by following along

John Ahn

Web game that lets you learn by following along

John Ahn

This course will teach you how to develop web games.

Intermediate

React

Web game that lets you learn by following along

John Ahn

Learn React Testing by Following [Updated November 2023]

John Ahn

In this course, you will learn how to test React applications.

Basic

React, React Context, Web Application

Learn React Testing by Following [Updated November 2023]

John Ahn

Learn NestJS by following along

John Ahn

In this course, you will learn about NestJS.

Basic

NestJS, PostgreSQL, TypeORM

Learn NestJS by following along

John Ahn

Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]

John Ahn

In this course, you will learn how to create a chat application using React and Firebase.

Basic

React, Firebase, Web Application

Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]

John Ahn

TDD Development by Following [Updated in November 2023]

John Ahn

In this course, you will create a Node.js application using test-driven development (TDD).

Basic

TDD, Node.js, Express

TDD Development by Following [Updated in November 2023]

John Ahn

DENO - Learn by Following - Basic Course

John Ahn

Deno, which has been receiving a lot of attention even before its release, has finally been released. In this lecture, you can learn how Deno is different from Node and how to handle Deno.

Basic

Deno

DENO - Learn by Following - Basic Course

John Ahn

Node and React series that you can learn by following - Basic lecture

John Ahn

In this course, you will learn the basics of how to use React and Node.

Basic

React, Node.js

Node and React series that you can learn by following - Basic lecture

John Ahn

Node and React series that you can learn by following - Creating a movie site

John Ahn

Through this course, you will learn not only concepts such as React and Node, but also how to practically create a website.

Basic

React, Node.js, Web Application

Node and React series that you can learn by following - Creating a movie site

John Ahn

Node and React series that you can learn by following - Creating a YouTube site

John Ahn

In this course, you will not only learn the concepts of React and Node, but also learn how to practically create a website.

Basic

React, Redux, Node.js

Node and React series that you can learn by following - Creating a YouTube site

John Ahn

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

Learn React Testing by Following [Updated November 2023]

John Ahn

In this course, you will learn how to test React applications.

Basic

React, React Context, Web Application

Learn React Testing by Following [Updated November 2023]

John Ahn

Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]

John Ahn

In this course, you will learn how to create a chat application using React and Firebase.

Basic

React, Firebase, Web Application

Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]

John Ahn

Web game that lets you learn by following along

John Ahn

This course will teach you how to develop web games.

Intermediate

React

Web game that lets you learn by following along

John Ahn

[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.

Intermediate

React, Redux, Node.js

[Renewal] Creating NodeBird SNS with React

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!

Intermediate

Clone Coding, React, TypeScript

Slack Clone Coding [Real-time Chat with React]

zerocho

Hybrid App with Expo Framework to Increase Web Developer's Salary

codecamp

This course will help you develop mobile apps that can be serviced on Android and iOS using web development.

Basic

React, Next.js, expo

Hybrid App with Expo Framework to Increase Web Developer's Salary

codecamp

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)

John Ahn

In this course, you will be able to create a Reddit website from scratch, step by step.

Basic

Clone Coding, Node.js, React

Node and React series that you can learn by following - Creating a Reddit site (NextJS) (Pages Router)

John Ahn

TypeScript A-Z: Learn by Following

John Ahn

In this course, you will learn about TypeScript.

Basic

TypeScript, JavaScript

TypeScript A-Z: Learn by Following

John Ahn

TDD Development by Following [Updated in November 2023]

John Ahn

In this course, you will create a Node.js application using test-driven development (TDD).

Basic

TDD, Node.js, Express

TDD Development by Following [Updated in November 2023]

John Ahn

[Code Factory] [Beginner] Complete Typescript Course from Code Factory in Just 8 Hours

codefactory

This is a highly concentrated Typescript grammar lecture that will turn you into a Typescript grammar expert with just one lecture, even if you don't know anything about Typescript.

Basic

TypeScript

[Code Factory] [Beginner] Complete Typescript Course from Code Factory in Just 8 Hours

codefactory

From Events to SPA, the Essential Engine of Interactive Web - [Complete DOM Mastery Part 2]

nhcodingstudio

This course goes beyond simple DOM manipulation, deeply learning how to dynamically compose and react to web UIs within interactions with actual users. It's structured for you to learn by directly implementing common issues encountered in practice, from the essence of event systems, bubbling and capturing, event delegation, real-time UX feedback, to performance optimization using throttle & debounce. Based on an understanding of the DOM tree structure, you will develop the ability to flexibly connect event flow and state changes.

Basic

HTML/CSS, JavaScript, React

From Events to SPA, the Essential Engine of Interactive Web - [Complete DOM Mastery Part 2]

nhcodingstudio

Practical React Native for iOS/Android App Development - Basic

Wintho

The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.

Basic

React Native, React, ES6

Practical React Native for iOS/Android App Development - Basic

Wintho

[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.

Intermediate

TypeScript

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

zerocho

[JavaScript GUI Development #1] Timer App with Electron + React (+ Zustand)

dakgangjung123

This is a practical course where you will directly create a timer app using React, Electron, and Zustand, and even deploy it to cross-platforms (Windows, macOS, Linux). Starting with familiar React web development, you can learn the entire flow of desktop app development, including global state management via Zustand and final GUI deployment!

Basic

React, Electron, GUI

[JavaScript GUI Development #1] Timer App with Electron + React (+ Zustand)

dakgangjung123

Vibe Coding Among Developers – Practical Edition (Cursor AI, Figma)

codecamp

Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt

Intermediate

React, Next.js, cursor

Vibe Coding Among Developers – Practical Edition (Cursor AI, Figma)

codecamp

Everything About Structure Navigation and Manipulation - [Complete DOM Mastery Part 1]

nhcodingstudio

No matter how much you study React, Next.js, or Vue, if the code feels abstract and the structure isn't clearly understood, the root cause might be a lack of understanding of DOM. DOM is the foundation of all frontend frameworks and the entity that connects the structure and behavior of web pages. This lecture goes beyond simple selectors or manipulation methods, teaching step-by-step from the very beginning how HTML transforms into DOM objects and how to select, traverse, and manipulate this structure. It is the Part 1 introductory lecture of 'Complete DOM Mastery'. HTML tags are just structure, and JavaScript is just behavior, but DOM is the core that connects the two. If you clearly understand this connection, you'll be able to precisely grasp the true structure and flow within any framework you use.

Beginner

HTML/CSS, JavaScript, React

Everything About Structure Navigation and Manipulation - [Complete DOM Mastery Part 1]

nhcodingstudio

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.

Basic

React, React Native, Hybrid App

React Native with Expo: Learning Properly from ZeroCho

zerocho

Practical Testing: Practical Testing Guide

wbluke

With this course, you will be able to write clean and clear test code, exactly as it is developed in practice. This lecture is for anyone curious about why test code is necessary and what constitutes good test code.

Basic

Software Test, junit5, Mockito

Practical Testing: Practical Testing Guide

wbluke

[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core

codefactory

JavaScript, TypeScript Next is backend development! You will be able to develop REST API backends using NestJS, develop and deploy Socket IO.

Basic

NestJS, REST API, backend

[Code Factory] [Beginner] NestJS REST API Backend Complete Conquest Master Class - NestJS Core

codefactory

Non-Developer Creates Profitable Service in Just 4 Weeks: AI Vibe Coding Web + App ALL IN ONE

dingcodingco

Don't know coding? OK! Turn your ideas into real revenue in just 4 weeks. Using AI and the latest tools, create websites and apps simultaneously and connect them directly to services.

Beginner

Flutter, Next.js, cursor

Non-Developer Creates Profitable Service in Just 4 Weeks: AI Vibe Coding Web + App ALL IN ONE

dingcodingco

Học React A-Z bằng cách làm theo (phản ánh phiên bản 19)

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

Học bằng cách làm theo Phản ứng AZ

Chỉ dành cho bài giảng này Hãy xem những lợi ích.

1-2. Bước 2: Giải thích trực quan thông qua sơ đồ + viết mã trực tiếp!

3. Học bằng cách thực hành, nghe giảng trực tiếp.

4. Phù hợp với người học có kiến ​​thức cơ bản về JavaScript.

Bạn sẽ học được:

Câu hỏi dự kiến ​​Q&A 💬

Người chia sẻ kiến ​​thức Bạn có tò mò về các bài giảng khác không?

Khuyến nghị cho những người này

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Chương trình giảng dạy

Đánh giá

Khóa học khác của John Ahn

Khóa học tương tự

Học bằng cách làm theo
Phản ứng AZ

Chỉ dành cho bài giảng này
Hãy xem những lợi ích.

4. Phù hợp với người học có kiến thức cơ bản về JavaScript.

Câu hỏi dự kiến Q&A 💬

Người chia sẻ kiến thức
Bạn có tò mò về các bài giảng khác không?

Khuyến nghị cho
những người này

Xin chào
Đây là