fbpx
  • Ebook Miễn Phí
  • Quà tặng
  • Khuyến mại Tên miền, Hosting, VPS/Server
  • Thanh toán
  • Liên hệ
  • Giới thiệu
Lê Trọng Đại
  • Phần mềm MarketingSALE
    • Phần Mềm Bán Hàng Trên Zalo
    • Phần Mềm Chạy Quảng Cáo Theo UID
    • Phần Mềm Bán Hàng Facebook Cá Nhân
  • Dịch vụ
    • Dịch vụ Guest Post
    • Dịch vụ cài đặt WordPress
    • Dịch vụ Facebook Marketing
    • Dịch Vụ Instagram Marketing
    • Dịch Vụ TikTok Marketing
    • Dịch Vụ Youtube Marketing
    • Dịch vụ Shopee
    • Dịch vụ Telegram
    • Dịch vụ Twitter
  • Bảng giá
  • Khóa học
    • Khóa học Affiliate Marketing
    • Khóa học bán hàng Online
    • Khóa học Chatbot
    • Khóa học Content Marketing
    • Khóa học Crypto
    • Khóa học Digital Marketing
    • Khóa học Email Marketing
    • Khóa học Facebook Marketing
    • Khóa học Google Ads
    • Khoá học Facebook ADS
    • Khóa học Instagram
    • Khóa học Landing Page
    • Khóa học MMO
    • Khóa học SEO
    • Khóa học TikTok
    • Khóa học Unica
    • Khóa học WordPress
    • Khóa học Youtube
    • Khóa học Zalo
    • Marketing cơ bản
      • Content Marketing
      • Email Marketing
      • Facebook Marketing
      • Google ADS
      • Kiến thức Hosting
      • Instagram Marketing
      • SEO
      • Tài liệu Marketing
      • TikTok Marketing
      • Youtube Marketing
      • Zalo Marketing
  • Kiến thức Marketing
    • Kinh doanh & Khởi nghiệp
    • Mẫu Content Quảng Cáo
    • Phần mềm (software)
    • Thủ thuật máy tính
    • MMO
      • Cách tạo Blog (Websiite)
      • Affiliate Marketing
      • Bán hàng đa kênh
      • Bán hàng online
      • Dropshipping
Tư vấn miễn phí
No Result
View All Result
Lê Trọng Đại
  • Phần mềm MarketingSALE
    • Phần Mềm Bán Hàng Trên Zalo
    • Phần Mềm Chạy Quảng Cáo Theo UID
    • Phần Mềm Bán Hàng Facebook Cá Nhân
  • Dịch vụ
    • Dịch vụ Guest Post
    • Dịch vụ cài đặt WordPress
    • Dịch vụ Facebook Marketing
    • Dịch Vụ Instagram Marketing
    • Dịch Vụ TikTok Marketing
    • Dịch Vụ Youtube Marketing
    • Dịch vụ Shopee
    • Dịch vụ Telegram
    • Dịch vụ Twitter
  • Bảng giá
  • Khóa học
    • Khóa học Affiliate Marketing
    • Khóa học bán hàng Online
    • Khóa học Chatbot
    • Khóa học Content Marketing
    • Khóa học Crypto
    • Khóa học Digital Marketing
    • Khóa học Email Marketing
    • Khóa học Facebook Marketing
    • Khóa học Google Ads
    • Khoá học Facebook ADS
    • Khóa học Instagram
    • Khóa học Landing Page
    • Khóa học MMO
    • Khóa học SEO
    • Khóa học TikTok
    • Khóa học Unica
    • Khóa học WordPress
    • Khóa học Youtube
    • Khóa học Zalo
    • Marketing cơ bản
      • Content Marketing
      • Email Marketing
      • Facebook Marketing
      • Google ADS
      • Kiến thức Hosting
      • Instagram Marketing
      • SEO
      • Tài liệu Marketing
      • TikTok Marketing
      • Youtube Marketing
      • Zalo Marketing
  • Kiến thức Marketing
    • Kinh doanh & Khởi nghiệp
    • Mẫu Content Quảng Cáo
    • Phần mềm (software)
    • Thủ thuật máy tính
    • MMO
      • Cách tạo Blog (Websiite)
      • Affiliate Marketing
      • Bán hàng đa kênh
      • Bán hàng online
      • Dropshipping
