Khóa học No Code Figma Site & Make
Lịch khai giảng
-
Sắp có lịch mới
Liên hệ Keyframe để được hỗ trợ
Mô tả Khóa học No Code Figma Site & Make
Khóa học No Code Figma Site & Make giúp bạn hiện thực hóa sản phẩm đang thiết kế từ UI Design thành Live Product.
Sau khi hoàn thành khóa học Khóa học No Code Figma Site & Make này chắc chắn bạn sẽ:
- Thành thạo Figma Site để xây dựng Website.
- Ứng dụng Figma Site & Figma Make để xây dựng một trang Web từ UI đến hoạt động thực tế trên tên miền để bàn giao cho khách hàng.
- Nắm vững các kiến thức lập trình cơ bản để tối ưu cho hiệu quả thiết kế UI UX.
- Sở hữu tư duy giải quyết vấn đề để hỗ trợ Team Dev và làm việc với Team IT hiệu quả hơn.
- Khả năng xây dựng hoàn chỉnh cấu trúc và dữ liệu của trang Web trước khi bắt đầu thiết kế.
- Hiểu sâu về quy trình làm việc của một team phát triển sản phẩm, để có kế hoạch tối ưu cho quá trình làm dự án.
- Trở thành một UX.UI Designer Full Stack với kỹ năng Semi Developer.
Khóa học No Code Figma Site & Make phù hợp với những ai?
- UI/UX Designer muốn hiện thực Landing Page, Website… từ file Figma Design bằng phương án NoCode, LowCode trên Figma Site.
- Digital Product Designer muốn hoàn chỉnh tư duy và kiến thức về UI Coding trong quy trình làm sản phẩm.
- UI Designer muốn mở rộng kỹ năng và tư duy liên quan đến Lập Trình Frontend (CSS Animation & JS Library).
*Khóa học yêu cầu học viên cần có nền tảng về UI Design trước khi học. Nếu bạn là người mới, hãy tham gia Khóa học Figma UI Design hoặc Lộ trình học UX/UI Product Design Completed tại Keyframe trước nhé.
Giảng viên
-
Giảng viên Phúc Huỳnh có hơn 8 năm kinh nghiệm làm việc trong lĩnh vực lập trình ứng dụng và UIUX Design. Có nền tảng là Software Engineer phát triển các ứng dụng web, di động trên Android, iOS. Hiện GV Phúc Huỳnh là UI/UX Designer có kinh nghiệm phát triển các ứng dụng về Bất Động Sản, Giáo dục, Du lịch, Sự kiện, Ecommerce, Blockchain, DApp & Game-Fi, ect….
Giáo trình
-
1 Buổi
Buổi 01 - Giới thiệu khóa học và mối liên hệ giữa UI/UX và lập trình Frontend
- Giới thiệu quy trình phát triển sản phẩm và các vị trí và công việc trong team IT
- Tổng quan về lập trình
- Sự tương quan giữa UI/UX và lập trình Frontend
- Giới thiệu về ngôn ngữ lập trình Frontend
- Bài tập: Tìm chủ để để lập trình 1 trang web (ứng dụng) để làm bài tập cuối môn.
-
1 Buổi
Buổi 02 - HTML, CSS và các thư viện UI
- Các thành phần trong HTML, CSS
- Giới thiệu về Boostrap và các thư viện UI
- Dựng layout với Boostrap
- Thực hành
- Bài tập: Ứng dụng thư viện đã học để tích hợp vào dự án
-
1 Buổi
Buổi 03 - Grid & Breakpoints, Auto Layout trong Figma, Flex Box
- Giới thiệu về CSS Layout
- Tổng quan về Box Model
- Giới thiệu về Flexbox
- Giới thiệu về Grid Layout
- Thực hành: Xây dựng bố cục với Flexbox và Grid Layout
-
1 Buổi
Buổi 04 - Design System và cách ứng dụng thực tế
- Các thành phần của Design System
- CSS Variables & Design Tokens
- Sử dụng Libs Design System và Icon Libs
- Giới thiệu về Grid Layout
- Devmode trong figma
-
1 Buổi
Buổi 05 - Design System thực hành & UI Animation ( CSS, Javascript)
- Design System thực hành
- UI Animation là gì ?
- CSS Animation là gì ?
- 12 nguyên tắc Animation và ứng dụng trong CSS Animtion
- Các thư viện trong CSS
- Thiết kế Animation trong figma và ứng dụng trong code
-
1 Buổi
Buổi 06 - No-Code/Low-Code, CMS và Ứng Dụng Trong UI/UX Design
- Khái niệm No-code, Low-code và CMS
- Giới thiệu công cụ
- Figma với các tool No-code, Low-code
-
1 Buổi
Buổi 07 - Ứng dụng No-code/Low -code: Thực hành Webflow
- Giới thiệu các tính năng nâng cao của webflow
- Kết nối figma với webflow
- Thực hành thiết kế giao diện bằng webflow
- Bài tập: Thực hiện giao diện landingpage bằng webflow
-
1 Buổi
Buổi 08 - Ứng dụng No-code/Low -code: Thực hành Framer
- Giới thiệu các tính năng nâng cao của Framer
- Kết nối figma với Framer
- Thực hành thiết kế giao diện bằng Framer
- Bài tập: Thực hiện giao diện landingpage bằng Framer
-
1 Buổi
Buổi 09 - Ứng dụng No-code/Low -code: Thực hành FlutterFlow
- Giới thiệu các tính năng nâng cao của FlutterFlow
- Kết nối figma với FlutterFlow
- Thực hành thiết kế giao diện bằng FlutterFlow
- Bài tập: Thiết kế một app đơn giản bằng FlutterFlow
-
1 Buổi
Buổi 10 - Ứng dụng No-code/Low -code: Thực hành CMS
- Giới thiệu các CMS phổ biến
- Các tính năng chính của CMS
- Kết nối CMS với Figma
- Thực hành
-
1 Buổi
Buổi 11 - Các công cụ AI và cách sử dụng hỗ trợ lập trình cho UI/UX Design
- Vai trò và lợi ích của AI cho Designer & Code
- Các tính năng chính của CMS
- Các công cụ AI hỗ trợ
- Cách viết prompt hiệu quả
-
1 Buổi
Buổi 12 - Present dự án & Tổng kết
- Tổng kết nội dung khóa học
- Thuyết trình và chỉnh sửa bài tập cuối khóa
- Chia sẻ tài liệu tham khảo
-
1 Buổi
Buổi 01 - Giới thiệu khóa học và mối liên hệ giữa UI/UX và lập trình Frontend
MD066 - Đặt chỗ sớm Early Bird
Giảng viên: Phúc Huỳnh
Thời lượng: 12 buổi học
Trình độ: Cơ bản - Trung cấp
Học phí: 5,800,000đ 5,220,000đ
Địa điểm: Học trực tuyến với giảng viên qua Zoom/ Meet/ Classin...
Ưu đãi đến 10% khi đặt chỗ sớm!
Thông tin chi tiết
Tại sao nên học Thiết kế UXUI tại Keyframe?
- Ứng dụng phương pháp đào tạo Portfolio Mentoring 100% thực hành trực tiếp với giảng viên, dễ dàng trao đổi và hỗ trợ khi gặp khó khăn.
- Được mentor 1:1 thực hiện dự án xuyên suốt khóa học. Mục tiêu là hoàn thiện sản phẩm khi hoàn thành khóa học để xây dựng Portfolio.
- Được hỗ trợ thư viện video bài học, giúp bạn sở hữu trọn vẹn kiến thức dù cho có vắng học đột xuất.
- Hỗ trợ kiến thức mãi mãi, được tham gia vào group riêng của lớp.
- Keyframe cấp chứng chỉ khi hoàn thành khóa học.
Khóa học No Code Figma Site & Make
có trong chương trình học
Chương trình học UI/UX Product Design Completed
Lộ trình: 6 - 9 tháng
FAQ
-
Quy trình đặt chỗ học
- Đăng ký chỗ học qua website website https://keyframe.vn hoặc chat với tư vấn viên ở khung chat ngay góc phải màn hình. (Chat với trung tâm qua Fanpage: https://www.facebook.com/KeyframeMultimediaSchool )
- Xác nhận lịch khai giảng và giờ học qua email.
- Đóng học phí trước ngày khai giảng.
---
Đóng học phí trực tiếp (tiền mặt hoặc quẹt thẻ) tại trụ sở Keyframe
- Cơ sở HCM: Lầu M, 06 Phan Đình Giót, Phường 2, Quận Tân Bình, TP. HCM (Xem bản đồ)
- Từ thứ 2 đến thứ 7 : 09h00 – 21h00
- Chủ nhật :09h00 - 17h00
- Cơ sở Hà Nội: Số 1, Ngõ 21, Lê Văn Lương, Phường Nhân Chính, Quận Thanh Xuân, TP. Hà Nội. (Xem bản đồ)
- Từ thứ 2 đến thứ 7 : 15h00 – 21h00
Đóng học phí thông qua chuyển khoản nhanh
- Vietcombank
- Cty TNHH Keyframe Multimedia – 0071000758581
- Cty TNHH Keyframe Multimedia – 0071000758581
-
Học xong có được giới thiệu việc làm không?
- Keyframe cam kết giới thiệu việc làm đối với học viên hoàn thành lộ trình toàn diện của các chương trình học.
-
Giá trị bằng cấp tại Keyframe
- Keyframe cấp chứng chỉ đối với học viên đạt tiêu chuẩn hoàn thành khoá học Offline/ Remote Teaching tại Keyframe (Chứng chỉ này có giá trị xác nhận đã hoàn thành học tại Keyframe)
- Keyframe không cấp chứng chỉ đối với học viên tham gia khoá học Online Video.
