Responsive Với Grid System
Trong khóa này chúng ta sẽ học về cách xây dựng giao diện web responsive với Grid System, tương tự Bootstrap 4.
- 48.740 học viên
Bạn sẽ học được gì?
- Biết cách xây dựng website Responsive
- Hiểu được tư tưởng thiết kế với Grid system
- Tự tay xây dựng được thư viện CSS Grid
- Tự hiểu được Grid layout trong bootstrap
Nội dung khóa học
- 7 chương
- •
- 36 bài học
- •
- 06 giờ 44 phút
1. Bắt đầu3 bài học
1.1 Responsive là gì?
07:281.2 Chúng ta sẽ làm gì?
01:581.3 Chuẩn bị công cụ làm việc
03:552. Viewport, @media, breakpoint4 bài học
2.1 Khái niệm Viewport
05:342.2 Media query (@media)
18:012.3 Khái niệm Breakpoints?
09:242.4 Media queries: Px, rem hay em?
04:343. Thực hành nhỏ2 bài học
3.1 Học responsive qua thực hành
23:333.2 Responsive navigation bar
27:124. Grid system8 bài học
4.1 Hệ thống lưới (Grid system)
18:554.2 Grid system - Phần 2
10:464.3 Tạo thư viện?
02:414.4 Tạo đối tượng Grid
13:504.5 Tạo đối tượng Row
13:064.6 Tạo đối tượng Column
23:234.7 Column offset
08:044.8 No gutters
02:315. Áp dụng vào thực tế6 bài học
5.1 Giới thiệu chương
03:315.2 Sử dụng với các website khác
08:385.3 Ví dụ dựng layout - Level 1
07:395.4 Ví dụ dựng layout - Level 2
08:075.5 Ví dụ dựng layout - Level 3
15:295.6 Giới thiệu khóa học Sass
01:006. Responsive web Shopee12 bài học
6.1 Những lưu ý
04:046.2 Công tác chuẩn bị
07:496.3 Header search
16:586.4 Cart responsive
15:256.5 Header sort bar
14:286.6 Header search
26:236.7 Category product
20:466.8 Mobile / tablet category
20:566.9 Sửa vài lỗi
05:396.10 Mobile footer
06:336.11 Truy cập từ điện thoại
07:196.12 Sửa vài lỗi - 2
06:287. Ứng tuyển xin việc làm1 bài học
7.1 Ứng tuyển xin việc làm
12:00Khóa học liên quan
