Giới thiệu
Khoá học LẬP TRÌNH FRONTEND 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 Front-end Dev toàn diện để đi làm tại các công ty. Sau khoá học bạn sẽ hoàn thành được 4 dự án như khi đi làm và có đầy đủ các kiến thức từ cơ bản đến nâng cao của một Front-end Dev. Ngoài những kiến thức thì bạn sẽ tích luỹ được rất nhiều kinh nghiệm trong quá trình học và làm dự án để dễ dàng ứng tuyển thành công.
KHOÁ HỌC NÀY ĐANG CÓ CHƯƠNG TRÌNH ƯU ĐÃI GIẢM GIÁ TỪ 15.100.000VND CHỈ CÒN 14.200.000VND
Lịch học
21-02-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 3/2, quận 10, TP HCM
Nội dung
Tổng quan, HTML, Phototshop, Chrome Dev Tool
Kiến thức HTML. Viết HTML chuẩn SEO
Photoshop
Chrome Dev Tool
CSS/CSS3
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
Javascript cơ bản
Tổng quan và khái niệm cơ bản Javascript. Thực hành bài tập
Làm viêc với String và Loop. Thực hành bài tập
Làm việc với Array. Thực hành bài tập
Làm việc với Object. Thực hành bài tập
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)
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
Tư duy và phân tích bản thiết kế
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
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
Responsive Website
Phân biệt Web Responsive và Adaptive
Breakpoints, Container, Container-Fluild
Hướng dẫn viết SCSS Responsive cho dự án
Thực hành viết responsive cho dự án Woorder.
Thực hành dự án Wooder
Thực hành ứng dụng Grunt, SCSS vào dự án Wooder
Thực hành ứng dụng Grunt, SCSS vào dự án Wooder.
Javascript DOM, BOM và các thư viện thông dụng
Kiến thức Javascript DOM, BOM.
Các thư viện Javascript thông dụng
Thực hành Javascript trên dự án Wooder
Thực hành dự án Web Responsive
Phân tích và triển khai dự án cuối khóa
Hướng dẫn hoàn hành dự án cuối khóa
Hướng dẫn hoàn hành dự án cuối khóa
Thực hành dự án cuối khoá. Các kỹ thuật tối ưu tốc độ website
Báo cáo và đánh giá dự án Web Responsive
Báo cáo dự án Web Responsive
Đánh giá và góp ý dự án Web Responsive
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 Shopping Cart
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 và đánh giá dự án
Báo cáo dự án
Đánh giá dự án
Tổng kết và chia sẻ kinh nghiệm làm CV ứng tuyển
Hướng dẫn làm CV ứng tuyển
Chia sẻ kinh nghiệm ứng tuyển
Tổng kết khoá học
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 Front-End Developer, người sáng lập CFD Circle. 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://nghiatran.info/
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. 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.
Đặng Thuyền Vương
Mentor
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"
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, đồng thời là cựu học viên của CFD2 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.
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.
