Khóa học No Code Low Code UI/UX

Lịch khai giảng

Sắp có lịch mới
Liên hệ Keyframe để được hỗ trợ
Sắp có lịch mới
Liên hệ Keyframe để được hỗ trợ

Khóa học No Code Low Code UI/UX 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 Low Code UI/UX này chắc chắn bạn sẽ:

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.
Tự mình xây dựng một trang Web từ UI đến khi sản phẩm hoạt động thực tế trên tên miền bằng nền tảng Nocode, Lowcode như Framer hoặc Webflow.
Trở thành một UX.UI Designer Full Stack với kỹ năng Semi Developer.

Khóa học No Code Low Code UI/UX 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 Framer hoặc Webflow.
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é.

Phúc Huỳnh

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

Xem thêm

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

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.

Xem chi tiết

Chương trình học UI/UX Product Design Completed

Lộ trình: 4 - 12 tháng

Quy trình đặt chỗ học
Đóng học phí trực tiếp tại Keyframe
- HCM: Lầu M, 06 Phan Đình Giót, P. 2, Q. Tân Bình, TP. HCM (Xem bản đồ)
  - Từ thứ 2 đến thứ 7 : 09h00 – 21h00
  - Chủ nhật : 09h00 - 17h00
- Hà Nội: Số 1, Ngõ 21, Lê Văn Lương, P. Nhân Chính, Q. Thanh Xuân, 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
  - Tô Dương Phương Bình – 0071004405302
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.