Báo cáo Khóa học HTML – CSS – Javascript basic môn Hệ thống thông tin web | Trường Đại học Bách Khoa Hà Nội

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG
ĐẠI HỌC BÁCH KHOA HÀ NỘI ===o0o=== BÁO CÁO MÔN HỌC
KHÓA HỌC HTML – CSS – JAVASCRIPT BASIC
HỌC PHẦN: HỆ THỐNG THÔNG TIN TRÊN WEB
Giảng viên hướng dẫn: TS. Phạm Huy Hoàng Nhóm sinh viên:
1. Phùng Ngọc Vinh - 20194719
2. Nguyễn Tiến Việt - 20194718
3. Nguyễn Việt Anh - 20194477
4. Ngô Trung Hiếu - 20194560
5. Ngô Thị Huyền Diệu – 20194506
6. Phan Hải Dương – 20194533
7. Đặng Lê Duy - 20194538 HÀ NỘI - 2023 lOMoAR cPSD| 59421307 MỤC LỤC
Phân chia công việc 3
I. Lý do chọn đề tài 3
II. Mục tiêu khóa học 3
III. Đối tượng hướng đến 4
IV. Thiết kế bài giảng 4
1. Video hướng dẫn 4 2. Tài liệu 5
3. Các bài tập trắc nghiệm 6 V. Kết luận 7 lOMoAR cPSD| 59421307
Phân chia công việc Họ và tên MSSV Công việc Nguyễn Tiến Việt 20194718 HTML: 9 bài đầu Đặng Lê Duy 20194548 HTML: 3 bài cuối Ngô Thị Huyền Diệu 20194506 CSS: 11 bài đầu Nguyễn Việt Anh
20194477 CSS: 11 bài tiếp theo Phan Hải Dương 20194533 CSS: 4 bài cuối Phùng Ngọc Vinh
20194719 JavaScript:6 bài đầu Ngô Trung Hiếu
20494560 JavaScript:11 bài cuối I.
Lý do chọn đề tài
- HTML, CSS và JavaScript đều là những ngôn ngữ cơ bản được sử dụng để
xây dựng các trang web. Những ngôn ngữ này nổi tiếng là thân thiện với
người mới bắt đầu và có một cộng đồng tuyệt vời bao quanh chúng. Không
cần phải là chuyên gia, nhưng có thể hiểu cách sử dụng những ngôn ngữ này
có thể giúp xây dựng một trang web tối ưu, thân thiện với người dùng cho
doanh nghiệp hay cho bản thân. Nếu không biết những điều cơ bản thì sẽ rất
khó khăn để có được một kết quả tốt. Hiểu biết về HTML, CSS sẽ giúp tạo
ra các trang web độc đáo, nổi bật khác với các template có sẵn trên mạng.
- Vì thế nhóm em chọn đề tài này để cung cấp các kiến thức cơ bản về
HTML, CSS, JavaScript giúp người học nâng cao kỹ năng thiết kế của bạn
nhờ các kỹ năng HTML và CSS, giúp biến những mockup thành các trang
web thực tế.Làm nền tảng kiến thức để học dễ dàng hơn các ngôn ngữ lập
trình khác như Ruby hay PHP.
II. Mục tiêu khóa học
- Khóa học lập trình HTML – CSS – JavaScript Basic là một khóa học miễn
phí của Daotao.ai. Cung cấp các kiến thức trọng tâm về HTML – CSS – JavaScript.
- Giúp học viên biết cách phân tích và xây dựng giao diện website.
- Giúp học viên biết cách đặt tên class CSS theo chuẩn BEM.
- Giúp học viên tự thiết kế UI, làm chủ bố cục trang web. lOMoAR cPSD| 59421307
- Cung cấp nền tảng cho người học dễ dàng hơn khi học các ngôn ngữ lập trình khác. III.
Đối tượng hướng đến
- Học viên yêu thích về lập trình.
- Học viên muốn tìm hiểu về cách thiết kế một trang web
- Học viên muốn bắt đầu học về lập trình web nhưng không biết bắt đầu từ đâu.
- Học sinh & sinh viên. IV.
Thiết kế bài giảng
Bài giảng bao gồm 3 loại: 1. Video hướng dẫn 2. Tài liệu
3. Các bài tập trắc nghiệm
Khóa học được chia thành các đơn vị kiến thức nhỏ (Các bài).
1. Video hướng dẫn
- Thời lượng ngắn: 3 - 5p - Nội dung video:
+ Giới thiệu vấn đề, định nghĩa
+ Nêu ví dụ, thực hành code mẫu + Kết luận
+ Mục đích: Giảm khả năng gây nhàm chán khi xem thời lượng video dài. Thay
vào đó chia nhỏ đơn vị kiến thức với các video có độ dài từ khoảng 3-5p giúp dễ
tiếp thu. Vừa nêu ví dụ, vừa thực hành từ đó khiến người học tò mò, hứng thú với
nội dung học. Từ đó hình dung được vấn đề và các giải quyết.
- Một số hình ảnh về video bài giảng: lOMoAR cPSD| 59421307 Video HTML Video CSS 2. Tài liệu
- Dưới mỗi video đều có tài liệu hướng dẫn về lý thuyết đi kèm với ví dụ cùng
code mẫu. Mục đích giúp người học hiểu rõ hơn về bài học. lOMoAR cPSD| 59421307
- Một số bài học còn có thêm đường dẫn về thông tin giúp những người học có nhucầu đọc thêm.
- Một số hình ảnh về tài liệu:
Tài liệu về DOM Document Object
3. Các bài tập trắc nghiệm -
Bên cạnh video bài giảng và tài liệu còn có phần bài tập trắc nghiệm giúp
người học củng cố lại kiến thức sau mỗi bài học -
Các dạng bài tập đa dạng về thể loại: Chọn đáp án đúng, chọn nhiều đáp án,
điền đáp án, điền vào chỗ trống,… - Một số hình ảnh về bài tập: lOMoAR cPSD| 59421307
Bài tập chọn nhiều đáp án
Bài tập trả lời câu hỏi V. Kết luận
Trong project lần này nhóm đã cùng nhau tìm hiểu về cách xây dựng một
khóa học trên hệ thống Daotao.ai. Nhóm đã cố gắng xây dựng lên một khóa
học hoàn chỉnh và hoạt động tốt. Qua project lần này chúng em đã có những
kinh nghiệm về sử dụng hệ thống Daotao.ai và góp phần xây dựng nên
những khóa học bổ ích . Trong tương lai chúng em hy vọng có thể dùng
những kiến thức này để có thể xây dựng, triển khai hệ thống này rộng rãi, lOMoAR cPSD| 59421307
giúp nâng cao hơn nữa chất lượng đào tạo và giảng dạy của trường Đại học
Công nghệ thông tin và truyền thông.