No Result
View All Result
Tư vấn miễn phí
Lê Trọng Đại
Tư vấn miễn phí
No Result
View All Result
Phần mềm Marketing Phần mềm Marketing Phần mềm Marketing
QUẢNG CÁO TỰ ĐỘNG
Trang chủ Khóa học Khóa học Wordpress

Khoá học hướng dẫn cắt PSD sang HTML CSS toàn tập với Gulp, Pug, Sass

Khoá học hướng dẫn cắt PSD sang HTML CSS toàn tập với Gulp, Pug, Sass

Lê Trọng Đại Bởi Lê Trọng Đại
Trong Khóa học Wordpress, KTcity
Khoa Hoc Huong Dan Cat Psd Sang Html Css Toan Tap Voi Gulp Pug Sass
1.7k
Chia sẻ
2.2k
Lượt xem
Chia sẻ Facebook
Tăng like, follow Tăng like, follow Tăng like, follow
QUẢNG CÁO TỰ ĐỘNG
5/5 - (1 bình chọn)

Khoá học hướng dẫn cắt PSD sang HTML CSS toàn tập với Gulp, Pug, Sass

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ả.

Bạn sẽ nhận được ở Khoá học hướng dẫn cắt PSD sang HTML CSS toàn tập với Gulp, Pug, Sass

  • 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
  • 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ề Pug, viết mixin, sử dụng biến trong Pug..
  • Học được thêm kiến thức về Sass, viết functions, mixins, điều kiện, biến…
  • Đúc kết thêm được nhiều kiến thức, tips tricks trong CSS để code giao diện nhanh hơn
  • Có nhóm hỗ trợ trên Telegram khi bạn gặp khó khăn trong quá trình học
  • 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
  • Và rất nhiều điều, kiến thức bổ ích khác đang chờ đợi các bạn

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

Nội dung học tập Khoá học hướng dẫn cắt PSD sang HTML CSS toàn tập với Gulp, Pug, Sass

Chương 1: Giới thiệu và cài đặt các công cụ

  • Bài 1: Lời cám ơn, hướng dẫn và giới thiệu khoá học
  • Bài 2: Các khái niệm cơ bản
  • Bài 3: Cài đặt Gulp boilerplate
  • Bài 4: Tìm hiểu cơ bản về Gulp boilerplate
  • Bài 5: Tìm hiểu file layout trong Pug
  • Bài 6: Xử lý các lỗi hay gặp khi làm việc với Pug
  • Bài 7: Kiến thức cơ bản về Pug cho người mới
  • Bài 8: Mixins trong Pug
  • Bài 9: Biến trong Pug
  • Bài 10: Điều kiện trong Pug
  • Bài 11: Tìm hiểu cấu trúc thư mục styles của Sass
  • Bài 12: Tạm kết chương 1

Chương 2: Phân tích tổng quan thiết kế

  • Bài 13: Giới thiệu chương 2
  • Bài 14: Phân tích màu sắc
  • Bài 15: Phân tích kiểu chữ
  • Bài 16: Phân tích khoảng cách
  • Bài 17: Thiết lập code cơ bản ban đầu
  • Bài 18: Hướng dẫn cắt ảnh trong Photoshop
  • Bài 19: Tạm kết chương 2

