Frontend Master

Hiểu về Container và Container-Fluid

Thực hành cắt & xuất hình từ bản thiết kế

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 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 dự án Luxestate

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

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 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 dự án Luxestate

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

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

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

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

Ôn tập Flexbox

Chia layout với CSS Grid

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

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

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

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 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 và đánh giá dự án

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

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 và đánh giá dự án Web Responsive

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

Component, Props, State

Style, Event

useEffect

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

Validate form

Tối ưu Validate form

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

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

Giới thiệu về JWT

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

Portal

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

useId

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

Lazy component

useMemo, useCallback, React.memo

useId, useTransition, useDeferredValue

Deploy dự án lên Vercel

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

Sort

minPrice, maxPrice

Filter theo rating

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

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

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

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

Xử lý form checkout

Thêm / xóa promotion

Xử lý đơn hàng thành công

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

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