Giới thiệu
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 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. Khóa React Js 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.
Lịch học
28-11-2022
Thứ 2, 4, 6
18:45 - 21:45
Lầu 2, số 666/46/29, đường 3/2, quận 10, TP HCM
Nội dung
Cài đặt Reactjs, tìm hiểu props, useState, event, style
Setup dự án bằng vitejs
Khái niệm về props, ứng dụng của props
Khái niềm về state, tạo và quản lý state
Event là gì? Cách xử lý event trong React
Các kiểu style trong React, giới thiệu styled-components
Tìm hiểu về hook, useEffect, custom hook
Tìm hiểu hook là gì?
useEffect và các cách sử dụng
Custom hook là gì? tự tạo các custom hook của riêng mình
Form và validate form
Validate form là gì?
Giới thiệu các rule validate thường gặp
Giới thiệu các thư viện validate form nổi tiếng hiện có
Tự viết validate thủ công mà không cần sử dụng thư viện
Hướng dẫn sử dụng react-router-dom v6
Giới thiệu về layout
Cài đặt và setup react-router-dom v6
Các cách sử dụng router
Ứng dụng vào dự án thực tế
Tìm hiểu Context và ứng dụng của Context
Giới thiệu về concept của Context
Các trường hợp thường sử dụng Context
Viết các component, page có sử dụng Context
Sử dụng Context cho các Component phức tạp
Tìm hiểu về api, setup axios
Giới thiệu về axios là gì và các phương thức thường sử dụng
Setup axios
Giới thiệu về JWT
Setup refresh token tự động
Handle response
Handle request
Cách lấy dữ liệu từ api cho mõi page
Redux và các thư viện đi kèm redux
Giới thiệu về concept cơ bản của redux
Hiểu về middleware
Các thư viện redux thông dụng: thunk, saga, logger, toolkit
Giới thiệu và cài đặt redux devtool
Tối ưu, các hook khác, build và deploy dự án
Giới thiệu các hook và HOC dành cho tối ưu component: useCallback, useMemo, useLayoutEffect, React.memo
Lưu giữ giá trị, thao tác phần tử DOM với useRef
Build và deploy dự án lên github, vercel
Thực hành dự án cuối khóa
Giới thiệu dự án cuối khóa
Lấy thông tin sản phẩm, translate
Làm chức năng đăng ký, đăng nhập, logout, update thông tin
Làm chức năng address, payment
Làm chức năng paginate, search, sort, filter, category
Làm chức năng checkout
Làm chức năng wishlist, order, reorder, review
Hướng dẫn làm các component slider, tab, product detail
Báo cáo, đánh giá và chia sẻ kinh nghiệm làm CV ứng tuyển
Báo cáo dự án
Đánh giá dự án
Chia sẻ kinh nghiệm phỏng vấn và làm CV ứng tuyển
Tổng kết khoá học
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
Có laptop cá nhân và cài đặt phần mềm Visual Studio Code, Figma, Teamviewer.
Giảng viên
Đặng Thuyền Vương
Teacher
Fullstack, Frontend Team Lead
Tôi là Vương, Fullstack developer, Frontend Team Lead tại CBI Digital và đồng sáng lập CFD Circle. Với hơn 7 năm trong nghề, tôi đã trải qua nhiều dự án khác nhau và giờ là lúc tôi truyền đạt lại những gì mình tích lũy được cho các bạn trẻ có định hướng theo nghề lập trình.
"Không có chiến thắng nào không có sự hy sinh"
Nguyễn Văn Thái An
Mentor
Front-End Developer
Xin chào! Tôi là Nguyễn An - Front-End Developer tại T.O.P Group. Rất mong có thể trao đổi và 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 học được trong quá trình làm việc đến với học viên tại CFD Circle. Cùng học tập để hướng tới một Front-End Dev với những sản phẩm sáng tạo, tinh tế và chuyên nghiệp nào! Rất vui nếu gặp bạn ở CFD Circle.
Lê Châu Hữu Thiện
Mentor
Xin chào mọi người! Mình là Thiện, hiện đang là Front-End Developer tại CBI Chi Doanh. Mình đã bén duyên tham gia vào đại gia đình CFD Circle từ khóa CFD5. 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. CFD Circle với mình không chỉ là nơi trao đến bạn những kiến thức chuyên môn thực chiến, 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 chúng ta.