Khoá lập trình Front-End Web với ReactJS

Khóa học cung cấp lộ trình học ReactJS bài bản từ TypeScript đến xây dựng ứng dụng thực tế. Hình thức học qua video thu sẵn, kết hợp tài liệu, bài tập thực hành và nhóm Giảng viên hỗ trợ giúp học viên tự học hiệu quả.

Mục tiêu đầu ra:

• Thành thạo ReactJS và các kỹ thuật hiện đại: Hooks, Router, Redux, gọi API, quản lý form, tối ưu hiệu suất.

• Ứng dụng AI (ChatGPT và GitHub Copilot) để giải thích mã, gợi ý code, debug, tăng tốc phát triển.

• Xây dựng 3 dự án web hoàn chỉnh có thể đưa vào CV hoặc phục vụ phỏng vấn thực tập/làm việc.

LỘ TRÌNH KHÓA HỌC (23 Buổi)

Phần 1: Làm chủ TypeScript (Buổi 1–4)

• Giới thiệu, cài đặt môi trường, kiểu dữ liệu, hướng đối tượng, generic, decorator.

Phần 2: ReactJS Cơ Bản (Buổi 5–13)

• Giao diện với Flexbox/Grid, form nhập liệu, animation, component, state, event, danh sách, điều kiện hiển thị, routing.

Phần 3: Quản lý Dữ liệu và State (Buổi 14–19)

• Context API, form nâng cao, useEffect, useRef, gọi API, Redux Toolkit, authentication.

Phần 4: Thực hành Dự án (Buổi 20–23)

Từ buổi 20 trở đi, học viên bước vào giai đoạn xây dựng 3 dự án web thực tế, mỗi dự án được hướng dẫn chi tiết trong 1–2 buổi, bao gồm cả phần UI, xử lý logic, và lưu trữ dữ liệu.

Dự án 1: Trang web tin thể thao

• Công nghệ: ReactJS, RSS Feed từ VnExpress hoặc Vietnamnet

• Nội dung: Hiển thị danh sách tin tức thể thao theo thời gian thực, giao diện responsive

Dự án 2: Ứng dụng Todo-List

• Công nghệ: ReactJS, API từ mockapi.io

• Nội dung: Quản lý công việc, thêm/sửa/xoá task, giao diện thân thiện

Dự án 3: Trang web chia sẻ kiến thức lập trình

• Công nghệ: ReactJS, Firebase Authentication, Firebase Realtime Database

• Nội dung: Đăng ký/đăng nhập, chia sẻ bài viết, xem bài theo chuyên mục

• Ứng dụng AI:

  • ChatGPT: Hướng dẫn tích hợp Firebase, xử lý đăng nhập

  • Copilot: Sinh mã đọc/ghi dữ liệu Firebase

Kết thúc khóa học, học viên có đầy đủ kỹ năng lập trình ReactJS, hiểu rõ quy trình xây dựng web hiện đại, và có thể tiếp tục học các công nghệ nâng cao như Next.js (server side rendering), React Native.