Xong hết tất cả dự án trong khóa học này, bạn sẽ MASTER về ReactJS cũng như cách chinh chiến dự án thức tế từ phân tích để codinng, bạn sẽ có một công việc Front End Developer tuyệt vời. Combo gồm Bài giảng sinh động, phương pháp đột phá, áp dụng thực tế, minh họa trực quan, Giảng viên giàu kinh nghiệm, tài liệu chuyên sâu được thẩm định bởi các doanh nghiệp.
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
