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ế đ...

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

0
0 0₫ Đóng
Ảnh
Sản phẩm
Giá
Số lượng
Tổng
Xóa

Tạm tính: 0₫

Tổng cộng: 0₫