menu Đóng
CFD Circle

Frontend Master

Trần Nghĩa

14,200,000 VND
đăng ký học

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

Khai giảng

23-08-2022

Ngày học

Buổi 1-12: thứ 3,7. Buổi 13-48: thứ 2,4,6

Thời gian

18:45 - 21:45

Địa điểm

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

CFD Circle Kiến thức HTML. Viết HTML chuẩn SEO

CFD Circle Photoshop

CFD Circle Chrome Dev Tool

CSS/CSS3

CFD Circle CSS phần 1, thực hành dự án Luxestate

CFD Circle CSS phần 2, thực hành dự án Luxestate

CFD Circle Dàn layout với CSS Flexbox, thực hành dự án Luxestate

CFD Circle CSS3, thực hành dự án Luxestate

Javascript cơ bản

CFD Circle Tổng quan và khái niệm cơ bản Javascript. Thực hành bài tập

CFD Circle Làm viêc với String và Loop. Thực hành bài tập

CFD Circle Làm việc với Array. Thực hành bài tập

CFD Circle Làm việc với Object. Thực hành bài tập

CFD Circle Thực hành bài tập luyện tư duy (phần 1)

CFD Circle 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

CFD Circle Báo cáo dự án Luxestate

CFD Circle Đánh giá và góp ý dự án Luxestate

HTML nâng cao. Quy tắc BEM

CFD Circle Các thẻ HTML nâng cao

CFD Circle Quy tắc đặt tên class chuẩn BEM

CFD Circle Tư duy và phân tích bản thiết kế

CSS nâng cao và chia layout với CSS Grid

CFD Circle Các thuộc tính CSS nâng cao

CFD Circle Ôn tập Flexbox

CFD Circle Chia layout với CSS Grid

SCSS toàn diện

CFD Circle Khái niệm SCSS

CFD Circle Cài đặt trình biên dịch SCSS

CFD Circle 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

CFD Circle Phân tách và cấu trúc file SCSS

Grunt và Cấu trúc dự án

CFD Circle Khái niệm Grunt. Cài đặt Grunt

CFD Circle Cấu trúc file, thư mục dự án với SCSS và Grunt

Responsive Website

CFD Circle Phân biệt Web Responsive và Adaptive

CFD Circle Breakpoints, Container, Container-Fluild

CFD Circle Hướng dẫn viết SCSS Responsive cho dự án

CFD Circle Thực hành viết responsive cho dự án Woorder.

Thực hành dự án Wooder

CFD Circle Thực hành ứng dụng Grunt, SCSS vào dự án Wooder

CFD Circle 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

CFD Circle Kiến thức Javascript DOM, BOM.

CFD Circle Các thư viện Javascript thông dụng

CFD Circle Thực hành Javascript trên dự án Wooder

Thực hành dự án Web Responsive

CFD Circle Phân tích và triển khai dự án cuối khóa

CFD Circle Hướng dẫn hoàn hành dự án cuối khóa

CFD Circle Hướng dẫn hoàn hành dự án cuối khóa

CFD Circle 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

CFD Circle Báo cáo dự án Web Responsive

CFD Circle Đánh giá và góp ý dự án Web Responsive

Cài đặt ReactJS, tìm hiểu props, useState, event, style

CFD Circle Setup dự án bằng vitejs

CFD Circle Khái niệm về props, ứng dụng của props

CFD Circle Khái niềm về state, tạo và quản lý state

CFD Circle Event là gì? Cách xử lý event trong React

CFD Circle Các kiểu style trong React, giới thiệu styled-components

Tìm hiểu về hook, useEffect, custom hook

CFD Circle Tìm hiểu hook là gì?

CFD Circle useEffect và các cách sử dụng

CFD Circle Custom hook là gì? tự tạo các custom hook của riêng mình

Form và validate form

CFD Circle Validate form là gì?

CFD Circle Giới thiệu các rule validate thường gặp

CFD Circle Giới thiệu các thư viện validate form nổi tiếng hiện có

CFD Circle 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

CFD Circle Giới thiệu về layout

CFD Circle Cài đặt và setup react-router-dom v6

CFD Circle Các cách sử dụng router

CFD Circle Ứng dụng vào dự án thực tế

Tìm hiểu Context và ứng dụng của Context

CFD Circle Giới thiệu về concept của Context

CFD Circle Các trường hợp thường sử dụng Context

CFD Circle Viết các component, page có sử dụng Context

CFD Circle Sử dụng Context cho các Component phức tạp

Tìm hiểu về api, setup axios

CFD Circle Giới thiệu về axios là gì và các phương thức thường sử dụng

CFD Circle Setup axios

CFD Circle Giới thiệu về JWT

CFD Circle Setup refresh token tự động

CFD Circle Handle response

CFD Circle Handle request

CFD Circle Cách lấy dữ liệu từ api cho mõi page

Redux và các thư viện đi kèm redux

CFD Circle Giới thiệu về concept cơ bản của redux

CFD Circle Hiểu về middleware

CFD Circle Các thư viện redux thông dụng: thunk, saga, logger, toolkit

CFD Circle Giới thiệu và cài đặt redux devtool

Tối ưu, các hook khác, build và deploy dự án

CFD Circle Giới thiệu các hook và HOC dành cho tối ưu component: useCallback, useMemo, useLayoutEffect, React.memo

CFD Circle Lưu giữ giá trị, thao tác phần tử DOM với useRef

CFD Circle Build và deploy dự án lên github, vercel

Thực hành dự án cuối khóa Shopping Cart

CFD Circle Giới thiệu dự án cuối khóa

CFD Circle Lấy thông tin sản phẩm, translate

CFD Circle Làm chức năng đăng ký, đăng nhập, logout, update thông tin

