Chi Tiết Mô-đun 5: JavaScript & Web Frontend

Phân Bổ Nội Dung Chi Tiết

Nắm vững nền tảng Kỹ sư Web ứng dụng và giao tiếp API một cách bài bản.

Chặng I • Buổi 1-4

HTML5/CSS3 & DOM

Cấu trúc trang Web chuẩn SEO. Cách JavaScript truy cập và thay đổi phần tử (DOM).

Profile Portfolio: Trang web giới thiệu bản thân cá nhân hóa.

Chặng II • Buổi 5-8

JS ES6 & Xử lý sự kiện

Biến, Hàm (Arrow function), Array methods (map, filter). Lắng nghe sự kiện người dùng (Click, Hover).

Interactive Calculator: Máy tính hoặc ứng dụng To-do list.

Chặng III • Buổi 9-12

JSON & Fetch API

Hiểu về Object trong JS. Cách dùng fetch để lấy dữ liệu từ Server mà không tải lại trang.

Weather App: Kéo dữ liệu thời tiết thực tế từ OpenWeather API.

Chặng IV • Buổi 13-16

Web Dashboard Tĩnh

Phối hợp CSS Framework (Tailwind) làm giao diện chuyên nghiệp. Đẩy code lên GitHub Pages/Vercel.

IoT Controller UI: Giao diện nút bấm điều khiển thiết bị ảo.

Kiểm tra khả năng mã hóa, làm việc độc lập với Javascript và Debug lỗi bằng DevTools.

Viết mã JavaScript sạch, hiểu cách sử dụng const, let và tổ chức hàm.
Sử dụng thành thạo các tiện ích trong VS Code để Debug lỗi trên Console trình duyệt.

Hiểu luồng dữ liệu (Data flow): Từ API -> Biến JS -> Hiển thị lên giao diện.
Khả năng tối ưu giao diện Responsive (hiển thị tốt trên cả điện thoại và máy tính).

Biết cách quản lý mã nguồn cơ bản và đưa sản phẩm lên môi trường Internet thực tế (Deployment).

Mẫu theo dõi tiến độ của học sinh dành cho Mentor cập nhật lên Edu.LapTrinhRobot.com

Học viên

[Tên học sinh] - Mô-đun: 5

Công nghệ làm chủ: JavaScript ES6, Tailwind CSS, Fetch API.

Kiến thức thực tế: Đã hiểu cách các ứng dụng như Shopee hay TikTok cập nhật dữ liệu liên tục mà không cần load lại trang.

Sản phẩm tiêu biểu: Dashboard quản lý chi tiêu cá nhân kết hợp biểu đồ hiển thị dữ liệu động.

Định hướng: Hoàn toàn đủ khả năng để tiến lên Mô-đun 6 (ESP32 & Real-time Dashboard) để kết nối web với thiết bị thật.