Chương 3: Phân tích và code block Header

  • Bài 20: Phân tích tổng quan Header
  • Bài 21: Code block header cơ bản
  • Bài 22: Code block header top phần 1
  • Bài 23: Code block header top phần 2
  • Bài 24: Code block header top phần 3
  • Bài 25: Code block header content phần 1
  • Bài 26: Code block header content phần 2
  • Bài 27: Code block header content phần 3
  • Bài 28: Responsive block header phần 1
  • Bài 29: Responsive block header phần 2
  • Bài 30: Responsive block header phần 3
  • Bài 31: Responsive block header phần 4
  • Bài 32: Responsive block header phần 5
  • Bài 33: Tối ưu menu trên màn hình điện thoại
  • Bài 34: Tối ưu code Pug với mixin
  • Bài 35: Viết mixin size với Sass
  • Bài 36: Viết mixin absolute center với Sass

Chương 4: Phân tích và code block About

  • Bài 37: Phân tích tổng quan block About
  • Bài 38: Code block box với mixin
  • Bài 39: Hoàn thành block Box
  • Bài 40: Code HTML block About phần 1
  • Bài 41: Code HTML block About phần 2
  • Bài 42: Code Sass block About phần 1
  • Bài 43: Code Sass block About phần 2
  • Bài 44: Hướng dẫn viết mixin responsive và mixin flexbox
  • Bài 45: Làm responsive block About
  • Bài 46: Áp dụng CSS Scroll snap vào layout
  • Bài 47: Tối ưu code Pug thành mixin
  • Bài 48: Tối ưu code block About

Chương 5: Phân tích và code block Number

  • Bài 49: Code block number phần 1
  • Bài 50: Code block number phần 2

Chương 6: Phân tích và code block Service

  • Bài 51: Phân tích và code HTML
  • Bài 52: Code giao diện với Sass phần 1
  • Bài 53: Code giao diện với Sass phần 2
  • Bài 54: Code Responsive phần 1
  • Bài 55: Code Responsive phần 2
  • Bài 56: Tối ưu code cho block Service

Chương 7: Phân tích và code block Device

  • Bài 57: Code block device phần 1
  • Bài 58: Code block device phần 2

Chương 8: Phân tích và code block Wedo

  • Bài 59: Phân tích và code HTML
  • Bài 60: Code Sass phần 1
  • Bài 61: Code Sass phần 2
  • Bài 62: Code Sass phần 3
  • Bài 63: Code Sass phần 4
  • Bài 64: Code Sass phần 5

Chương 9: Phân tích và code block Quote

  • Bài 65: Phân tích và code block quote phần 1
  • Bài 66: Phân tích và code block quote phần 2
  • Bài 67: Phân tích và code block quote phần 3

Chương 10: Phân tích và code block Team

  • Bài 68: Phân tích và code block Team phần 1
  • Bài 69: Phân tích và code block Team phần 2
  • Bài 70: Phân tích và code block Team phần 3
  • Bài 71: Phân tích và code block Team phần 4
  • Bài 72: Phân tích và code block Team phần 5
  • Bài 73: Phân tích và code block Team phần 6
  • Bài 74: Phân tích và code block Brands

Chương 11: Phân tích và code block Work

  • Bài 75: Phân tích và code block Work phần 1
  • Bài 76: Phân tích và code block Work phần 2
  • Bài 77: Phân tích và code block Work phần 3
  • Bài 78: Phân tích và code block Work phần 4
  • Bài 79: Phân tích và code block Work phần 5
  • Bài 80: Phân tích và code block Work phần 6

Chương 12: Phân tích và code block People

  • Bài 81: Phân tích và code block People phần 1
  • Bài 82: Phân tích và code block People phần 2
  • Bài 83: Phân tích và code block People phần 3
  • Bài 84: Phân tích và code block People phần 4
  • Bài 85: Phân tích và code block People phần 5

Chương 13: Phân tích và code block Story

  • Bài 86: Phân tích và code block Story phần 1
  • Bài 87: Phân tích và code block Story phần 2
  • Bài 88: Phân tích và code block Story phần 3
  • Bài 89: Phân tích và code block Story phần 4
  • Bài 90: Phân tích và code block Story phần 5

