Chia Sẻ Khóa Học Figma, HTML, CSS, JavaScript Trong Web Design Và UI UX Design [Update Tháng 10/2024] [Khóa 6345 A]
13 tháng 11 2024
/
No Comments
Responsive Design trong Figma, HTML, CSS, Bootstrap kết hợp với các nguyên tắc User Interface Design và User Experience Design.
Những gì bạn sẽ học được:
- ✓ Học UI UX design và front-end coding trong 1 khóa học.
- ✓ Chuyển đổi các Figma component thành các HTML & CSS component trực tiếp.
- ✓ Làm chủ Figma Auto Layout kết hợp với CSS Flexbox & CSS Grid.
- ✓ Thiết kế các biến thể đa chiều trong Figma.
- ✓ Tự động hóa các design system với Figma plugins.
- ✓ Phát triển các responsive layout bằng Bootstrap 5 grid system.
Từ Figma đến Coding tại 1 nơi.
- ✓ Thiết kế mọi thứ trong Figma và code nó bằng HTML, CSS, JavaScript.
- ✓ Trở thành một Figma power user bằng cách học cách tận dụng các plugin.
- ✓ Làm chủ các tiêu chuẩn industry standard UI UX Design.
- ✓ Kiểm tra và xây dựng các Figma Component của bạn một cách liền mạch cho development handoff.
- ✓ Trở thành một Unicorn UI UX Designer biết về design và code.
- ✓ Tự động hóa brand style guide của bạn như một visual designer với Figma.
- ✓ Tạo các web design layout phức tạp với Figma Auto Layout và sử dụng CSS Grid và Flexbox thuần túy.
- ✓ Transform Photoshop thành HTML mark up và style nó với CSS.
- ✓ Transform SVG với vanilla JavaScript.
- ✓ Kích hoạt các sự kiện JavaScript DOM và kiểm soát CSS animation với JavaScript.
- ✓ Học thiết kế tương tác với CSS Transitions và Animation.
- ✓ Phát triển responsive design sẵn sàng sản xuất với Bootstrap 5 Grid system.
Mục lục:
- ✓ 01 - Figma cơ bản.
- ✓ 02 - Figma Auto Layout.
- ✓ 03 - Figma Web Design Project.
- ✓ 04 - Color Theory trong Figma.
- ✓ 05 - Color Wheel trong Figma.
- ✓ 06 - Figma Components.
- ✓ 07 - Figma Variants.
- ✓ 08 - Figma Styles & Automation.
- ✓ 09 - Figma Library.
- ✓ 10 - Các nguyên tắc và lý thuyết thiết kế.
- ✓ 11 - HTML.
- ✓ 12 - CSS 101.
- ✓ 13 - CSS 201.
- ✓ 14 - CSS 301.
- ✓ 15 - CSS Grid & Flexbox.
- ✓ 16 - Photoshop to CSS Project.
- ✓ 18 - Figma to HTML CSS.
- ✓ 19 - SVG.
- ✓ 20 - JavaScript.
- ✓ 21 - JavaScript DOM.
- ✓ 22 - 10 Project Coding.
- ✓ 23 - Version 1 - Nội dung cũ.
- ✓ 24 - Bài giảng bổ sung.
Khóa học này dành cho ai:
- ✓ Web Developer muốn phát triển các Figma component một cách liền mạch.
- ✓ Các UI UX Designer muốn học cách code bằng HTML CSS JavaScript.
NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU