Khóa học ReactJS tự học miễn phí – Learn CodeGym

Course Content

Expand All

Tổng quan về React JS 4 Topics | 1 Quiz

Expand

Lesson Content

0% Complete 0/4 Steps

[Bài đọc] Tổng Quan về React JS

[Bài đọc] Toolchain

[Bài đọc] CSR & SSR

[Bài đọc] Cài đặt môi trường phát triển

[Quiz] Tổng quan về React JS

JSX 7 Topics | 5 Quizzes

Expand

Lesson Content

0% Complete 0/7 Steps

[Bài đọc] Sử dụng được cú pháp gán thuộc tính trong JSX

[Bài đọc] Giới thiệu React Element và cơ chế Rendering Elements

[Bài đọc] Cú pháp JSX trong React

[Thực hành] Nhúng tên của bạn vào React Element tạo bởi React.createElement

[Thực hành] Nhúng tên của bạn vào React Element tạo bởi JSX

[Thực hành] Tạo Element thể hiện danh sách các loại quả

[Thực hành] Hiển thị thời gian hiện tại (dd/mm/yyyy – hh/mm/ss)

[Bài tập] Tạo Element thể hiện thông tin của Trình duyệt bạn đang sử dụng

[Bài tập] Tạo Element thể hiện bảng thông tin các sinh viên trong lớp học

[Bài tập] Tạo Element thể hiện Profile Card (như hình minh hoạ)

[Bài tập] Tạo Element thể hiện Sign in Form sử dụng Bootstrap

React Components 6 Topics | 1 Quiz

Expand

Lesson Content

0% Complete 0/6 Steps

[Bài đọc] Components

[Bài đọc] Props

[Bài đọc] Ý nghĩa của pure function với React Component

[Thực hành] Sử dụng Props trong Component

[Thực hành] Xây dựng Function component

[Thực hành] Xây dựng Class component

[Quiz] Components

State & Lifecycle method 8 Topics | 5 Quizzes

Expand

Lesson Content

0% Complete 0/8 Steps

[Bài đọc] Tìm hiểu State trong ReactJS

[Bài đọc] Xử lý sự kiện trong Reactjs

[Bài đọc] Component Life Cycle trong ReactJS

[Bài đọc] Tìm hiểu cơ chế Render có Điều Kiện

[Thực hành] Đếm số lần click vào Button tăng/giảm (State + event)

[Thực hành] Đổi màu nền component sau khi xuất hiện

[Thực hành] Hiện thông báo trước khi Component ẩn

[Thực hành] Kiểm tra User Login/Logout

[Bài tập] Component Expand/Collapse nội dung

[Bài tập] Xử lý sự kiện Login/Logout với form đăng nhập bằng Bootstrap

[Bài tập] Ứng dụng quản lý công việc (Todo App)

[Bài tập] Ứng dụng quản lý học sinh (CRUD sử dụng Table)

[Quiz] State & Lifecycle method

Hook 7 Topics | 4 Quizzes

Expand

Lesson Content

0% Complete 0/7 Steps

[Bài đọc] Khái niệm Hook trong ReactJS

[Bài đọc] State Hook

[Bài đọc] Effect Hook

[Bài đọc] Hook Custom

[Thực hành] Triển khai useState

[Thực hành] Triển khai useEffect

[Thực hành] Triển khai HookCustom

[Bài tập] Xây dựng component Car selection

[Bài tập] Xây dựng Component Timer

[Bài tập] Xây dựng Component Counter

React Form 8 Topics | 5 Quizzes

Expand

Lesson Content

0% Complete 0/8 Steps

[Bài đọc] Sử dụng Form trong React

[Bài đọc] Sử dụng được thẻ nhập liệu căn bản Textarea, Select, Input Upload

[Bài đọc] Form validation

[Bài đọc] Giới thiệu cơ bản Formik

[Thực hành] Form đăng ký tài khoản mới

[Thực hành] Validate Form đăng ký

[Thực hành] Validate Form Login

[Thực hành] Validate Form Login with Formik

[Bài tập] Tạo form liên hệ

[Bài tập] Ứng dụng quản lý sách

[Bài tập] Tạo form soạn thảo Email (with validate/upload attachments)

[Bài tập] Tạo form khai báo y tế (with validate)

[Quiz] React Form

Router 5 Topics | 3 Quizzes

Expand

Lesson Content

0% Complete 0/5 Steps

[Bài đọc] Cơ chế Routing trong ReactJS

[Bài đọc] Router

[Thực hành] Router 1

[Thực hành] Router 2

[Thực hành] Router 3

[Bài tập] Router 1

[Bài tập] Router 2