Khoá học này dành cho ai?
Khoá học lập trình Front-end Newbie là giai đoạn đầu tiên trong lộ trình học Front end Master tại CFD Circle. Khoá học này phù hợp với những bạn sinh viên IT hoặc người trái ngành muốn nắm vững kiến thức nền tảng Lập trình Front-end chưa biết gì hoặc chỉ biết sơ qua các kiến thức front end như HTML, CSS và không thể tự học hoặc tự học nhưng chưa thể ứng dụng vào hoàn thiện dự án thực tế. Khoá học Front-end Newbie 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 thành thạo các kiến thức như Figma, HTML, BEM, CSS, CSS3, Javascript, ES6...để bạn có thể tự lập trình giao diện website theo bản thiết kế, chạy tốt trên nhiều thiết bị và trình duyệt, tối ưu code hiệu quả và tích luỹ nhiều kinh nghiệm từ việc triển khai dự án thực tế.
HÌNH THỨC HỌC: ONLINE với GOOGLE MEET
SỐ LƯỢNG HỌC VIÊN: tối đa 12 học viên
Dự án học viên trong Khoá Học Frontend Master
Dự án trong khoá học Web Responsive
Dự án trong khoá học ReactJS Master
Lịch học
01-07-2025
Thứ 3, 7 từ 18g45 - 21g45
02-08-2025
Online - Google Meet
Nội dung khoá học
Tổng quản về website, hướng dẫn Figma, Chrome Dev Tool, thiết lập VSCode
- Kiến thức về thiết kế giao diện website
- Giới thiệu các công cụ thao tác với bản thiết kế bằng Figma
- Đo đạc text, size, màu sắc, font chữ, resize, crop, export hình
- Hướng dẫn Chrome Dev Tool
- Cài đặt các extension cần thiết cho VSCode
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
- Đặt tên class chuẩn BEM
- Phân tích bản thiết kế và hướng dẫn thực hành code HTML cho dự án
Kiến thức 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
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 & 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, đánh giá và tổng kết
- Báo cáo dự án Luxestate
- Đánh giá và góp ý dự án Luxestate
- 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 Figma, 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.
Học viên CFD Circle phải có tinh thần trách nhiệm, chủ động cao, cũng như tự học và làm thêm tại nhà.
Đội ngũ hướng dẫn
Trần Nghĩa
Teacher
Creative Frontend
Xin chào! Tôi là Trần Nghĩa - Creative Frontend Developer. 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.vnHuỳ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.