Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
NEW
Programming

/

Web Development

React(리액트) học tập bắt đầu

Khóa học này được thiết kế dành cho những học viên mới bắt đầu học React. Mục tiêu là học một cách có hệ thống các cú pháp cơ bản của JSX và phát triển cảm giác thực tế thông qua các dự án mini có thể áp dụng trực tiếp. Khóa học được cấu trúc để vượt ra ngoài việc học cú pháp đơn thuần, giúp hiểu được quy trình cơ bản của phát triển React và phương pháp phát triển dựa trên component.

1 học viên đang tham gia khóa học này

  • usefulit
React

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

  • Người mới bắt đầu lập trình lần đầu tiếp xúc với React

  • Người học quan tâm đến phát triển web frontend

Bắt đầu học React

Khóa học này là khóa nhập môn dành cho người học mới tiếp xúc với React, tập trung vào thực hành từ tạo dự án đến cú pháp cơ bản của JSX. Trước tiên sẽ giải quyết các lỗi dễ gặp khi cài đặt phiên bản mới nhất, hiểu rõ cấu trúc thư mục và luồng rendering để nắm vững "tại sao lại hoạt động như vậy", sau đó từng bước học cú pháp JSX (thẻ·biểu thức·thuộc tính·event binding), tạo và lắp ráp component, áp dụng CSS, truyền Props/Children. Cũng sẽ lặp lại các ví dụ về useState và tính bất biến - bước đầu của quản lý state, để cảm nhận quá trình giao diện và dữ liệu cập nhật liên kết với nhau.

Không chỉ dừng lại ở lý thuyết mà còn kết nối với dự án mini TodoList,

  • Thực hiện thêm/xóa/sửa công việc (bao gồm hủy bỏ), xử lý nhập phím Enter, xóa tất cả và các mẫu UI thiết yếu khác

  • Xác thực dữ liệu đầu vào (giới hạn độ dài·kiểm tra giá trị rỗng), ngăn chặn trùng lặp (sử dụng Set/Filter), styling cơ bản để nâng cao độ hoàn thiện.

Thông qua điều này, thay vì chỉ học thuộc lòng ngữ pháp đơn thuần, bạn sẽ phát triển khả năng tự cấu trúc các ứng dụng đơn trang nhỏ và thiết kế các component có thể bảo trì được

Bạn sẽ học những nội dung như thế này

🔹 Phần 1 : Cú pháp cơ bản JSX 1

  • Học cách tạo dự án React và giải quyết lỗi phát sinh trong phiên bản mới nhất

  • Hiểu cấu trúc thư mục chính và cấu trúc rendering

  • Học khái niệm JSX và cách tạo file

  • Học cơ bản về component và thực hành cách cấu thành trang thông qua việc lắp ráp component

🔹 Phần 2 : Cú pháp cơ bản JSX 2

  • Thực hành cách áp dụng CSS style

  • Học cách xử lý sự kiện

  • Hiểu khái niệm Props và Children cùng phương pháp sử dụng

  • Học cú pháp ES6 hữu ích khi sử dụng Props

  • Học quản lý trạng thái sử dụng hook useState

  • Khái niệm và thực hành tính bất biến trạng thái (immutability)

🔹 Phần 3 : Dự án mini 1 (TodoList)

  • Triển khai dự án TodoList theo từng bước

  • Học tập quá trình triển khai chức năng thêm, xóa, sửa (Update)

  • Thêm chức năng xử lý nút Cancel và nhập Enter

  • Thực hành cách xử lý dữ liệu mảng thông qua việc triển khai chức năng xóa toàn bộ

🔹 Phần 4: Dự án mini 2 (TodoList nâng cao)

  • Học cách cải thiện và trang trí UI bằng cách sử dụng CSS stylesheet

  • Triển khai kiểm tra tính hợp lệ của dữ liệu đầu vào (giới hạn độ dài, kiểm tra chuỗi rỗng)

  • Triển khai logic kiểm tra dữ liệu trùng lặp bằng Set 객체Filter 메서드

👉 Thông qua khóa học này, người học có thể học và thực hành một cách có hệ thống các kiến thức cơ bản về React từ cú pháp JSX cơ bản đến phát triển dựa trên component, quản lý state, và cả dự án mini TodoList.

Những lưu ý trước khi học

Khóa học này không cung cấp dịch vụ hỏi đáp từ người chia sẻ kiến thức

Tài liệu học tập

Giáo án theo tuần được cung cấp dưới dạng file PDF

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

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

  • Hiểu cú pháp cơ bản của JSX cần thiết cho việc phát triển React.

  • Học các nguyên lý cốt lõi của phát triển dựa trên component.

Xin chào
Đây là

8,256,065

Học viên

6,090

Đánh giá

4.6

Xếp hạng

268

Các khóa học

유용한 IT 강의를 통해 여러분의 성장을 돕겠습니다.

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

Tất cả

36 bài giảng ∙ (13giờ 39phút)

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

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Ưu đãi có thời hạn

98.560 ₫

30%

2.959.807 ₫

Khóa học khác của usefulit

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

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!