LẬP TRÌNH CƠ BẢN TRONG GIÁO DỤC (HTML/CSS/JAVASCRIPT)
Giảng viên
Giới thiệu khóa học
TÓM TẮT MÔN: LẬP TRÌNH CƠ BẢN TRONG GIÁO DỤC (HTML/CSS/JavaScript)
Trong thời đại số, giáo viên không chỉ đứng lớp mà còn là người thiết kế môi trường học tập số. Môn học "Lập trình cơ bản trong giáo dục" mang đến cho bạn những kiến thức nền tảng về HTML – ngôn ngữ tạo cấu trúc trang web, CSS – ngôn ngữ thiết kế giao diện, và JavaScript – ngôn ngữ giúp tương tác hóa nội dung.
Bạn sẽ học cách:
Tạo website đơn giản cho lớp học hoặc khóa học trực tuyến.
Thiết kế bài giảng số có tính tương tác, như quiz, flashcard, slide trình chiếu động.
Tùy biến giao diện LMS, website lớp học, hoặc nhúng học liệu số do bạn tự tạo.
Ứng dụng công cụ như VS Code, CodePen, GitHub Pages,... để xây dựng và chia sẻ sản phẩm giáo dục.
Đây là môn học dành cho mọi giáo viên thế kỷ 21, người mong muốn:
Tự tay tạo website lớp học riêng.
Thiết kế học liệu số tùy biến theo nhu cầu học sinh.
Phát triển tư duy logic – giải quyết vấn đề bằng công nghệ.
KẾ HOẠCH HỌC TẬP 15 TUẦN
Môn: Lập trình cơ bản trong giáo dục (HTML/CSS/JavaScript)
| Tuần | Chủ đề bài học | Nội dung chính | Hoạt động học tập |
|---|---|---|---|
| Tuần 1 | Giới thiệu lập trình và ứng dụng trong giáo dục | Vai trò, tiềm năng ứng dụng web trong dạy học | Xem ví dụ giáo viên thiết kế website học tập |
| Tuần 2 | Cài đặt môi trường lập trình | VS Code, Live Server, trình duyệt, CodePen | Cài đặt và viết dòng HTML đầu tiên |
| Tuần 3 | Ngôn ngữ HTML cơ bản | Cấu trúc trang web, thẻ văn bản, ảnh, liên kết | Tạo trang web đơn giản có ảnh và tiêu đề |
| Tuần 4 | Danh sách, bảng, biểu mẫu trong HTML | <ul>, <ol>, <table>, <form> | Tạo biểu mẫu khảo sát học sinh bằng HTML |
| Tuần 5 | CSS cơ bản – định dạng văn bản, màu sắc, bố cục | Inline – internal – external CSS, selector | Thay đổi giao diện trang HTML tuần trước |
| Tuần 6 | CSS nâng cao – bố cục Flexbox, Grid | Responsive layout, căn chỉnh phần tử | Thiết kế giao diện học liệu cho điện thoại |
| Tuần 7 | Giới thiệu JavaScript – Biến, Hàm, Câu lệnh | Tạo thông báo, xử lý tương tác đơn giản | Viết script in ra tên người dùng nhập vào |
| Tuần 8 | Xử lý sự kiện và DOM | onclick, addEventListener, thay đổi nội dung trang | Tạo nút "Hiển thị đáp án" cho bài kiểm tra |
| Tuần 9 | Làm quiz tương tác bằng JavaScript | Câu hỏi trắc nghiệm – tính điểm – phản hồi | Tạo quiz 3 câu trắc nghiệm có chấm điểm |
| Tuần 10 | Dự án mini: Flashcard học tập | HTML + CSS + JS tạo thẻ học từ vựng, công thức | Tạo flashcard tiếng Anh/Toán/Lịch sử |
| Tuần 11 | Tích hợp audio, video, iframe vào trang web | Nhúng video YouTube, audio giọng nói, tài liệu khác | Làm bài học "Nghe hiểu" có chèn audio |
| Tuần 12 | Tạo slide trình chiếu bằng HTML/CSS | Sử dụng thư viện Reveal.js | Tạo slide bài giảng trực tuyến |
| Tuần 13 | Xuất bản website giáo dục miễn phí | GitHub Pages, Netlify, Google Sites | Xuất bản website lớp học cá nhân |
| Tuần 14 | Dự án nhóm: Thiết kế trang web giáo dục | Mỗi nhóm chọn chủ đề và lập kế hoạch nội dung | Làm trang web học Toán/Tiếng Anh/... |
| Tuần 15 | Trình bày sản phẩm – Kiểm tra cuối kỳ | Thuyết trình, phản biện, nộp sản phẩm | Bài kiểm tra thực hành tạo website mini |