Chương 14: Phân tích và code block Footer

  • Bài 91: Phân tích và code block Footer phần 1
  • Bài 92: Phân tích và code block Footer phần 2
  • Bài 93: Phân tích và code block Footer phần 3
  • Bài 94: Phân tích và code block Footer phần 4
  • Bài 95: Phân tích và code block Footer phần 5
  • Bài 96: Phân tích và code block Footer phần 6

Chương 15: Chèn thư viện slick slider

  • Bài 97: Sử dụng slick slider vào dự án phần 1
  • Bài 98: Sử dụng slick slider vào dự án phần 2
  • Bài 99: Sử dụng slick slider vào dự án phần 3

Chương 16: Tối ưu code và testing

  • Bài 100: Tối ưu nội dung dự án
  • Bài 101: Testing dự án trên các trình duyệt và fix lỗi
  • Bài 102: Object là gì ? Object cho người mới
  • Bài 103: Áp dụng object vào mixin trong pug
  • Bài 104: Tìm hiểu object trong Sass
  • Bài 105: Áp dụng object vào mixin trong Sass
  • Bài 106: Tối ưu code hơn với global class

Chương 17: Git và github cho người mới

  • Bài 107: Git là gì ? Github là gì ?
  • Bài 108: Cài đặt Git và tạo tài khoản Github
  • Bài 109: Các lệnh cơ bản cần biết trong git
  • Bài 110: Repository github cho người mới
  • Bài 111: Đưa dự án lên github
  • Bài 112: Lưu ý khi làm việc với git nên biết

Chương 18: Deploy dự án lên mạng bằng Vercel hoặc Github Pages

  • Bài 113: Deploy dự án toàn tập

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

Có nhóm hỗ trợ khi gặp khó khăn khi học hay không ?

Có nhóm hỗ trợ trên Telegram khi bạn gặp khó khăn trong quá trình học

Có được hỗ trợ 1 kèm 1 hay không ?

Vì số lượng học viên đông nên mình chỉ hỗ trợ trong nhóm Telegram

Khoá học này phù hợp cho ai ?

Khoá học này phù hợp cho những bạn đã có kiến thức nền tảng về HTML CSS và Sass muốn học cắt PSD sang HTML CSS để nâng cao trình độ hơn nữa

Học xong khoá này thì tôi có thể làm được gì ?

Học xong khoá này bạn sẽ nắm được quy trình từng bước phân tích thiết kế cho đến khi hoàn thành giao diện, ngoài ra còn biết sử dụng Gulp, Pug và Sass tốt để có thể hoàn thành giao diện một cách tối ưu và nhanh nhất

Tôi chưa có nền tảng cơ bản thì học ở đâu trước ?

Đừng lo lắng, mình cũng có xây dựng khoá học HTML CSS cơ bản cho người mới nếu bạn chưa có kiến thức tại link này nha: evondev.com/khoa-hoc-html-css

 

Tôi chưa có kiến thức về Sass thì mua học được không ?

Bạn có thể xem trước video này để nắm kiến thức cơ bản để có thể học khoá học này tốt nhất nhé: https://www.youtube.com/watch?v=77QwgOBOg7Y&ab_channel=evondev
Khoá học hướng dẫn cắt PSD sang HTML CSS toàn tập với Gulp, Pug, Sass 1 Khoá học hướng dẫn cắt PSD sang HTML CSS toàn tập với Gulp, Pug, Sass 1 Khoá học hướng dẫn cắt PSD sang HTML CSS toàn tập với Gulp, Pug, Sass 1
QUẢNG CÁO TỰ ĐỘNG
QUẢNG CÁO TỰ ĐỘNG
https://letrongdai.vn/popup/simplezalo https://letrongdai.vn/popup/simplezalo https://letrongdai.vn/popup/simplezalo
QUẢNG CÁO TỰ ĐỘNG
NỘI DUNG BÀI VIẾT Bài viết chỉ mang tính chất tham khảo, nội dung bài viết được tổng hợp, chỉnh sửa, lấy từ nhiều Website uy tín trên Google. Nếu có vấn đề về bản quyền bài viết hoặc cần sự hổ trợ hay hợp tác quảng cao với mình....vui lòng liên hệ mail: dailt.mkt@gmail.com

