Khoá học này dành cho ai?
Khoá học LẬP TRÌNH FRONT-END MASTER này phù hợp với những bạn đang là sinh viên ngành IT hoặc trái ngành muốn trở thành Lập Trình Viên Front end Chuyên Nghiệp để đi làm tại các công ty nhưng không thể tự học hoặc tự học nhưng chưa thể ứng dụng và hoàn thiện dự án thực tế một cách tốt nhất. Khoá học FRONT-END MASTER chính là lựa chọn phù hợp nhất với bạn. Đội ngũ CFD Circle sẽ giúp bạn có đầy đủ kiến thức, kinh nghiệm kỹ năng cần thiết bằng việc giảng dạy & giúp bạn hoàn thành được ít nhất 5 dự án thực tế. Ngoài những kiến thức thì bạn sẽ tích luỹ được rất nhiều kinh nghiệm thực tế trong quá trình học và làm dự án để dễ dàng ứng tuyển thành công.
Khoá học FRONTEND MASTER được chia làm 3 giai đoạn chính:
- FRONTEND NEWBIE: Thời lượng 6 tuần (2 buổi/tuần). Thời gian học 18h45 - 21h45 thứ 3, 7
- WEB RESPONSIVE: Thời lượng 5 tuần (3 buổi/tuần). Thời gian học 18h45 - 21h45 thứ 3, 5, 7
- REACTJS MASTER: Thời lượng 7 tuần (3 buổi/tuần). Thời gian học 18h45 - 21h45 thứ 2, 4, 6
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: 10-12 học viên
GIẢM 200K CHO MỖI HỌC VIÊN HỌC THEO NHÓM TỪ 2 NGƯỜI.
Các dự án của học viên
Dự án cuối kỳ giai đoạn Web Responsive
Dự án cuối kỳ giai đoạn ReactJs Master
Lịch học
23-04-2024
Buổi 1-12: thứ 3,7. Buổi 13 - 27: thứ 3,5,7. Buổi 27-48: 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
Kiến thức về thiết kế website, Photoshop, Figma & Chrome Dev Tool
- Thiết lập Photoshop cho Front-end Dev
- Giới thiệu các công cụ thao tác với bản thiết kế
- Đo đạc text, size, màu sắc, font chữ, resize, crop, export hình từ Photoshop & Figma
- Kiến thức tổng quan thiết kế giao diện website
- Chrome Dev Tool
Phân tích bản thiết kế & thực hành
- Hiểu về Container và Container-Fluid
- Thực hành cắt & xuất hình từ bản thiết kế
HTML, SEO, BEM và thực hành code HTML
- Giới thiệu HTML
- Các thẻ HTML thông dụng
- Code HTML chuẩn SEO
- Phân tích bản thiết kế và hướng dẫn thực hành code HTML cho dự án
CSS/CSS3 & thực hành ứng dụng dự án
- CSS phần 1, thực hành dự án Luxestate
- CSS phần 2, thực hành dự án Luxestate
- Dàn layout với CSS Flexbox, thực hành dự án Luxestate
- CSS3, thực hành dự án Luxestate
Thực hành dự án Luxestate
Hướng dẫn code & tối ưu dự án Luxestate
- Hướng dẫn code dự án Luxestate
- Hướng dẫn tối ưu hình ảnh, HTML, CSS cho dự án
Javascript nền tảng & thực hành
- Tổng quan và khái niệm cơ bản Javascript.
- Làm việc với String và Loop
- Làm việc với Array & Object
- Thực hành bài tập luyện tư duy (phần 1)
- Thực hành bài tập luyện tư duy (phần 2)
- Thực hành bài tập luyện tư duy (phần 3)
Javascript ES6 & thực hành
- Javascript ES6 là gì?
- Arrow function
- Template literals (template string)
- Destructuring, Rest
- Spread, Default parameter
- Thực hành bài tập Javascript
Báo cáo và đánh giá dự án Luxestate
- Báo cáo dự án Luxestate
- Đánh giá và góp ý dự án Luxestate
HTML nâng cao. Quy tắc BEM
- Các thẻ HTML nâng cao
- Quy tắc đặt tên class chuẩn BEM
Phân tích bản thiết kế và thực hành cắt hình, code HTML dự án Wooder
- Phân tích bản thiết kế Wooder
- Thực hành cắt hình, code HTML dự án Wooder
CSS nâng cao và chia layout với CSS Grid
- Các thuộc tính CSS nâng cao
- Ôn tập Flexbox
- Chia layout với CSS Grid
SCSS toàn diện
- Kiến thức SCSS toàn diện
- Phân tách cấu trúc SCSS & thực hành ứng dụng dự án
Responsive Website
- Breakpoints, Container, Container-Fluild
- Kiến thức toàn diện về Responsive Website
- Media Query
- Hướng dẫn code Responsive dự án Wooder
Grunt và Cấu trúc dự án
- Khái niệm Grunt & Cài đặt Grunt
- Cấu trúc file, thư mục dự án với SCSS và Grunt
Thực hành code Responsive dự án Wooder
- Thực hành ứng dụng Grunt, SCSS vào dự án Wooder (Phần 2)
- Thực hành ứng dụng Grunt, SCSS vào dự án Wooder (Phần 1)
Javascript DOM, BOM, Javascript nâng cao và các thư viện JS thông dụng
- Kiến thức Javascript DOM, BOM.
- Hướng dẫn ứng dụng các thư viện Javascript thông dụng vào dự án
- Javascript nâng cao và thực hành bài tập
Thực hành ứng dụng Javascript và thư viện vào dự án Wooder
- Thực hành các tính năng trên dự án bằng Javascript thuần
- Thực hành ứng dụng thư viện Javascript trên dự án
Báo cáo, đánh giá & góp ý tối ưu dự án Wooder
- Báo cáo và đánh giá dự án
- Góp ý và tối ưu dự án
Thực hành dự án Web Responsive
- Phân tích và triển khai dự án Web Responsive
- Hướng dẫn hoàn hành dự án Web Responsive
- Thực hành dự án Web Responsive. Các kỹ thuật tối ưu tốc độ website
Báo cáo, đánh giá & góp ý tối ưu Web Responsive
- Báo cáo và đánh giá dự án Web Responsive
- Góp ý tối ưu dự án Web Responsive
Làm quen với các kiến thức React cơ bản
- Component, Props, State
- Style, Event
- 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
- 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
Thực hành dự án Đăng Ký Khóa Học (CFDCourses)
- Forgot và reset password
- Refresh token tự động
- Render trang chi tiết khóa học
- Hoàn thành chức năng cá nhân
- Giới thiệu dự án
Tối ưu và deploy dự án
- 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
Thực hành dự án E-commerce
- 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
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 review 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
Hướng dẫn làm CV, tìm việc và phỏng vấn thử
- Hướng dẫn làm CV chuẩn IT
- Hướng dẫn tìm việc
- Hướng dẫn trả lời phỏng vấn
- Chia sẻ kinh nghiệm thực tế
Yêu cầu cần có
Có laptop cá nhân, cài đặt phần mềm Photoshop, VSCode.
Đã tìm hiểu về lộ trình học frontend và biết cơ bản HTML, CSS là một lợi thế
Hạn chế tối đa nghỉ học và hoàn thành bài tập được giao.
Thành viên CFD Circle phải có tinh thần trách nhiệm, chủ động cao trong việc học.
Đội ngũ hướng dẫn
Trần Nghĩa
Teacher
Founder & CEO
Xin chào! Tôi là Trần Nghĩa - Creative Frontend Developer, người sáng lập CFD Circle và CFD Studio. Trong hơn 8 năm kinh nghiệm trong nghề, tôi luôn tạo ra những sản phẩm chất lượng cao, sáng tạo, tinh tế và phù hợp cho khách hàng trong và ngoài nước, cũng như mong muốn truyền đạt lại cho các bạn trẻ có đam mê và định hướng theo nghề Lập trình Front-end.
https://cfdstudio.vn/Huỳnh Anh Kiệt
Mentor
SENIOR FRONTEND DEV
Chào bạn, nếu bạn đọc những dòng này hẳn là bạn rất quan tâm đến việc trở thành một developer, nhất là Front-end Developer. Mình là Huỳnh Anh Kiệt - hiện đang làm việc với vị trí Senior Front-End Developer tại Kyanon Digital và CFD Studio, đồng thời, là cựu học viên của CFD Circle sẽ đồng hành cùng bạn trong hành trình chinh phục mong ước đó. Sau thời gian dài học tập và làm việc, mình đã tích lũy được một số kinh nghiệm để có thể giúp đỡ những bạn có niềm đam mê với Front-end.
Lê Tuyết Vân
Mentor
Frontend Developer
Tôi là Lê Tuyết Vân - Frontend Developer tại CFD Studio và là cựu học viên của CFD Circle. Từ một cô gái trái ngành, tôi đã trải qua những thăng trầm và biết rằng hành trình này không hề dễ dàng. Tuy nhiên, những khó khăn đó đã giúp tôi trưởng thành và phấn đấu không ngừng, từng bước tiến gần hơn đến đam mê lập trình của mình. Hôm nay, tôi muốn chia sẻ những kiến thức và kinh nghiệm mà tôi đã tích luỹ được trong lĩnh vực này, đồng thời mong muốn hỗ trợ cùng bạn vượt qua những thử thách trên con đường của mình.