Lập trình Web Front-End với HTML5, CSS3, JS và React

Phần 1: Cài đặt môi trường lập trình

• Cài đặt Visual Studio Code và các extensions

• Cài đặt Nodejs cho lập trình React

Phần 2: HTML5, CSS3, Javascript

• Introduction to the Web and HTML5

• Formatting Text and Using Hyperlinks and Anchors 

• Introduction to CSS3

• Formatting Using Style Sheets

•  Displaying Graphics and CSS3 Animation 

• Understanding Layouts in CSS3 

• New Features of CSS3

•  HTML Layout, Forms, and Elements 

• HTML5 Tables, Audio, and Video 

• JavaScript - I 

• JavaScript - II 

•  ECMAScript 2022 and its New Features 

• Canvas and Web Storage in HTML5 

• HTML5 Geolocation and APIs 

• Building Mobile Websites 

•  Mini Project 

Phần 3: UI / UX for Responsive Web Design.

• Introduction to User Interface Design 

• Introduction to User Experience Design 

• Understanding Responsive Web Design 

• Understanding Strategies for Responsive Web Design

• Using Common RWD Patterns in Mobile Designs 

• Usability Studies in Responsive Web Design 

• Understanding the Figma Tool 

• Designing Websites with Figma Tool 

Phần 4: React

4.1: Introduction React

• Giới thiệu React JS

• Hướng dẫn cách viết JSX

• Viết trang HTML ReactJS đầu tay: Giới thiệu thông tin của bạn

4.2: React - Các khái niệm chính

• Giới thiệu Component & Cách tạo Component

• Hiểu về trình tự hoạt động của một Component

• Tạo & Sử dụng Properties

• Quản lý event trên một Component

• Quản lý State (Trạng thái) của một Component

• Hiểu trõ bản chất chu kỳ hoạt động của một Component (Component Lifecycle)

• Cách Mount / Unmount một Component

• Tối ưu hóa với Components với React.useCallback, React.useMemo, React.memo

• Component lồng nhau (Nested Components).

• Vận dụng tính năng mới React Hooks, HOCs, ...

4.3: Làm việc với React Router version 6.x

4.4: Làm việc với Form trong React (Formik / React-Hook-Form)

4.5: Quản lý trạng thái với Redux & Zustand

• Tại sao phải dùng Redux?

• Cài đặt Redux.

• Các hàm trong Redux.

• Khởi tạo Reducer & truy cập State của ứng dụng.

• Dispatching & Handling các Actions.

• Redux: Thêm phần tử vào mảng.

• Redux: Cập nhật / Xóa phần tử trong mảng.

• Làm việc với nhiều Reducers, nhiều Modules.

• Asynchronus actions (Redux Thunk).

• React-Redux: Provider & Connect & Redux Hooks.

• Sử dụng thư viện Zustand

4.6: Vận dụng các thư viện UI / UX

• Ant Design

• Material Design

Phần 5: Thực hiện dự án:

• Thực hiện dự án gồm tài liệu, làm việc nhóm, làm việc với Git

• Xây dựng các Website hoàn chỉnh như Bán hàng trực tuyến, Tin tức,  Quản lý thông tin, ...

Phần 6: Kỹ năng làm việc nhóm, Kỹ năng phỏng vấn, tìm việc

• Hướng dẫn viết hồ sơ xin việc ấn tượng với nhà tuyển dụng

• Ôn tập các câu hỏi phỏng vấn

• Kỹ năng phỏng vấn & xin việc