Cập nhật | Bài viết

Tu Hoc Thiet Ke Website Hieu Qua Voi Khoa Hoc Html Css Tu Co Ban Toi Nang Cao Cho Nguoi Moi 1

Tự học thiết kế website hiệu quả với khoá học HTML CSS từ cơ bản tới nâng cao cho người mới

2.5k

Với hơn 100 videos trong khoá học evondev sẽ dạy các bạn đi từ kiến thức cơ bản nhất cho...

Khoa Hoc Tu Tao Video De Kiem Tien Affiliate Marketing Voi Youtube Khong Can Co Kinh Nghiem Truoc Do 1 3

Khóa học tự tạo video để kiếm tiền Affiliate Marketing với Youtube – Không cần có kinh nghiệm trước đó.

2.1k

Youtube thực sự là nền tảng lý tưởng để tiếp cận khách hàng tiềm năng bằng video khi có lượng...

Ktcity La Gi Tong Hop Khoa Hoc Mmo Chat Luong Tren Ktcity 1

Tổng hợp 50+ khóa học MMO miễn phí chất lượng trên KTcity 2021

2.2k

KTcity được coi là một mỏ vàng cho bạn tiếp thu kiến thức về MMO. Tuy nhiên, MMO có rất...

Tong Hop Cac Khoa Hoc Seo Tai Kt City Chat Luong Nhat Hien Nay Nen Dang Ky Hoc Ngay

Tổng hợp các Khóa học SEO tại KT.City chất lượng nhất hiện nay (Nên đăng ký học ngay)

2.2k

Hiện nay, KTcity đang sở hữu rất nhiều khóa học SEO theo mình đánh giá là thực tế, rất bổ ích...

Xem thêm
Bài tiếp theo
Fplus Nuoi Tài Khoan

Cách nuôi tài khoản Facebook bằng phần mềm Fplus chia tiết A-Z

10 Ly Do Nen Mua Laptop Asus 1 Min 1

10 lý do nên mua laptop Asus Vivobook

Iphone 11 Co Bao Nhieu Mau Mua Mau Nao Hop Phong Thuy 5 Min 1

iPhone 11 có bao nhiêu màu? Mua màu nào hợp phong thủy

Iphone 13 Co Bao Nhieu Mau Mau Nao Dep Nhat 1 Min 1

iPhone 13 có bao nhiêu màu, màu nào đẹp nhất

Seeding Bai Dang Marketplace

Cách tăng tương tác, Seeding bài đăng MarketPlace sử dụng nhiều tài khoản trên Fplus Chrome

Leave Comment

Phần Mềm Marketing Plus
Goseeding
Dịch Vụ Cài đặt Blog Wordpress

TOP XEM NHIỀU

  • Cau Hoi Nhanh Nhu Chop

    [Tổng hợp] 1000+ Câu hỏi nhanh như chớp (Có đáp án) cập nhật 2022

    37047 shares
    Share 14819 Tweet 9262
  • Share Full Serial Number Photoshop cs6 và link download PTS mới nhất

    48581 shares
    Share 19432 Tweet 12145
  • Cách thêm quản trị viên cho Page Pro5 (Fanpage Profile) chi tiết A-Z

    2045 shares
    Share 818 Tweet 511
  • Tổng hợp 1000+ Câu đố đen tối 18+ hại não (có đáp án) cấm nghĩ bậy

    3657 shares
    Share 1463 Tweet 914
  • Tổng hợp 1000+ Câu hỏi nhanh như chớp nhí có đáp án mùa 1,2,4… mới nhất 2022

    3678 shares
    Share 1471 Tweet 920
  • Dịch vụ tăng Like Follow Fanpage Profile (Pro 5) Facebook mới nhất

    4223 shares
    Share 1689 Tweet 1056
  • TOP 10 Phần mềm quét UID Facebook miễn phí tốt nhất hiện nay 2022

    19468 shares
    Share 7787 Tweet 4867
  • Tải Internet Download Manager cho Mac – IDM Mac Miễn Phí

    2408 shares
    Share 963 Tweet 602
  • Cách huỷ gói tài khoản Zalo Business cá nhân gói Business Pro, Standard, Elite

    3869 shares
    Share 1548 Tweet 967
  • Khắc phục lỗi không thêm được quản trị viên vào Fanpage Facebook 2022

    7634 shares
    Share 3054 Tweet 1909

