Khoá học này dành cho ai?
Nếu bạn đã có kiến thức lập trình HTML, SCSS, Responsive và Javascript vững chắc hoặc đã học qua khóa Frontend Newbie & Web Responsive tại CFD Circle. Bạn muốn nâng cao kiến thức và có nhiều cơ hội để ứng tuyển hơn vào vị trí Front-End Dev thì React Js chính là thư viện javascript được quan tâm nhất hiện nay. Khoá Học Lập Trình Front-end ReactJS Master tại CFD Circle sẽ hướng dẫn bạn có được kiến thức và kỹ năng quan trọng dựa trên thực hành dự án thực tế xuyên suốt khóa học. Sau khoá học bạn sẽ hoàn thành dự án website bán hàng với đầy đủ các tính năng cần thiết.
HÌNH THỨC HỌC: OFFLINE HOẶC ONLINE GOOGLE MEET CÙNG VỚI LỚP OFFLINE
SỐ LƯỢNG HỌC VIÊN: 8-10 học viên
DỰ ÁN CUỐI KHOÁ HỌC VIÊN THỰC HIỆN
Lịch học
20-05-2024
Thứ 2, 4, 6
18:45 - 21:45
Lầu 2, số 666/46/29, đường Ba Tháng Hai, phường 14, quận 10, TP HCM
Nội dung khoá học
Làm quen với những kiến thức React cơ bản
- Làm quen với Component
- Làm quen với Props
- Làm quen với State
- Làm quen với style
- Làm quen với Event
- Làm quen với useEffect
Xử lý form trong React
- Thao tác cơ bản với Form
- Validate form
- Tối ưu validate form
Xây dựng Single Page Application trong React
- Giới thiệu và cài đặt thư viện react-router-dom@6
- Tìm hiểu qua các cách sử dụng react-router-dom phổ biến
- Xử lý layout
Làm việc với API từ Backend
- Giới thiệu và làm việc với API từ Backend bằng Fetch API
- Cài đặt và setup axios
- Làm việc với RestFul API từ Backend
Authentication với JWT
- Giới thiệu về JWT
- Làm chức năng login trong React với JWT
Hoàn thành kiến thức React cơ bản
- Portal
- Cài đặt thư viện ngoài React
- useId
Hoàn thành dự án Đăng Ký Khóa Học (CFDCourses)
- Cấu trúc dự án và phân tách components
- Hoàn thành trang khoá học và chi tiết khóa học
- Forgot và reset password
- Refresh token tự động
- Hoàn thành chức năng quản lý thông tin cá nhân
- Hoàn thành các trang còn lại như Giới thiệu, Liên hệ, Blog...
Tối ưu và deploy dự án CFDCourses
- Lazy component
- useMemo, useCallback, React.memo
- useId, useTransition, useDeferredValue
- Deploy dự án lên Vercel
Redux và những thư viện liên quan
Giới thiệu & Thực hành dự án E-commerce (CFDShop)
- Setup dự án template
- Lấy thông tin sản phẩm
- Làm chức năng phân trang sản phẩm
- Giới thiệu dự án
Hoàn thành trang sản phẩm
- Sort
- minPrice, maxPrice
- Filter theo rating
- Tìm kiếm sản phẩm
Hoàn thành trang cá nhân
- Đăng nhập / đăng ký
- Thay đổi thông tin cá nhân
- Cập nhật avatar
- Sản phẩm yêu thích
- Quản lý sổ địa chỉ, sổ thanh toán
Hoàn thành chức năng giỏ hàng
- Thêm , xóa sản phẩm vào giỏ hàng
- Tăng / giảm số lượng sản phẩm trong giỏ hàng
- Xử lý popup thông báo khi thêm sản phẩm thành công
Hoàn thành chức năng chi tiết sản phẩm
- Render thông tin cơ bản trang chi tiết sản phẩm
- Xử lý Image Modal
- Rút gọn nội dung với ShortContent
Hoàn thành chức năng checkout
- Xử lý form checkout
- Thêm / xóa promotion
- Xử lý đơn hàng thành công
Hoàn thành chức năng Đặt hàng, Đánh giá sản phẩm
- Xử lý trang xem sản phẩm đặt hàng
- Làm chức năng đánh giá sản phẩm khi nhận hàng thành công
Hoàn thành chức năng translate
- Tự làm chức năng translate bằng thư viện tự xây dựng
- Error boundaries
- Slider
- Forgot và reset password
Tối ưu và deploy dự án CFDShop
Đánh giá và góp ý dự án cuối khoá
- Báo cáo dự án
- Đánh giá từ giảng viên
Tổng kết, hướng dẫn làm CV, tìm việc và trả lời phỏng vấn xin việc
- Hướng dẫn làm CV & tìm việc
- Hướng dẫn trả lời phỏng vấn
- Chia sẻ kinh nghiệm thực tế
Phỏng vấn thử
Yêu cầu cần có
Làm tốt giao diện website responsive bằng HTML, SCSS, Javascript hoặc đã học qua khóa Frontend Newbie và Web Responsive tại CFD Circle
Nắm vững kiến thức Javascript từ cơ bản đến nâng cao
Có nền tảng cơ bản về ReactJs là một lợi thế
Có laptop cá nhân và tinh thần ham học hỏi, siêng năng, kiên trì và cố gắng hết sức mình.
Đội ngũ hướng dẫn
Thiện Lê
Teacher
Leader Frontend
Xin chào mọi người! Tôi là Thiện, hiện đang là Leader Front-end Developer tại CBI Chi Doanh. Mình đã bén duyên tham gia với đại gia đình CFD Circle từ những ngày đầu thành lập. Trong quá trình học hỏi và chiến đấu cùng các anh em tại đây, mình đã rút ra rất nhiều kinh nghiệm thực tiễn và tìm được hướng đi phù hợp cho bản thân. Với hơn 4 năm kinh nghiệm trong lĩnh vực Front-end, tôi hi vọng không chỉ mang đến những kiến thức chuyên môn thực tế, mà còn truyền một ngọn lửa mãnh liệt đến từng cá nhân để thúc đẩy sự phát triển từ bên trong mỗi chúng ta.
Nguyễn An
Mentor
Senior Frontend Dev
Xin chào! Mình là Nguyễn An - Senior Frontend Developer tại T.O.P Group và CFD Studio. Rất mong có thể hỗ trợ, truyền đạt hết những kiến thức và kinh nghiệm từ những dự án thực tế mà tôi tích luỹ được trong quá trình làm việc đến với các bạn học viên tại CFD Circle. Chúng ta sẽ cùng nhau học tập, giúp đỡ để hướng tới trở thành một Lập trình viên Front-end chuyên nghiệp nhằm tạo những sản phẩm sáng tạo, tinh tế và có giá trị! Mình rất vui khi gặp bạn tại CFD Circle.
Nguyễn Văn Tuấn
Mentor
Senior Front-end Dev
Chào các bạn! mình là Tuấn - hiện đang làm việc tại IVI Group, đồng thời cũng là cựu học viên khoá 1 của CFD Circle. Sau 3 năm làm việc và trải qua nhiều dự án khác nhau đã giúp mình đúc kết được nhiều kinh nghiệm. Hi vọng rằng, sự đồng hành của mình sẽ là nguồn động lực giúp cho các bạn hoàn thành thật tốt trong suốt quá trình học tập tại CFD Circle bằng những kiến thức, kinh nghiệm thực tế mà mình đã tích luỹ được trong 3 năm qua.