Combo 5 khóa: Lập trình Front End Master ReactJS

4 DỰ ÁN TRONG KHOÁ 1

* Dự án Layout landingpage
* Dự án Chọn Xe
* Dự án layout Phim
* Dự án Thử kiếng

KIẾN THỨC BAO GỒM:

- Khởi tạo dự án & tìm hiểu cấu trúc dự án
- Khái niệm component , phân loại component
- Thực hành phân tích giao diện chia layout component (Layout landingpage)
- Cơ chế binding dữ liệu component, Bingding object, Binding function
- Xử lý sự kiện trong react
- Render và rerender với state (state and updating state)
- Render với điều kiện
- Render với vòng lặp với dữ liệu Phim
- Thực hành qua bài tập chọn biểu tượng cảm xúc
- Bài tâp tổng hợp với ứng dụng thử kính

3 DỰ ÁN TRONG KHOÁ 2

* Dự án Danh sách sản phẩm & Chi tiết sản phẩm
* Dự án Đặt vé xem phim
* Dự án thử đồ online

KIẾN THỨC BAO GỒM:

- Truyền dữ liệu qua component children
- Props
- Props truyền sự kiện qua Props Thực hành qua ví dụ chọn và xem chi tiết sản phẩm

- Phân biệt state và props
- Lifecycle hooks
- Pure component
- Redux qua ví dụ đặt vé xem phim
- Context và redux
- Phân tích dự án
- Chia component
- Vận dụng các kiến thức đã học để hoàn thiện dự án

3 DỰ ÁN TRONG KHOÁ 3

** Dự án Game Bầu Cua
** Dự án Game Bói Bài
** Dự án Game Bài Cào

KIẾN THỨC SẼ BAO GỒM

- Tìm hiểu hook các hook cơ bản
- Thư viện react animation spring
- Hook animation
- Phân tích component cấu trúc redux tổ chức giao diện
- Đặt cược
- Lắc xúc xắc animation
- Tính điểm hoàn tiền
- Phân tích Component
- Hướng dẫn hiệu ứng lật bài
- Hướng dẫn hiệu ứng popup show hide ẩn hiện kết quả
- Hướng dẫn lồng âm thanh
- Tạo hiện ứng load game
- Tạo hiệu ứng chia bài
- Xử lý game play tính tạo hiệu ứng tính điểm

DỰ ÁN CYBERSOFT REPORT BUGS TRONG KHOÁ 4

KIẾN THỨC BAO GỒM

- Truyền nhận dữ liệu qua form và validation
- Xây dựng ứng dụng quản lý task đơn giản với tính năng thêm xoá sửa
- Call API Backend sử dụng Middle Ware Redux Thunk
- Hướng dẫn sử dụng thư viện react router dom truyền nhận tham số
- Hướng dẫn sử dụng antd tổ chức giao diện
- Hướng dẫn sử dụng HOC kết hợp react router dom để dựng layout login và dashboard
- Hướng dẫn sử dụng ckeditor 5 react thực hiện các tính năng
- Xây dựng tính năng thêm task
- Xây dựng tính năng sửa task
- Xây dựng chức năng xoá task
- Xây dựng tính năng search task
- Xây dựng tính năng phân công task
- Xây dựng tính năng trao đổi task
- Xây dựng tính năng report

BUILD TOÀN BỘ FRONT END DỰ ÁN ĐẶT VÉ PHIM ONLINE TRONG KHOÁ 5

KIẾN THỨC SẼ BAO GỒM

- Giới thiệu khái quát về dự án => với wireframe
- Phân tích giao diện tổ chức thư mục
- Phân tích chức năng rả component cho dự án
- Setup 1 số thư viện cần thiết (React UI, HOC router, Animation) + môi trường cho redux và redux thunk
- Tổ chức các lớp đối tượng + service
- Xây dựng chức năng đăng ký đăng nhập
- Xây dựng tính năng quản lý thông tin đăng nhập
- Xây dựng trang chủ thực hiện chức năng load dữ liệu phim từ api
- Xây dựng chức năng load rạp phim
- Xây dựng tính năng load lịch chiếu phim
- Xây dựng tính năng đặt vé
- Xây dựng tính năng real time nhiều người đặt chổ trên cùng màn hình
- Xây dựng tính năng load lịch sử mua vé
- Hướng dẫn thực hiện tích hợp thanh toán trực tuyến

- Chức năng quản lý phim
- Xây dựng tính năng quản lý vé thống kê với chart reactjs
- Xây dựng tính năng quản lý rạp cụm rạp
- Xây dựng tính năng quản lý lịch chiếu
- Xây dựng tính năng quản lý thông tin người dùng
- Xây dựng tính năng quản lý đặt vé thành viên loại thành viên

DỰ ÁN CYBERSOFT SHOES SHOP TRONG KHOÁ

KIẾN THỨC BAO GỒM

- Hướng dẫn sử dụng redux toolkit
- Hướng dẫn sử dụng react router dom v.6
-Typescript basic với React
-So sánh TypeScript với ES6
- Xây dựng dự án reactjs với typescript kết hợp các tính năng mới của React 18
- Khởi tạo dự án reactjs với typescript
- Hướng dẫn khai báo và sử dụng state, props, hook bằng TypeScript
- Hướng dẫn sử dụng react toolkit
- Giới thiệu khái quát về dự án Shoes Shop với figma
- Phân tích giao diện tổ chức thư mục
- Phân tích chức năng rả component cho dự án
- Xây dựng tính năng hiển thị thông tin sản phẩm
- Xây dựng tính năng giỏ hàng
- Xây dựng call API Backend sử dụng Middleware Redux Thunk
- Xây dựng tính năng đăng nhập bằng facebook