Bài thực hành số 3 – Làm việc với Javascript & JQuery có mục tiêu giúp sinh viên làm quen với thành phần hỗ trợ cho HTML5 & CSS3, đó là Javascript & JQuery. Tài liệu sau đây dành cho đối tượng học Kỹ thuật lập trình.
1 Bài thực hành số – Làm việc với Javascript & JQuery Chú ý chung với toàn buổi lab: - Toàn tập buổi lab, bắt buộc sinh viên phải viết mã tay, sử dụng chương trình soạn thảo mã sau: o Notepad ++ o E- Text Editor Mục tiêu Buổi thực hành số giúp sinh viên làm quen với thành phần hỗ trợ cho HTML5 & CSS3, Javascript & JQuery WEB302_ HTML5 & CSS3 Lab3 Bài Sinh viên tự thực hành trước bước SGK (từ trang 195 – trang 209) với thư mục: - HTML5_08lessons Nộp thư mục hoàn thiện theo tên: - HTML5_08lessons_done Đây dạng tập không chấm điểm, nhiên bắt buộc sinh viên phải có kết để nộp cho giảng viên theo dõi Nếu sinh viên khơng thực hiện, giảng viên có quyền trừ điểm vào tập sau Bài Sử dụng hình ảnh gallery.jpg có thư mục TaiNguyen\Lesson2 để thực yêu cầu sau: Dàn layout theo chuẩn HTML5 Sử dụng Javascript/ Jquery để thực công việc: o Khi người dùng nhấn nút tam giác, hình ảnh chạy theo chiều ngang o Khi người dùng thực thao tác nhấn xem hình, hiển thị hình với kích thước to hơn, đồng thời trang web tối (như hình minh họa) WEB302_ HTML5 & CSS3 Lab3 Hiển thị xem hình: WEB302_ HTML5 & CSS3 Lab3 Yêu cầu nộp Cuối thực hành, sinh viên tạo thư mục theo tên _Lab4, chứa tất sản phẩm lab trên, nén lại thành file zip upload lên mục nộp tương ứng LMS WEB302_ HTML5 & CSS3 Lab3 ... WEB302_ HTML5 & CSS3 Lab3 Hiển thị xem hình: WEB302_ HTML5 & CSS3 Lab3 Yêu cầu nộp Cuối thực hành, sinh viên tạo thư mục theo tên _Lab4, chứa tất sản phẩm lab trên, nén lại thành...2 Bài Sinh viên tự thực hành trước bước SGK (từ trang 195 – trang 209) với thư mục: - HTML5_08lessons Nộp thư mục hoàn thiện theo tên: - HTML5_08lessons_done Đây dạng... khơng thực hiện, giảng viên có quyền trừ điểm vào tập sau Bài Sử dụng hình ảnh gallery.jpg có thư mục TaiNguyenLesson2 để thực yêu cầu sau: Dàn layout theo chuẩn HTML5 Sử dụng Javascript/ Jquery