{
"title": "Dự án 3: Hộp Sưu Tập Sticker",
"subtitle": "Học và rèn luyện kỹ năng Bài 19 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 'Hộp Sưu Tập Sticker'.",
"bold": false
},
{
"text": " Em sẽ thực hành và sử dụng các kiến thức đã học ở Bài 19 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 19",
"Ngôn ngữ: HTML, CSS, JavaScript",
"Mảng dữ liệu: Array []",
"Thêm phần tử: push()",
"Danh sách: ul, ol, li",
"CSS: list-style-type"
],
"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}/bai19-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 'HỘP SƯU TẬP STICKER'.\n- Tạo một thẻ để học sinh nhập dữ liệu.\n- Tạo nút bấm