Khoá Học Hướng Dẫn Cắt Psd Sang Html Css Toàn Tập Với Gulp, Pug, Sass Cùng Evondev

699.000 ₫

29.999 ₫

Thời lượng

110 Bài Giảng

Sở hữu khóa học

Trọn đời

Đã đăng ký

29

Đầy Đủ Bài Giảng

Video bài giảng và tài liệu giống mô tả

Học Online Tiện Lợi

Học online trên Website bằng điện thoại hoặc máy tính

Kích Hoạt Nhanh

Nhận khóa học trong vòng 3 - 5 giây

Share Khoá học hướng dẫn cắt PSD sang HTML CSS toàn tập với Gulp, Pug, Sass của giảng viên Evondev

Bạn Sẽ Học Được Gì?

✅ Học được các bước từ phân tích thiết kế cho đến khi hoàn thành cắt giao diện
✅ Học được thêm kiến thức về Pug, viết mixin, sử dụng biến trong Pug..
✅ Đúc kết thêm được nhiều kiến thức, tips tricks trong CSS để code giao diện nhanh hơn
✅ Nắm tốt kiến thức về Responsive để tối ưu giao diện trên các màn hình khác nhau
✅ Biết được cách sử dụng Gulp boilerplate do mình phát triển
✅ Học được thêm kiến thức về Sass, viết functions, mixins, điều kiện, biến…
✅ Có nhóm hỗ trợ trên Telegram khi bạn gặp khó khăn trong quá trình học
✅ Và rất nhiều điều, kiến thức bổ ích khác đang chờ đợi các bạn

Giới Thiệu Khóa Học

Khoá học sẽ giúp bạn nâng cao kiến thức hơn và có thêm kiến thức về cắt giao diện từ PSD sang HTML CSS, với hơn 100 videos trong khoá học sẽ giúp bạn từng bước một từ cài đặt Gulp, học thêm các kiến mới về Pug, Sass đến phân tích giao diện chi tiết, cũng như học thêm nhiều vấn đề thực tế, tips tricks hay để có thể hoàn thành giao diện cực nhanh và hiệu quả.

Nội dung khóa học

