Trong thử thách GUI hôm nay, chúng ta sẽ xây dựng một thành phần breadcrumb (tập hợp liên kết phân cấp) với một chút thay đổi! Thay vì một danh sách đường liên kết dạng tuyến tính, thành phần đường dẫn này hiển thị tất cả các đường liên kết cùng cấp trong một trình đơn thả xuống, cho phép truyền tải nhanh cấu trúc trang web của bạn.
Phân cảnh:
- 0:00 – Giới thiệu
- 0:23 – Bản minh hoạ
- 1:56 – Bố cục
- 4:13 - Góc gỡ lỗi
- 5:25 – Trải nghiệm người dùng trên thiết bị di động
- 6:17 – Chuyển động chậm
- 7:34 – JavaScript
- 10:38 - Phần kết thúc
Tài nguyên:
- Đọc theo → https://goo.gle/2TbySnq
- Thử bản minh hoạ → https://goo.gle/3ktEAwj
- Xem nguồn → https://goo.gle/3n4Sfcg
Xem thêm Thử thách GUI → https://goo.gle/GUIchallenges
Đăng ký theo dõi chương trình Nhà phát triển Google Chrome → http://goo.gl/LLLNvf