Đề cương khóa học

Giới thiệu về Generative AI cho Phát triển Giao diện Người dùng (Front-End)

  • Generative AI là gì trong phát triển phần mềm?
  • Tổng quan về các công cụ: ChatGPT, GitHub Copilot, Codeium, v.v.
  • Lợi ích và hạn chế của AI trong phát triển UI

Xây dựng UI Dựa trên Mô Phỏng (Prompt-Based)

  • Tạo mô phỏng cho cấu trúc và thành phần HTML
  • Tạo và điều chỉnh kiểu dáng CSS với AI
  • Sử dụng AI để xây dựng các yếu tố tương tác trong JavaScript

Thiết kế Layout Sơ đồ (Prototyping) bằng Công cụ Sinh Thành (Generative)

  • Xây dựng trang đích và bố cục nhiều phần
  • Tạo mô phỏng thiết kế đáp ứng (Flexbox, Grid)
  • Xem trước và kiểm thử trong CodePen hoặc công cụ tương tự

Thành Phần Hóa và Tái Sử Dụng

  • Tạo các thành phần UI tái sử dụng (nút bấm, thẻ, biểu mẫu)
  • Tạo thư viện thành phần và hệ thống thiết kế với sự hỗ trợ của AI
  • Sử dụng AI trong các khung công cụ phổ biến (React, Vue, Tailwind)

Phân Tích Mã và Phân Đấu Cải Tiến có Sự Hỗ Trợ của AI

  • Sửa lỗi bố cục và vấn đề khả năng tiếp cận bằng LLMs
  • Tối ưu hóa hiệu suất mã HTML/CSS/JS
  • Giải thích lỗi và đưa ra các giải pháp thông qua mô phỏng AI

Thiết Kế Hợp Tác và Sinh Thành Nội Dung

  • Sử dụng AI để tạo nội dung giả lập, bản sao và vị trí giữ chỗ
  • Làm việc với các nhà thiết kế để tạo sơ đồ cấu trúc (wireframes) và phong cách phối hợp
  • Xuất ý tưởng sinh ra từ AI thành mẫu HTML có thể sử dụng được

Dự án: Xây dựng một Ứng Dụng Web Hỗ Trợ bởi AI

  • Thiết kế UI dựa trên mô phỏng kinh doanh
  • Xây dựng các thành phần và tương tác bằng cách sử dụng AI
  • Nâng cấp, kiểm thử và trình bày mẫu thiết kế

Tóm tắt và Các Bước Tiếp Theo

Requirements

  • Công hiểu cơ bản về HTML, CSS, và JavaScript
  • Nắm bắt các khung trình đơn trước hoặc hệ thống thiết kế
  • Quan tâm đến việc áp dụng AI để tăng tốc các quy trình UI/UX

Khán giả

  • Người phát triển front-end
  • Kỹ sư UX
  • Nhà thiết kế web và kỹ thuật viên sáng tạo
 14 Hours

Number of participants


Price per participant

Provisional Upcoming Courses (Require 5+ participants)

Related Categories