Chia sẻ khóa học Responsive Mastery - xây dựng website chạy trên đa thiết bị (Laptop, Ipad, Iphone...)

Click chuột lên hình để phóng to

Chia sẻ khóa học Responsive Mastery - xây dựng website chạy trên đa thiết bị (Laptop, Ipad, Iphone...)

Chia sẻ khóa học Responsive Mastery - xây dựng website chạy trên đa thiết bị (Laptop, Ipad, Iphone...)

Mã sản phẩm: 2081390186447416853

Giới thiệu khóa học Đây là bộ khóa học rất đặc sẽ hướng dẫn bạn xây dựng website trên nền tảng khác nhau, tiếp cận kiến thức thực tế đ...

Số lượng:

Thông tin chi tiết

Giới thiệu khóa học

Đây là bộ khóa học rất đặc sẽ hướng dẫn bạn xây dựng website trên nền tảng khác nhau, tiếp cận kiến thức thực tế để áp dụng vào công việc, dự án.
LỢI ÍCH KHI THAM GIA KHÓA HỌC
Làm website chạy trên đa thiết bị là một yêu cầu không thể thiếu trong bộ kỹ năng của những lập trình viên website trong thời đại hiện nay khi mà các thiết bị smart liên tục phát triển.
Chương trình này giúp bạn có kỹ năng, tư duy từ cơ bản đến nâng cao từ đó có thể làm chủ được việc xây dựng website trên các lớp thiết bị khác nhau như máy tính PC, laptop, máy tính bảng và các loại thiết bị di động với các kích thước khác nhau.
Khi có kỹ năng này bạn sẽ trở nên giá trị hơn vô cùng trong mắt nhà tuyển dụng và bạn có lợi thế cạnh tranh vô cùng lớn để phát triển một cách mạnh mẽ.
Bạn làm chủ được quy trình chuyển website chạy PC sang chạy trên đa thiết bị như tablet, iphone, ipad, TV
Bạn nắm được cách dàn khung website phù hợp trên đa thiết bị
Bạn có được thuật toán tạo mọi loại menu website chạy trên nhiều thiết bị khác nhau
Bạn sở hữu một công cụ không thể thiếu trong front-end web -> giúp bạn có lương cao
AI NÊN THAM GIA KHÓA HỌC
Bạn là sinh viên đang mong muốn có một công việc lập trình web và sự nghiệp đột phá
Bạn là người đã đi làm và muốn tăng tốc trong quá trình phát triển thăng tiến
Có sổ ghi chép
Bút bi, bút chì, bút nhiều màu
Máy tính nối mạng wifi
Có 2h mỗi ngày để học và luyện tập

