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

Nguyễn Đức Việt, Giảng viên Thiết kế web tại FPT - Arena
0 (0 đánh giá)
1 học viên đăng ký học
 Học SASS và cắt web từ file thiết kế Photoshop theo kiểu SASS
NEW HOT
0 (0 đánh giá)
1 học viên đăng ký học
Bạn sẽ học được gì

• Am hiểu tường tận kiến thức của SASS.

• Có thể chuyển từ file thiết kê photoshop sang web sử dụng ngôn ngữ SASS.

• Đủ khả năng đọ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.

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

Giới thiệu khóa học “Học SASS và cắt web từ file thiết kế Photoshop theo kiểu SASS”:

Khóa học giúp bạn có cái nhìn rõ hơn cũng như thao tác sử dụng SASS để hỗ trợ cho CSS. SASS là ngôn ngữ giúp mở rộng CSS với những tính năng vượt trội mà bản thân CSS không thể cung cấp được tin dùng bởi hầu hết các trang Web, ứng dụng và là  Framework nổi tiếng Một công nghệ rất đáng để bạn dành thời gian tìm hiểu trên con đường trở thành một Front - end Developer. 

Đối tượng học của khoá học: 

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

- Những người cần kỹ năng để ứng tuyển vào các công ty thiết kế web hiện nay.

 

Nội dung khóa học “Học SASS và cắt web từ file thiết kế Photoshop theo kiểu SASS”:

• Hướng dẫn thao tác cài đặt. 

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

• Tìm hiểu 5 tính năng của SASS. 

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

• Xử lý jquery và viết SASS.  

• Viết SASS cho giao diện responsive. 

• Xử lý slide và hiệu ứng chuyển động.

 

Giới thiệu giảng viên: Nguyễn Đức Việt

• Tốt nghiệp CNTT - khóa 49 ĐH Bách Khoa Hà Nội

• Giảng viên Thiết kế tại FPT - Arena. 

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

• Thầy đã có 8 năm kinh nghiệm giảng dạy và làm việc trong lĩnh vực thiết kế web và có hàng nghìn học viên đã tốt nghiệp và làm việc trong lĩnh vực thiết kế, đặc biệt là thiết kế web chuyên nghiệp.

• Ngoài ra thầy 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ở.

 

Bên cạnh các kiến thức kể trên, Kyna.vn còn đem đến cho bạn một trải nghiệm học tập vô cùng thú vị:

• Được học linh hoạt mọi lúc, mọi nơi trên nhiều thiết bị như máy tính, điện thoại, máy tính bảng,...

• Được tham gia thảo luận và đặt câu hỏi cho giảng viên không khác gì các khóa học trực tiếp.

• Chỉ cần thanh toán học phí một lần để sở hữu khóa học trọn đời, có thể học lại bất cứ khi nào tùy thích.

Nội dung khóa học

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

    • 000 - Tài liệu khóa học
    • 001 - Giới thiệu khóa học sass
    • 002 - Cài đặt các phần mềm và chạy thử
  • 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
  • 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 học

    • 029 - Tổng kết khóa học
    • Đánh giá và góp ý khóa học
    • Các khóa học liên quan
    • Bài tập thực hành cuối khóa

NỘI DUNG KHÓA HỌC

Nội dung khóa học

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

    • 000 - Tài liệu khóa học
    • 001 - Giới thiệu khóa học sass
    • 002 - Cài đặt các phần mềm và chạy thử
  • 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
  • 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 học

    • 029 - Tổng kết khóa học
    • Đánh giá và góp ý khóa học
    • Các khóa học liên quan
    • Bài tập thực hành cuối khóa

GIỚI THIỆU KHÓA HỌC