Chương 01 Giới thiệu và cài đặt các công cụ (khoahocgiahoi.com zalo 0898904654)
Bài 01 loi cam on huong dan va gioi thieu khoa hoc (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 02 cac khai niem co ban (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 03 cai dat gulp boilerplate (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 04 tim hieu co ban ve gulp boilerplate (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 05 tim hieu file layout trong pug (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 06 xu ly cac loi hay gap khi lam viec voi pug (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 07 kien thuc co ban ve pug cho nguoi moi (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 08 mixins trong pug (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 09 bien trong pug (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 10 dieu kien trong pug (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 11 tim hieu cau truc thu muc styles cua sass (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 12 tam ket chuong 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 02 Phân tích tổng quan thiết kế (khoahocgiahoi.com zalo 0898904654)
Bài 13 gioi thieu chuong 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 14 phan tich mau sac (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 15 phan tich kieu chu (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 16 phan tich khoang cach (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 17 thiet lap code co ban ban dau (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 18 huong dan cat anh trong photoshop (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 19 tam ket chuong 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 03 Phân tích và code block Header (khoahocgiahoi.com zalo 0898904654)
Bài 20 phan tich tong quan header (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 21 code block header co ban (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 22 code block header top phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 23 code block header top phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 24 code block header top phan 3 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 25 code block header content phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 26 code block header content phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 27 code block header content phan 3 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 28 responsive block header phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 29 responsive block header phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 30 responsive block header phan 3 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 31 responsive block header phan 4 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 32 responsive block header phan 5 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 33 toi uu menu tren man hinh dien thoai (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 34 toi uu code pug voi mixin (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 35 viet mixin size voi sass (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 36 viet mixin absolute center voi sass (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 04 Phân tích và code block About (khoahocgiahoi.com zalo 0898904654)
Bài 37 phan tich tong quan block about (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 38 code block box voi mixin (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 39 hoan thanh block box (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 40 code html block about phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 41 code html block about phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 42 code sass block about phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 43 code sass block about phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 44 huong dan viet mixin responsive va mixin flexbox (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 45 lam responsive block about (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 46 ap dung css scroll snap vao layout (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 47 toi uu code pug thanh mixin (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 48 toi uu code block about (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 05 Phân tích và code block Number (khoahocgiahoi.com zalo 0898904654)
Bài 49 code block number phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 50 code block number phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 06 Phân tích và code block Service (khoahocgiahoi.com zalo 0898904654)
Bài 51 phan tich va code html (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 52 code giao dien voi sass phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 53 code giao dien voi sass phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 54 code responsive phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 55 code responsive phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 56 toi uu code cho block service (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 07 Phân tích và code block Device (khoahocgiahoi.com zalo 0898904654)
Bài 57 code block device phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 58 code block device phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 08 Phân tích và code block Wedo (khoahocgiahoi.com zalo 0898904654)
Bài 59 phan tich va code html (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 60 code sass phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 61 code sass phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 62 code sass phan 3 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 63 code sass phan 4 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 64 code sass phan 5 (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 09 Phân tích và code block Quote (khoahocgiahoi.com zalo 0898904654)
Bài 65 phan tich va code block quote phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 66 phan tich va code block quote phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 67 phan tich va code block quote phan 3 (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 10 Phân tích và code block Team (khoahocgiahoi.com zalo 0898904654)
Bài 68 phan tich va code block team phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 69 phan tich va code block team phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 70 phan tich va code block team phan 3 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 71 phan tich va code block team phan 4 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 72 phan tich va code block team phan 5 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 73 phan tich va code block team phan 6 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 74 phan tich va code block brands (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 11 Phân tích và code block Work (khoahocgiahoi.com zalo 0898904654)
Bài 75 phan tich va code block work phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 76 phan tich va code block work phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 77 phan tich va code block work phan 3 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 78 phan tich va code block work phan 4 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 79 phan tich va code block work phan 5 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 80 phan tich va code block work phan 6 (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 12 Phân tích và code block People (khoahocgiahoi.com zalo 0898904654)
Bài 81 phan tich va code block people phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 82 phan tich va code block people phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 83 phan tich va code block people phan 3 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 84 phan tich va code block people phan 4 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 85 phan tich va code block people phan 5 (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 13 Phân tích và code block Story (khoahocgiahoi.com zalo 0898904654)
Bài 86 phan tich va code block story phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 87 phan tich va code block story phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 88 phan tich va code block story phan 3 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 89 phan tich va code block story phan 4 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 90 phan tich va code block story phan 5 (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 14 Phân tích và code block Footer (khoahocgiahoi.com zalo 0898904654)
Bài 91 phan tich va code block footer phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 92 phan tich va code block footer phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 93 phan tich va code block footer phan 3 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 94 phan tich va code block footer phan 4 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 95 phan tich va code block footer phan 5 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 96 phan tich va code block footer phan 6 (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 15 Chèn thư viện slick slider (khoahocgiahoi.com zalo 0898904654)
Bài 97 su dung slick slider vao du an phan 1 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 98 su dung slick slider vao du an phan 2 (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 99 su dung slick slider vao du an phan 3 (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 16 Tối ưu code và testing (khoahocgiahoi.com zalo 0898904654)
Bài 100 toi uu noi dung du an (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 101 testing du an tren cac trinh duyet va fix loi (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 102 object la gi object cho nguoi moi (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 103 ap dung object vao mixin trong pug (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 104 tim hieu object trong sass (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 105 ap dung object vao mixin trong sass (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 106 toi uu mixin hovereffect (website khoahocgiahoi.com zalo 0583953426).mp4
Chương 17 Git, Github và deploy dự án cho người mới (khoahocgiahoi.com zalo 0898904654)
Bài 107 git la gi github la gi (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 108 cai dat git va tao tai khoan github (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 109 dua du an len github toan tap (website khoahocgiahoi.com zalo 0583953426).mp4
Bài 110 deploy du an bang vercel toan tap (website khoahocgiahoi.com zalo 0583953426).mp4