Giới thiệu học phần

Nền tảng Web là học phần nhập môn giúp sinh viên xây dựng một trang web hoàn chỉnh bằng HTML, CSS và JavaScript thuần, đi từ cấu trúc trang tĩnh cho tới xử lý biểu mẫu bằng JavaScript ở buổi cuối cùng này.

Mục tiêu học phần

  • Dựng được trang web semantic, có bố cục ổn định bằng Flexbox.
  • Thiết kế được biểu mẫu chuẩn accessibility và xử lý dữ liệu người dùng nhập bằng JavaScript.
  • Tổ chức mã JavaScript thành các hàm rõ nghĩa, tách bạch xử lý dữ liệu và hiển thị.

Nội dung học phần

Danh sách buổi học dưới đây được sinh hoàn toàn bằng JavaScript (buổi 6, 10) từ mảng dữ liệu.

Lịch trình học phần

Bảng được sinh từ dữ liệu bằng hàm renderBangLichTrinh()
Mã buổiChủ đềTrạng thái

Đăng ký tham gia học phần

Form thiết kế ở buổi 5, được gắn xử lý JavaScript từ buổi 12.

Thông tin cá nhân
Thông tin học tập
Khảo sát

Danh sách người đã đăng ký

  • Chưa có ai đăng ký.

Bảng thống kê người đăng ký

Chưa có dữ liệu.

Rà soát dự án (bước 7 - sản phẩm cuối cùng)

  • Cấu trúc HTML dùng đầy đủ thẻ semantic (header, nav, main, section, footer) xuyên suốt cả 2 trang.
  • CSS đặt trong assets/style.css, dùng chung biến màu, dùng Flexbox cho toàn bộ bố cục, không dùng CSS Grid.
  • Mã JavaScript tách thành data.js (hàm xử lý dữ liệu, Arrow Function, không đụng DOM) và app.js (hàm hiển thị và xử lý sự kiện), mỗi hàm đặt tên rõ nghĩa, một nhiệm vụ.
  • Toàn bộ liên kết giữa trang chủ và trang liên hệ đã được kiểm tra, hoạt động đúng hai chiều.
  • Hai form (đăng ký và liên hệ) đều: bắt sự kiện submit, preventDefault, kiểm tra hợp lệ, hiển thị lỗi tại chỗ, lưu vào mảng, hiển thị lại danh sách, xoá trắng và hiển thị lời cảm ơn sau khi gửi thành công.

Thống kê tiến độ