Thông tin giảng viên

  • Nguyễn Đức Việt
    Nguyễn Đức Việt
    Giảng viên Thiết kế web tại FPT - Arena
  • Nguyễn Đức Việt Giảng viên Thiết kế web tại FPT - Arena
    XEM THÊM THÔNG TIN

    Giảng viên Thiết kế web tại FPT - Arena.

    Anh có nhiều năm kinh nghiệm giảng dạy và làm việc trong lĩnh vực thiết kế web và có hàng nghìn học viên đã tốt nghiệp và làm việc trong lĩnh vực thiết kế, đặc biệt là thiết kế web chuyên nghiệp.

    Học vấn

    Tốt nghiệp đại học Bách Khoa Hà Nội, khóa 49, khoa Công nghệ phần mềm

    Công việc hiện tại

    Giảng viên Thiết kế web tại FPT - Arena

    Kinh nghiệm công tác và thành tựu

    - Anh Nguyễn Đức Việt hiện đang là Giảng viên Thiết kế web tại FPT - Arena.

    - Ngoài ra, anh Nguyễn Đức Việt còn tham gia rất nhiều dự án web cho FPT 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ở.

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

    Kinh nghiệm giảng dạy

    8 năm kinh nghiệm giảng dạy và làm việc trong lĩnh vực thiết kế web

    Giới thiệu khóa học “Học SASS và cắt web từ file thiết kế Photoshop theo kiểu SASS”:

    Khóa học giúp bạn có cái nhìn rõ hơn cũng như thao tác sử dụng SASS để hỗ trợ cho CSS. SASS là ngôn ngữ giúp mở rộng CSS với những tính năng vượt trội mà bản thân CSS không thể cung cấp được tin dùng bởi hầu hết các trang Web, ứng dụng và là  Framework nổi tiếng Một công nghệ rất đáng để bạn dành thời gian tìm hiểu trên con đường trở thành một Front - end Developer. 

    Đối tượng học của khoá học: 

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

    - Những người cần kỹ năng để ứng tuyển vào các công ty thiết kế web hiện nay.

     

    Nội dung khóa học “Học SASS và cắt web từ file thiết kế Photoshop theo kiểu SASS”:

    • Hướng dẫn thao tác cài đặt. 

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

    • Tìm hiểu 5 tính năng của SASS. 

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

    • Xử lý jquery và viết SASS.  

    • Viết SASS cho giao diện responsive. 

    • Xử lý slide và hiệu ứng chuyển động.

     

    Giới thiệu giảng viên: Nguyễn Đức Việt

    • Tốt nghiệp CNTT - khóa 49 ĐH Bách Khoa Hà Nội

    • Giảng viên Thiết kế tại FPT - Arena. 

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

    • Thầy đã có 8 năm kinh nghiệm giảng dạy và làm việc trong lĩnh vực thiết kế web và có hàng nghìn học viên đã tốt nghiệp và làm việc trong lĩnh vực thiết kế, đặc biệt là thiết kế web chuyên nghiệp.

    • Ngoài ra thầy 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ở.

     

    Bên cạnh các kiến thức kể trên, Kyna.vn còn đem đến cho bạn một trải nghiệm học tập vô cùng thú vị:

    • Được học linh hoạt mọi lúc, mọi nơi trên nhiều thiết bị như máy tính, điện thoại, máy tính bảng,...

    • Được tham gia thảo luận và đặt câu hỏi cho giảng viên không khác gì các khóa học trực tiếp.

    • Chỉ cần thanh toán học phí một lần để sở hữu khóa học trọn đời, có thể học lại bất cứ khi nào tùy thích.

ĐÁNH GIÁ

  • 0 lượt đánh giá
  • 0
    • 5 sao
    • 0
    • 4 sao
    • 0
    • 3 sao
    • 0
    • 2 sao
    • 0
    • 1 sao
    • 0

Đánh giá của bạn

Để đánh giá khóa học, bạn cần đăng nhập Kyna.vn và là học viên của khóa này.

BÌNH LUẬN FACEBOOK

  • 0 lượt đánh giá
  • 0
    • 5 sao
    • 0
    • 4 sao
    • 0
    • 3 sao
    • 0
    • 2 sao
    • 0
    • 1 sao
    • 0

Đánh giá của bạn

Để đánh giá khóa học, bạn cần đăng nhập Kyna.vn và là học viên của khóa này.

0 Khóa học

Kyna.vn

Góp ý cho Kyna.vn-

Số điện thoại*
Email*

Bạn có sẵn sàng giới thiệu Kyna.vn với người thân và bạn bè?

Bạn có góp ý gì về phiên bản mới của Kyna.vn?

GÓP Ý

Góp ý cho Kyna.vn-

Cảm ơn bạn đã đóng góp ý kiến cho Kyna. Chúc bạn một ngày học tập và làm việc nhiều năng lượng.