CFD Circle Làm chức năng address, payment

CFD Circle Làm chức năng paginate, search, sort, filter, category

CFD Circle Làm chức năng checkout

CFD Circle Làm chức năng wishlist, order, reorder, review

CFD Circle Hướng dẫn làm các component slider, tab, product detail

Báo cáo và đánh giá dự án

CFD Circle Báo cáo dự án

CFD Circle Đánh giá dự án

Tổng kết và chia sẻ kinh nghiệm làm CV ứng tuyển

CFD Circle Hướng dẫn làm CV ứng tuyển

CFD Circle Chia sẻ kinh nghiệm ứng tuyển

CFD Circle 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

CFD Circle

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/
CFD Circle

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.

CFD Circle

Đặ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" 

http://dangthuyenvuong.github.io
CFD Circle

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.

CFD Circle

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.

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.

Câu hỏi thường gặp

THÔNG TIN CHUNG

Muốn đặt câu hỏi với giảng viên, thì phải làm sao?

Đối với hình thức học Offline hoặc Online cùng lớp offline thông qua Google Meet thì học viên có thể hỏi trực tiếp trong lúc học, cũng như là hỏi trên nhóm chat Telegram của lớp bạn đang học, giảng viên và mentor sẽ hỗ trợ 24/7.

Đối với hình thức học Video Mentor, học viên có thể đặt câu hỏi trong các buổi dạy online của giảng viên, cũng như là hỏi trên nhóm chat Telegram của lớp bạn đang học, giảng viên và mentor sẽ hỗ trợ 24/7.

Đối với hình thức học Video, học viên có thể đặt câu hỏi thông qua nhóm chat Telegram hỗ trợ học viên của đội ngũ giảng viên và mentor CFD Circle.

Học tại CFD Circle xong có đi làm hay thực tập được không?

Khóa học thực chiến tại CFD Circle giúp học viên trải nghiệm dự án, quy trình làm việc và kỹ năng thực tế cần có để không chỉ xin thực tập mà còn có thể ứng tuyển các vị trị chính thức cao hơn như ở các công ty.

CFD Circle có cam kết đầu ra và cấp chứng chỉ không?

Hiện tại, CFD Circle không quảng cáo bằng cách cam kết đầu ra 100% để thu hút học viên, vì thế, CFD không cam kết đầu ra và chứng chỉ, điều chúng tôi làm là cố gắng hết sức để truyền đạt và giúp cho tất cả học viên có thể làm được việc và các kỹ năng thực tế cần có sau khóa học và ứng tuyển ít nhất là vị trí fresher cho các công ty.

Ngoài sự cố gắng của giảng viên, học viên cũng phải có sức chiến đấu cao, ý thức học và hoàn thành các yêu cầu đặt ra nhằm hoàn thành khóa học thật tốt. Khi đó, chắc chắn học viên sẽ hoàn thành khoá học tốt và ứng tuyển thành công.

Học tại CFD Circle sao cho hiệu quả nhất?

Học viên cần chuẩn bị đủ thời gian để học Offline hoặc Online, cũng như thời gian để hoàn thành bài tập, tự học tại nhà.

Tự tin vào bản thân, kiên trì, cố gắng và sức chiến đấu cao không lùi bước, chủ động hỏi những vấn đề chưa rõ để được giải đáp và hỗ trợ.

Hạn chế tối đa việc nghỉ học, nếu có nghỉ thì phải xin và xem lại video được ghi lại trong lúc học để hoàn thành bài tập và kiến thức ngày hôm đó.

Sau mỗi buổi học có quay video để xem lại không?

CFD Circle sẽ quay lại video buổi học offline để các bạn không tham gia được có thể xem lại bằng cách đăng nhập vào website CFD, chọn mục Khóa Học Của Tôi, chọn Khóa Đang Học và xem lại video.

Bản quyền video thuộc về CFD Circle, nên nếu học viên tìm cách tải video về và chia sẻ thì sẽ bị khóa tài khoản vĩnh viễn.

ĐĂNG KÝ, THANH TOÁN

Đăng ký khóa học tại CFD Circle như thế nào?

Bạn đăng ký tài khoản, chọn khóa học muốn học, điền đầy đủ thông tin và bấm đăng ký học.

Đối với khoá học Offline: Bạn có thể thanh toán bằng chuyển khoản ngân hàng, ví điện tử Momo hoặc đóng tiền mặt tại văn phòng CFD Circle. Đội ngũ CFD Circle sẽ gửi email cho bạn để xác nhận khi bạn đăng ký khoá học thành công.

Đối với khoá học Online hoặc Video: Bạn có thể thanh toán bằng chuyển khoản ngân hàng hoặc ví điện tử Momo.

Thông tin chuyển khoản sẽ được gửi đến email của bạn ngay khi bạn đăng ký khoá học, khoá học sẽ được kích hoạt khi bạn thanh toán thành công.

Làm sao để được giảm giá khoá học?

Đối với khoá học Offline hoặc Online cùng lớp Offline:
- Giảm 3% khi học theo nhóm 2 người, giảm 5% cho nhóm từ 3 người trở lên.
- Giảm 3% nếu bạn học từ 2 khoá trở lên.
Đối với khoá học video:
- Chương trình giảm giá tuỳ từng mỗi khoá học khác nhau.

Làm sao để đăng ký làm giảng viên/đối tác hoặc mentor tại CFD Circle

Đối với giảng viên/đối tác:
Bạn có thể đăng ký trở thành giảng viên/đối tác nội dung cho CFD Circle thì vui lòng bấm đăng ký giảng viên.

Đối với mentor:
CFD Circle sẽ thông báo tuyển dụng mentor rộng rãi thông qua website và nhóm Cộng đồng CFD Circle để các bạn có thể ứng tuyển.