{
"title": "Dự án 3: Đèn Giao Thông Tự Động",
"subtitle": "Học và rèn luyện kỹ năng Bài 22 môn Web",
"description": [
{
"text": "Chào mừng các em học sinh lớp 4! Trong dự án 3 này, chúng ta sẽ lập trình ứng dụng 'Đèn Giao Thông Tự Động'.",
"bold": false
},
{
"text": " Em sẽ thực hành và sử dụng các kiến thức đã học ở Bài 22 kết hợp với các kiến thức từ các bài trước để xây dựng giao diện tương tác sinh động.",
"bold": false
}
],
"knowledge_title": "Kiến thức trọng tâm",
"knowledge_tags": [
"Bài học chính: Bài 22",
"Ngôn ngữ: HTML, CSS, JavaScript",
"Đếm thời gian: setInterval()",
"Dừng đếm: clearInterval()",
"Thời gian chờ: setTimeout()"
],
"steps_title": "Các bước thực hiện chi tiết",
"steps": [
{
"title": "Bước 1: Khởi tạo thư mục dự án",
"body": "- Trên ổ đĩa Z, tạo thư mục dự án của em: hocsinh01/{tên của em}/bai22-3.\n- Tạo file: index.html, style.css, và tạo một thư mục con tên là assets để chứa các tệp tài nguyên hình ảnh, âm thanh."
},
{
"title": "Bước 2: Xây dựng khung HTML chính",
"body": "- Trong thẻ , khai báo thẻ đường dẫn cơ sở: và kết nối file CSS ngoài bằng đường dẫn tương đối lùi cấp: .\n- Tạo một thẻ div lớp 'container' bao bọc toàn bộ nội dung.\n- Thêm thẻ tiêu đề chính
với nội dung 'ĐÈN GIAO THÔNG TỰ ĐỘNG'.\n- Tạo nút bấm