inflearn logo
inflearn logo

Bắt đầu học React (리액트)

Khóa học này là khóa học nhập môn được thiết kế dành cho những người mới bắt đầu học React. Mục tiêu của khóa học là giúp người học nắm vững cú pháp cơ bản của JSX một cách hệ thống, đồng thời rèn luyện kỹ năng thực tế thông qua các dự án nhỏ (mini project). Không chỉ dừng lại ở việc học cú pháp đơn thuần, khóa học còn được xây dựng để người học có thể hiểu được quy trình phát triển React cơ bản và phương pháp phát triển dựa trên thành phần (component).

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

Độ khó Nhập môn

Thời gian 12 tháng

React
React
React
React
날개 달린 동전

Khóa học 추천하고 성장과 수익을 만들어 보세요!

날개 달린 동전

Đối tác tiếp thị

Khóa học 추천하고 성장과 수익을 만들어 보세요!

Bạn sẽ nhận được điều này sau khi học.

  • 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 Front-end Web

Bắt đầu học React

Khóa học này là khóa học nhập môn dành cho những người mới bắt đầu tiếp cận React, tập trung vào thực hành từ tạo dự án cho đến cú pháp JSX cơ bản. Khóa học giúp bạn nắm vững "tại sao nó lại hoạt động như vậy" thông qua việc xử lý các lỗi thường gặp khi cài đặt phiên bản mới nhất, hiểu về cấu trúc thư mục và luồng render. Tiếp theo, bạn sẽ học từng bước về cú pháp JSX (thẻ, biểu thức, thuộc tính, liên kết sự kiện), tạo và lắp ghép component, áp dụng CSS, và truyền Props/Children. Bạn cũng sẽ được thực hành lặp đi lặp lại với useState và tính bất biến - bước đi đầu tiên trong quản lý trạng thái, để cảm nhận quá trình màn hình và dữ liệu khớp nối và cập nhật cùng nhau.

Không chỉ dừng lại ở lý thuyết, chúng ta sẽ kết nối với mini project TodoList,

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

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

Thông qua đó, bạn sẽ không chỉ ghi nhớ cú pháp đơn thuần mà còn rèn luyện được cảm giác tự mình cấu trúc hóa một ứng dụng trang đơn nhỏ và thiết kế các thành phần có khả năng bảo trì.

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

🔹 Phần 1 : Ngữ pháp cơ bản JSX 1

  • Học cách tạo dự án React và cách giải quyết các 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

  • Tìm hiểu khái niệm JSX và cách tạo tệp tin

  • Học kiến thức cơ bản về component và thực hành cách cấu tạo trang web thông qua việc lắp ghép các component.

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

  • Thực hành phương pháp áp dụng phong cách CSS

  • Tìm hiểu phương thức xử lý sự kiện

  • Hiểu khái niệm và cách sử dụng Props và Children

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

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

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

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

  • Thực hiện dự án TodoList theo từng bước

  • Học quy trình triển khai các tính năng Thêm, Xóa, Sửa (Update)

  • Thêm nút Cancel và tính năng xử lý nhập phím 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 tất cả

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

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

  • Thực hiện kiểm tra tính hợp lệ cho dữ liệu đầu vào (giới hạn độ dài, kiểm tra chuỗi trống)

  • Triển khai logic kiểm tra dữ liệu trùng lặp bằng đối tượng Setphương thức Filter tương ứng

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

Lưu ý trước khi khóa học bắt đầu

Khóa học này không cung cấp phần hỏi/đáp với người chia sẻ kiến thức

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

Giáo trình cho mỗi tuần được cung cấp dưới dạng tệp PDF.

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

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

  • Hiểu các cú pháp JSX cơ bản 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 thành phần (Component-based development).

Xin chào
Đây là usefulit

8,278,857

Học viên

6,391

Đánh giá

4.6

Xếp hạng

309

Các khóa học

Chúng tôi sẽ giúp bạn phát triển thông qua những bài giảng IT hữu ích.

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!

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!

2.913.313 ₫