menu Đóng
CFD Circle

Frontend Master

Trần Nghĩa

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

Frontend

Frontend Master

06/06/2023

45 buổi

Offline | Online

đăng ký
CFD Circle Background

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 RESPONSIVEThờ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

Khai giảng

06-06-2023

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

CFD Circle Thiết lập Photoshop cho Front-end Dev

CFD Circle Giới thiệu các công cụ thao tác với bản thiết kế

CFD Circle Đo đạc text, size, màu sắc, font chữ, resize, crop, export hình từ Photoshop & Figma

CFD Circle Kiến thức tổng quan thiết kế giao diện website

CFD Circle Chrome Dev Tool

Phân tích bản thiết kế & thực hành

CFD Circle Hiểu về Container và Container-Fluid

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

CFD Circle Giới thiệu HTML

CFD Circle Các thẻ HTML thông dụng

CFD Circle Code HTML chuẩn SEO

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

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

Thực hành dự án Luxestate

Hướng dẫn code & tối ưu dự án Luxestate

CFD Circle Hướng dẫn code dự án Luxestate

CFD Circle Hướng dẫn tối ưu hình ảnh, HTML, CSS cho dự án

Javascript nền tảng & thực hành

CFD Circle Tổng quan và khái niệm cơ bản Javascript.

CFD Circle Làm việc với String và Loop

CFD Circle Làm việc với Array & Object

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)

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

Javascript ES6 & thực hành

CFD Circle Javascript ES6 là gì?

CFD Circle Arrow function

CFD Circle Template literals (template string)

CFD Circle Destructuring, Rest

CFD Circle Spread, Default parameter

CFD Circle Thực hành bài tập Javascript

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

Phân tích bản thiết kế và thực hành cắt hình, code HTML dự án Wooder

CFD Circle Phân tích bản thiết kế Wooder

CFD Circle Thực hành cắt hình, code HTML dự án Wooder

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

Responsive Website

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

CFD Circle Breakpoints

CFD Circle Hướng dẫn code Responsive dự án Wooder

CFD Circle Kiến thức tổng quan về Responsive Website

CFD Circle Media Query

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

Thực hành code Responsive dự án Wooder

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

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

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

CFD Circle Hướng dẫn ứng dụng các thư viện Javascript thông dụng vào dự án

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

CFD Circle Thực hành các tính năng trên dự án bằng Javascript thuần

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

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

CFD Circle Góp ý và tối ưu dự án

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

CFD Circle Phân tích và triển khai dự án Web Responsive

CFD Circle Hướng dẫn hoàn hành dự án Web Responsive

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

CFD Circle Báo cáo và đánh giá dự án Web Responsive

CFD Circle Góp ý tối ưu dự án Web Responsive

Làm quen với các kiến thức React cơ bản

CFD Circle Component, Props, State

CFD Circle Style, Event

CFD Circle useEffect

Xử lý form trong React

CFD Circle Thao tác cơ bản với Form

CFD Circle Validate form

CFD Circle Tối ưu Validate form

Xây dựng Single Page Application trong React

CFD Circle Giới thiệu và cài đặt thư viện react-router-dom@6

CFD Circle Tìm hiểu qua các cách sử dụng react-router-dom phổ biến

CFD Circle Xử lý layout

Làm việc với API từ Backend

CFD Circle Giới thiệu và làm việc với api từ Backend bằng fetch

CFD Circle Cài đặt và setup axios

CFD Circle Làm việc với RestFul API từ Backend

Authentication với JWT

CFD Circle Giới thiệu về JWT

CFD Circle Làm chức năng login trong React với JWT

Hoàn thành kiến thức React cơ bản

CFD Circle Portal

CFD Circle Cài đặt thư viện ngoài React

CFD Circle useId

Thực hành dự án Đăng Ký Khóa Học (CFDCourses)

CFD Circle Forgot và reset password

CFD Circle Refresh token tự động

CFD Circle Render trang chi tiết khóa học

CFD Circle Hoàn thành chức năng cá nhân

CFD Circle Giới thiệu dự án

Tối ưu và deploy dự án

CFD Circle Lazy component

CFD Circle useMemo, useCallback, React.memo

CFD Circle useId, useTransition, useDeferredValue

CFD Circle Deploy dự án lên Vercel

Redux và những thư viện liên quan

Thực hành dự án E-commerce

CFD Circle Setup dự án template

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

CFD Circle Làm chức năng phân trang sản phẩm

Hoàn thành trang sản phẩm

CFD Circle Sort

CFD Circle minPrice, maxPrice

CFD Circle Filter theo rating

CFD Circle Tìm kiếm sản phẩm

Hoàn thành trang cá nhân

CFD Circle Đăng nhập / đăng ký

CFD Circle Thay đổi thông tin cá nhân

CFD Circle Cập nhật avatar

CFD Circle Sản phẩm yêu thích

CFD Circle Quản lý sổ địa chỉ, sổ thanh toán

Hoàn thành chức năng giỏ hàng

CFD Circle Thêm , xóa sản phẩm vào giỏ hàng

CFD Circle Tăng / giảm số lượng sản phẩm trong giỏ hàng

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

CFD Circle Render thông tin cơ bản trang chi tiết sản phẩm

CFD Circle Xử lý Image Modal

CFD Circle Rút gọn nội dung với ShortContent

Hoàn thành chức năng checkout

CFD Circle Xử lý form checkout

CFD Circle Thêm / xóa promotion

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

CFD Circle Xử lý trang xem sản phẩm đặt hàng

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

CFD Circle Tự làm chức năng Translate bằng thư viện tự xây dựng

CFD Circle Error boundaries

CFD Circle Slider

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

CFD Circle Hướng dẫn làm CV chuẩn IT

CFD Circle Hướng dẫn tìm việc

CFD Circle Hướng dẫn trả lời phỏng vấn

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

CFD Circle

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/
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 & 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.

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 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.

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 Facebook 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 Facebook 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, ƯU ĐÃI

Đă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 giá cho mỗi học viên khi học theo nhóm 2 người trở lên (áp dụng trên từng khoá học cụ thể).
Đố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.