QUẢNG CÁO TỰ ĐỘNG
Letrongdai Logo

Mình là một Digital Marketer đang sống và làm việc ở Hồ Chí Minh. Mình thích viết nên muốn dành khoảng thời gian trống để chia sẻ các kiến thức mà mình học được như về SEO, kinh doanh, marketing, phát triển cá nhân…

  • Dịch vụ Facebook
  • Dịch vụ Instagram
  • Dịch vụ TikTok
  • Dịch vụ Youtube
  • Dịch vụ thiết kế Website
  • Dịch vụ chăm sóc Website
  • Dịch vụ cài đặt Wordpress
  • Dịch vụ Facebook
  • Dịch vụ Instagram
  • Dịch vụ TikTok
  • Dịch vụ Youtube
  • Dịch vụ thiết kế Website
  • Dịch vụ chăm sóc Website
  • Dịch vụ cài đặt Wordpress
  • Dịch vụ Facebook
  • Dịch vụ Instagram
  • Dịch vụ TikTok
  • Dịch vụ Youtube
  • Dịch vụ thiết kế Website
  • Dịch vụ chăm sóc Website
  • Dịch vụ cài đặt Wordpress
  • Dịch vụ Facebook
  • Dịch vụ Instagram
  • Dịch vụ TikTok
  • Dịch vụ Youtube
  • Dịch vụ thiết kế Website
  • Dịch vụ chăm sóc Website
  • Dịch vụ cài đặt Wordpress
LIÊN KẾT NHANH
  • Dịch vụ
  • Blog (Tin tức)
  • Học kiếm tiền Online
  • Social Seeding
  • Phần mềm Marketing
  • Khoá học thực chiến
  • Thông tin thanh toán
  • Dịch vụ
  • Blog (Tin tức)
  • Học kiếm tiền Online
  • Social Seeding
  • Phần mềm Marketing
  • Khoá học thực chiến
  • Thông tin thanh toán
Content Protection by DMCA.com

Copyright 2020 © Letrongdai.vn – All rights reserved.

  • Simple Zalo
  • Simple Facebook Pro
  • TOP Seeding
  • Social Seeding
  • GoDigi
  • GoApple
  • GoSim
No Result
View All Result
  • Mã giảm giá
  • Dịch vụ
  • Bảng giá
  • Khóa học
  • Phần mềm Marketing
  • Blog
  • Facebook Marketing
    • Facebook ADS
    • Facebook Marketplace
    • Kiến thức Facebook
    • Marketing cơ bản
  • Content Marketing
  • Email Marketing
  • Thủ thuật máy tính
    • Phần mềm (Software)
    • Phần mềm cho Macbook
    • Bảo mật máy tính
  • Game
  • Dropshipping
  • SEO
    • Công Cụ SEO
    • Fix lỗi Website
  • Tài nguyên
  • Thủ thuật Excel
  • Thủ thuật IOS
  • Thủ thuật máy tính
  • Thủ thuật Wifi
  • Thương hiệu
  • TikTok Marketing
  • TOP
    • TOP Bộ phim hay
  • WordPress
    • Thủ Thuật WordPress
    • WordPress Plugin
    • WordPress Theme

© 2019 Lê Trọng Đại - Một Digital Marketer thích viết & chia sẻ.