Lộ Trình Học Front-end

Hiểu về ngành CNTT và cơ hội nghề nghiệp

Các mô hình, kiến trúc phần mềm phổ biến

Thuật ngữ và khái niệm quan trọng trong lập trình

Cách internet và máy tính hoạt động

Cấu trúc cơ bản của HTML (thẻ, thuộc tính, phân cấp)

HTML5 và các tính năng hiện đại (semantic HTML, multimedia)

CSS cơ bản: selectors, box model, display, position

CSS nâng cao: Flexbox, Grid, Animation, Transition

Responsive Web Design với media queries

CSS Preprocessors (SCSS, LESS)

Cấu trúc cơ bản của JavaScript (biến, kiểu dữ liệu, toán tử)

Câu lệnh điều kiện, vòng lặp, hàm

DOM Manipulation (thao tác với HTML và CSS bằng JS)

Event handling (bắt sự kiện, xử lý sự kiện)

Lập trình bất đồng bộ (Callback, Promise, Async/Await)

Các khái niệm nâng cao: Closure, Scope, Hoisting, Prototype

Các thư viện phổ biến: jQuery, Lodash

Framework hiện đại: ReactJS, VueJS, Angular

Git và GitHub để quản lý mã nguồn

Công cụ lập trình như VS Code, Chrome DevTools

NPM/Yarn để quản lý thư viện JavaScript

Cài đặt và cấu hình môi trường React (Create React App, Vite)

Khái niệm component trong React: Function components, Class components

JSX: Cách sử dụng HTML trong JavaScript

Props và State: Truyền dữ liệu giữa các component

Lifecycle methods và useEffect hook

Quản lý trạng thái với useState và Context API

Lập trình điều hướng với React Router

Quản lý trạng thái toàn cục với Redux hoặc Zustand

Các công cụ phát triển (React Developer Tools)

Tối ưu hiệu suất trong React (React.memo, useMemo, lazy loading)