21: Học SASS và cắt web từ file thiết kế photoshop theo 'kiểu' SASS - Fedu

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

Giảng viên: Nguyễn Đức Việt

Học phí (mua 1 lần học trọn đời) tại FEDU

550,000  299,000 

Học phí chỗ khác: 550,000 ₫

Học đến khi thành thạo thì thôi

Hoàn lại học phí nếu không hài lòng

Lưu ý: Hình thức học của Fedu là học ONLINE, chúng tôi không mở lớp dạy trực triếp hoặc offline. Học viên vui lòng cân nhắc trước khi đăng ký

Thời lượng: 8

Bài học: 28 bài

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

Video bài học trong khóa học SASS – Chọn nút next để xem các video tiếp theo

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

ĐỂ 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 khoá học

Phần 1 – Giới thiệu và cài đặt
 001 – Giới thiệu khóa học SASS
 002 – Cài đặt các phần mềm và chạy thử file SASS
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
 004 – Định dạng file SCSS
Phần 3 – 5 tính năng chính của SASS
 005 – Sử dụng biến trong SASS
 006 – Tính năng xếp chồng trong SASS
 007 – Tính năng sử dụng lại code trong SASS
 008 – Tính năng viết pseudo class nhanh của SASS
 009 – Tính năng tính toán trong SASS
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
Phần 5 – HTML và SASS cho phần top của website
 011 – Tạo khung HTML cho phần top
 012 – Cài đặt các biến cơ bản trong Sass
 013 – SASS cho phần cột trái
 014 – SASS cho phần bên phải
 015 – Hoàn thiện SASS cho phần top.mp4
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ữ
 017 – Phần menu và logo – Xử lý HTML cơ bản
 018 – Xử lý chiều cao và viết mixin
 019 – Menu và logo cho giao diện desktop
 020 – Xử lý giao diện responsive cho menu
Phần 7 – Viết SASS cho giao diện responsive
 021 – HTML Cho phần tiêu để và breadcrumbs
 022 – Cách sử dụng font-awesome không cần thêm thẻ html
 023 – SASS cho giao diện desktop
 024 – SASS cho giao diện mobile
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
 026 – HTML cho phần slide ảnh
 027 – SASS cho phần slide
 028 – Viết hiệu ứng load cho web
Phần 9 – Tổng kết khóa
 029 – Tổng kết khóa học

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ả

NGUYỄN ĐỨC VIỆT

  • Kỹ Sư CNTT Trường ĐH Bách Khoa Hà Nội.
  • Giảng viên tại trường FPT Arena, 8 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 1000+ học viên thiết kế, lập trình web tại Việt Nam.
  • Anh đã tham gia hiệu đính và dịch rất nhiều đầu sách về thiết kế web cho hệ thống thư viện đại học FPT.

  •  Ngoài ra anh còn tham gia rất nhiều dự án web cho FPT, dạy các shortcourse cho người đi làm và các dự án Freelance khác về thiết kế web dựa trên ngôn ngữ lập trình mã nguồn mở.

“Từng làm việc trong nhiều dự án lớn thuộc tập đoàn FPT, anh đã và đang tham gia rât nhiều dự án Freelancer về thiết kế, lập trình web dựa trên các mã nguồn mở như WordPress, Drupal, Xenforo … 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”

Đánh giá

Chưa có đánh giá nào.

Hãy là người đầu tiên nhận xét “21: Học SASS và cắt web từ file thiết kế photoshop theo ‘kiểu’ SASS”

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

21: Học SASS và cắt web từ file thiết kế photoshop theo ‘kiểu’ SASS 299,000 đ ĐĂNG KÝ NGAY