Nội dung khóa học
Phần 1: Khởi động
6 bài
Bài 1.1: Giới thiệu về chương trình Responsive Mastery
04:31
Bài 1.2: Cách vào nhóm hỗ trợ kèm cặp
01:36
Bài 1.3: 5 bước học hiệu quả chương trình
04:30
Bài 1.4: Tư duy học tập đỉnh cao
02:09
Bài 1.5: Phần mềm viết code nên dùng
01:54
Bài 1.6: Cấu trúc thư mục Responsive Mastery
03:09
Phần 2: Nhập môn Responsive Web Design
9 bài
Bài 2.1: Vai trò của responsive trong thế giới website + demo apple
07:28
Bài 2.2: Cách kiểm tra responsive trên trình duyệt
02:41
Bài 2.3: Cách kiểm tra Responsive với Add on Resizer
03:07
Bài 2.4: Bật chế độ website chạy trên đa thiết bị (viewport)
01:59
Bài 2.5: 2 tiến trình xử lý Responsive(Mobile First và PC First)
04:34
Bài 2.6: Phân chia code Responsive với Css3
11:17
Bài 2.7: Ghi đè Css trong Responsive
10:07
Bài 2.8: Query Media cho Mobile First
13:37
Bài 2.9: Query Media cho Pc First
08:10
Phần 3: Layout Responsive
9 bài
Bài 3.1: Tư duy responsive layout
08:10
Bài 3.2: Sử dụng max-width trong Responsive
07:20
Bài 3.3: Sử dụng dụng đơn vị % cho layout Responsive
06:15
Bài 3.4: Kích thước width, height viewport
07:42
Bài 3.5: Bài tập: Thay đổi layout website đa thiết bị
04:02
Bài 3.6: Hướng dẫn: #1. Tạo cấu trúc html
06:47
Bài 3.7: Hướng dẫn: #2. Thiết lập layout trên mobile
11:29
Bài 3.8: Hướng dẫn #3: Thay đổi bố cục theo Mobile First
05:01
Bài 3.9: Hướng dẫn: #4. Thay đổi layout website theo Pc First
04:59
Phần 4: Responsive Text
6 bài
Bài 4.1: Tư duy responsive cho text
04:42
Bài 4.2: Cách triển khai responsive dành cho text
11:45
Bài 4.3: Đơn vị tương đối EM trong font size responsive
12:50
Bài 4.4: Đơn vị tương đối REM trong font size responsive
05:01
Bài 4.5: Bài tập 2: Responsive tiêu đề website
05:01
Bài 4.6: Hướng dẫn bài tập 2: Responsive tiêu đề
05:37
Phần 5: Images Responsive
2 bài
Bài 5.1: Tư duy responsive cho hình ảnh
03:42
Bài 5.2: Triển khai responsive cho hình ảnh
09:54
Phần 6: Spacing Responsive
2 bài
Bài 6.1: Tư duy tối ưu padding, margin Responsive
03:26
Bài 6.2: Cách triển khai tối ưu padding, margin Responsive
11:12
Phần 7: Ẩn hiện phần tử trong responsive
2 bài
Bài 7.1: Tư ẩn hiện phần tử trong responsive
04:34
Bài 7-2: Cách triển khai ẩn hiện phần tử Mobile First
13:42
Phần 8: Navbar Repsonsive
21 bài
Bài 8.1: Tư duy navbar responive
03:37
Bài 8.2: Demo Navbar Responsive
03:58
Bài 8.3: Checklist thực hiện dự án
08:33
Bài 8.4: #1. Tạo cấu trúc file thư mục
00:55
Bài 8.5: #2. Tạo các file css và import vào html
02:24
Bài 8.6: #3. Thêm reset css vào dự án
02:11
Bài 8.7: #4. Định nghĩa class dùng chung
03:50
Bài 8.8: #5. Tạo cấu trúc html của website
09:14
Bài 8.9: #6. Style css navbar-brand
05:52
Bài 8.10: #7. Style main menu
04:18
Bài 8.11: #8. Style css download button
07:34
Bài 8.12: #9. Style wp-content
02:03
Bài 8.13: #10. Fixed menu
03:39
Bài 8.14: #11. Tư duy áp dụng mobile first responsive giao diện
01:35
Bài 8.15: #12. Ẩn phần tử không cần thiết ở thiết bị nhỏ
04:44
Bài 8.16: #13. Xuất hiện icon navabar-toggle trên thiết bị nhỏ
04:48
Bài 8.17: #14. Tạo repsonsive menu
07:45
Bài 8.18: #15. Phân tích sự kiện khi bấm vào navbar toggle
01:48
Bài 8.19: #16. Xử lý sự kiện khi bấm vào navbar toggle
03:34
Bài 8.20: #17. Tự động ẩn menu khi resize và scroll
03:41
Bài 8.21: #18. Tổng kết và tối ưu
06:36
Phần 9: Menu đa cấp Responsive
12 bài
Bài 9.1: Giới thiệu responsive menu đa cấp website
04:17
Bài 9.2: Thiết lập checklist thực hiện chức năng
09:08
Bài 9.3: Tạo html của sub-menu
05:17
Bài 9.4: Định dạng hiển thị cho sub-menu
15:45
Bài 9.5: Xử lý hover ẩn hiện sub menu
06:13
Bài 9.6: Tạo sub menu responsive
03:09
Bài 9.7: Định dạng hiển thị sub menu responsive
11:07
Bài 9.8: Ý tưởng ẩn hiện sub menu
02:44
Bài 9.9: Tạo responsive menu toggle
09:22
Bài 9.10: Xử lý js ẩn hiện menu
16:01
Bài 9.11: Ẩn sub menu khi resize và scroll
04:53
Bài 9.12: Tổng kết khoá học
09:53
Chia sẻ khóa học Responsive Mastery - xây dựng website chạy trên đa thiết bị (Laptop, Ipad, Iphone...)

Xem thêm Thu gọn