Nội dung khoá học
- 36 buổi học qua Google Meet
- Slide bài giảng chi tiết, tài liệu tham khảo
- 4 projects thực tế và 1 đồ án cuối khoá
01
HTML, CSS từ cơ bản đến chuyên sâu
- Giới thiệu về HTML, CSS và vai trò của nó trong phát triển web
- Cú pháp và cấu trúc HTML, CSS
- Tạo văn bản, hình ảnh và liên kết chúng với trang web
- Các phần tử: danh sách (list), biểu mẫu (form) và bảng (table)
- CSS Selector: xác định các phần tử HMTL muốn áp dụng thuộc tính CSS
- Các thuộc tính tạo kiểu cơ bản: màu sắc, phông chữ, nền,…
- Tạo bố cục bằng CSS sử dụng model box, position, flexbox và grid
- Thiết kế responsive và media query
Project 1: Landing page
Project 2: Portfolio Website
02
Front-end: JavaScript ES6
- Giới thiệu về JavaScript: kiểu dữ liệu, biến, toán tử, cấu trúc kiểm soát
- Hàm JavaScript: cách tạo và gọi hàm, biểu thức hàm và phạm vi truy cập
- Mảng (array): các phương thức hữu ích như Map, Reduce, Filter và Find.
- Đối tượng (object): phương thức và khái niệm lập trình hướng đối tượng
- Mô hình các đối tượng tài liệu (DOM): cách thao tác với DOM; tạo, đọc, cập nhật và xoá các phần tử HTML
- Lập trình bất đồng bộ (asynchronous): cách sử dụng Promise, Async/Await và fetch API
- Các khái niệm JavaScript nâng cao: Closures, Hoisting, Prototypal inheritance, và Design patterns.
- JavaScript ES6: hàm Arrow, cú pháp Destructuring toán tử Spread, Optional Chaining,…
Project: To-do Application
03
Front-end nâng cao với ReactJS
- Giới thiệu về ReactJS: khái niệm, công dụng và cách cài đặt môi trường
- Component và JSX: tạo component, hiểu cú pháp JSX, props, state
- Biểu mẫu (form) và sự kiện (event): xử lý sự kiện, nhập và xác thực biểu mẫu
- Định tuyến (routing) và điều hướng (navigation): sử dụng React Router, tạo liên kết và các route
- Những tính năng mới nhất (luôn được cập nhật) trong ReactJS: Hook, Context API, Suspense, React Lazy,…
- Sử dụng Firebase để tạo ứng dụng Full-stack
Project: Ecommerce Website với ReactJS và Supabase
04
Đồ án cuối khoá
- Ideathon: Thảo luận ý tưởng xây dựng trang web cùng giảng viên
- Code trang web cá nhân
- Trình bày dự án với giảng viên