Học SASS và cắt web từ file thiết kế photoshop theo ‘kiểu’ SASS

[masp]fedu-04[/masp]

[giaban]0đ[/giaban]

[tinhtrang]Còn hàng[/tinhtrang]

[chitiet]

Học SASS và cắt web từ file thiết kế photoshop theo ‘kiểu’ SASS

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

SASS là một trong những cách viết CSS nổi tiếng cũng giống như Less. Tuy nhiên muốn đọc được file của nó thì phải qua bộ lọc, còn file nó vẫn tạo ra như bình thường.

CSS Preprocessor là gì ?

CSS Preprocessor là ngôn ngữ kịch bản mở rộng của CSS. Chúng lấycác đoạn mã  được viết sử lý trước sau đó sẽ biên dịch ra các đoạn mã CSS thông thường. Hiện tại có thể có rất nhiều CSS Preprocessor nhưng có phỗ biến nhất trong số đó là SASS, LESS và Stylus.

Tại sao phải dùng SASS?

Đem lập trình dung nhập vào CSS

Tự động nén CSS để tiết kiệm dung lượng load trang web

Cách viết biến, hàm trong CSS sẽ được dễ dàng hơn

Bạn đang muốn nắm rõ bản chất của SASS. Bạn đang muốn tìm hiểu toàn bộ SASS nhưng không có thời gian. Khoá học “Học SASS và cắt web từ file thiết kế photoshop theo ‘kiểu’ SASS” sẽ hoàn toàn phù hợp với bạn, giúp bạn tiết kiệm thời gian nhất có thể 

THAM GIA KHOÁ HỌC, BẠN SẼ ĐƯỢC CUNG CẤP ĐẦY ĐỦ KIẾN THỨC VỀ:

So sánh 2 định dạng phổ biến SASS và SCSS

Tính năng chính của SASS: sử dụng biến, tính năng xếp chồng, sử dụng lại code, viết pseudo class nhanh và tính toán

HTML và SASS cho phần top của website

Xử lý jquery và viết SASS cho phần menu

Viết SASS cho giao diện responsive: desktop, mobile

Xử lý slide và hiệu ứng chuyển động bằng sử dụng pseudo after và đổ màu gradient trực tiếp trong chrome

KHOÁ HỌC ĐANG HƯỚNG ĐẾN NHỮNG BẠN:

Sinh viên, những bạn học lập trình frontend đã biết sơ lược về html/css muốn tiếp cận với cách viết CSS Preprocess

Những bạn đi ứng tuyển mà công ty yêu cầu cắt web, hoặc làm frontend bằng sass.

HỌC VIÊN SAU KHI THAM GIA KHOÁ HỌC SẼ HOÀN TOÀN TỰ TIN: 

Chuyển từ file thiết kế Photoshop sang web sử dụng ngôn ngữ SASS

Đọc hiểu mã SASS và đưa lập trình vào CSS bằng cách sử dụng SASS

Nắm được phương pháp và các bước xử lý một file thiết kế thế nào với SASS

Quản lý các thông số trong một dự án web lớn hiệu quả

ĐỂ HOÀN THÀNH KHOÁ HỌC MỘT CÁCH TỐT NHẤT, HỌC VIÊN ĐĂNG KÍ THAM GIA CẦN CÓ:

Máy tính kết nối mạng ổn định

Kiến thức cơ bản về bootstrap 4, jquery, html/css thì sẽ thuận tiện hơn khi thực hành

HÃY CÙNG XEM CẢM NHẬN CỦA HỌC VIÊN KHI HOÀN THÀNH KHOÁ HỌC NÀY NHÉ: 

Bạn Nguyễn Đức Trung (Lập trình viên): Công việc ở công ty của mình yêu cầu cắt web nên mình cần tìm khoá học tích hợp đầy đủ kiến thức và tiết kiệm thời gian vì thế mình đăng ký khoá học này. Mình hoàn toàn hài lòng về chất lượng của khoá học cũng như cách giảng bài thầy Việt. Cảm ơn Fedu. 

Bạn Trần Quốc Long (ĐH Công nghệ thông tin): Mình đã tham gia khoá học của thầy Việt về HTML, CSS, mình muốn tìm hiểu thêm về SASS nên quyết định tham gia khoá này. Vẫn như những khoá trước, chất lượng và cách giảng dạy của Fedu hoàn toàn ổn định và phù hợp với mình. 

Bạn Đinh Mạnh Hùng (ĐH Bách khoa Hà Nội): Kết thúc khoá học, mình hiểu toàn bộ về SASS cũng như cách cắt web. Điều hay nhất khoá học là thầy Việt kết hợp dự án thực tế vào quá trình giảng dạy nên việc tiếp thu dễ dàng và nhanh chóng hơn.  

Hãy tham gia ngay khoá học để trở thành thành viên trên con đường chinh phục lập trình và thiết kế web!

Nội dung khóa học

Phần 1 - Giới thiệu và cài đặt

  001 - Giới thiệu khóa học SASS (08:19)

   002 - Cài đặt các phần mềm và chạy thử một file SASS (15:39)

Phần 2 - So sánh 2 định dạng phổ biến SASS và SCSS

  003 - So sánh 2 định dạng SASS và scss (11:41)

  004 - Định dạng file SCSS (10:01)

Phần 3 - 5 tính năng chính của SASS

  005 - Sử dụng biến trong SASS (11:43)

  006 - Tính năng xếp chồng trong SASS (07:46)

  007 - Tính năng sử dụng lại code trong SASS (11:20)

  008 - Tính năng viết pseudo class nhanh của SASS (07:58)

  009 - Tính năng tính toán trong SASS (08:14)

Phần 4 - Bắt đầu project thực tế

  010 - Giới thiệu và cài đặt cơ bản cho project SASS (11:25)

  010 - Giới thiệu và cài đặt cơ bản cho project SASS (1)

Phần 5 - HTML và SASS cho phần top của website

  011 - Tạo khung HTML cho phần top (05:24)

  012 - Cài đặt các biến cơ bản trong Sass (09:04)

  013 - SASS cho phần cột trái (10:26)

  014 - SASS cho phần bên phải (09:42)

  015 - Hoàn thiện SASS cho phần top.mp4 (06:45)

Phần 6 - Xử lý jquery và viết SASS cho phần menu

  016 - Viết jquery cho phần lựa chọn ngôn ngữ (05:11)

  017 - Phần menu và logo - Xử lý HTML cơ bản (09:21)

  018 - Xử lý chiều cao và viết mixin (09:01)

  019 - Menu và logo cho giao diện desktop (05:53)

  020 - Xử lý giao diện responsive cho menu (06:12)

Phần 7 - Viết SASS cho giao diện responsive

  021 - HTML Cho phần tiêu để và breadcrumbs (03:36)

  022 - Cách sử dụng font-awesome không cần thêm thẻ html (07:52)

  023 - SASS cho giao diện desktop (08:20)

  024 - SASS cho giao diện mobile (08:28)

Phần 8 - Xử lý slide và hiệu ứng chuyển động

  025 - Sử dụng pseudo after và đổ màu gradient trực tiếp trong chrome (04:39)

  026 - HTML cho phần slide ảnh (05:04)

  027 - SASS cho phần slide (08:48)

  028 - Viết hiệu ứng load cho web (05:42)

Phần 9 - Tổng kết khóa

  029 - Tổng kết khóa học (05:42)

Giảng Viên: Thầy Nguyễn Đức Việt

Giảng viên với 12 năm trong nghề thiết kế, lập trình web. Anh đã và đang giảng dạy, đào tạo cho khoảng hơn 10.000+ học viên thiết kế, lập trình web tại Việt Nam. Tốt nghiệp khoa CNTT, Đại học bách khoa Hà Nội. Từng làm việc trong nhiều dự án lớn thuộc tập đoàn lớn, anh đã và đang tham gia rât nhiều dự án Freelancer về thiết kế đồ họa nên kinh nghiệm thực tế dồi dào, mong muốn đem những kinh nghiệm này chia sẻ cho tất cả mọi người, giúp các bạn có được những hành trang quý báu trên con đường sự nghiệp.

Từng du học nghành thiết kế đồ họa đa phương tiện – tại tập đoàn Aptech Limited – Bangalore Ấn Độ theo chương trình giảng viên tài năng.

Tốt nghiệp khoa CNTT, Đại học bách khoa Hà Nội.

[/chitiet]

Học SASS và cắt web từ file thiết kế photoshop theo ‘kiểu’ SASS