Giới thiệu
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-6 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ứ 2,4,6
- REACTJS MASTER: Thời lượng 6 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: 15-20 học viên
KHOÁ HỌC NÀY ĐANG CÓ ƯU ĐÃI GIẢM GIÁ TỪ 15.400.000 VND CHỈ CÒN 14.700.000 VND.
GIẢM 200K CHO MỖI HỌC VIÊN HỌC THEO NHÓM 2 NGƯỜI.
GIẢM 300K CHO MỖI HỌC VIÊN HỌC THEO NHÓM TỪ 3 NGƯỜI TRỞ LÊN.
Lịch học
06-06-2023
Buổi 1-12: thứ 3,7. Buổi 13-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
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
Khái niệm SCSS
Cài đặt trình biên dịch SCSS
Xếp chồng – Nested Rule, Biến – variable, Kế thừa – Extends, Import, Vòng lặp - Loop, Mệnh đề điều kiện IF
Phân tách và cấu trúc file SCSS
Responsive Website
Phân biệt Responsive Website và Adaptive Website
Breakpoints
Hướng dẫn code Responsive dự án Wooder
Kiến thức tổng quan về Responsive Website
Media Query
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à trả lời phỏng vấn ứng tuyển
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, cũng như tự học và làm thêm tại nhà.
Giảng viên
Trần Nghĩa
Teacher
CEO & Founder
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 7 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ề Front-End Developer.
https://cfdstudio.vn/Nguyễn Đức Huy
Mentor
Fullstack Developer
Xin chào! Tôi là Huy Nguyễn - Fullstack Developer, người đồng sáng lập CFD Circle & CFD Studio. Với mong muốn truyền đạt những kinh nghiệm thực tế có được trong hơn 5 năm đi làm cho các bạn trẻ có đam mê với lập trình front-end, cũng như back-end. Hi vọng tôi sẽ giúp cho các bạn có cái đầy đủ kiến thức và kỹ năng để ứng tuyển vào vị trí mà bạn hướng đến.
Huỳnh Anh Kiệt
Mentor
Front-end Developer
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. Vì vậy, mình là Huỳnh Anh Kiệt - hiện đang làm việc với vị trí Software Engineer - chapter Front-End 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.