Phát triển ứng dụng Web – Bit.ueh.edu.

vn

Bài thực hành Advànce Font-end

1 Hoàn thiện bài e-commerce
 Làm theo hướng dẫn file HuongDanLamWebsiteBangBootstrap.pdf để hoàn thành các cơ bản
chức năng của trang e-commerce
 Sử dụng lib https://payalord.github.io/xZoom/ để hoàn thiện phần hiển thị, chọn lựa và zoom
hình ảnh
 Sử dụng tính năng https://getbootstrap.com/docs/3.4/components/#progress của boostrap để
thiết kế trạng thái kho

 Hiển thị phần trăm giảm giá phía trên bên trái và sản phẩm new hay best seller bên góc phải

New

 Sử dụng thư viện https://github.com/kartik-v/bootstrap-star-rating để thay thế tất cả glyphicon-

star

tuannm@ueh.edu.vn
Phát triển ứng dụng Web – Bit.ueh.edu.vn

2 Hoàn thiện game Flappy Bird

Theo hướng dẫn của slide LapTrinh_FontEnd_HD_1.pdf để hoàn thành Game Flappy Bird với yêu cầu
bên dưới:
 Hình ảnh ống khói và Bird cần thay đổi theo cá nhân
 Hỗ trợ tính năng Level:
- Hiển thị Level ngay góc trên bên trái
- Khi được 5 điểm sẽ tới Level = 2; 20 điểm - Level 3; 40 điểm Level 4; 50 điểm - Dừng
game và hiển thị chiến thắng
- Level 1: Interval = 40; Level 2: Interval = 30; Level 3: Interval = 25; Level 4: Interval = 20;
 Thay thế sự kiện mouse down bằng sự kiện key down: arrow down

tuannm@ueh.edu.vn