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

Giới thiệu về Generative AI cho Phát triển Front-End

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

Tạo UI dựa trên Prompt

  • Thiết kế prompt cho cấu trúc và thành phần HTML
  • Tạo ra và chỉnh sửa phong cách CSS bằng AI
  • Sử dụng AI để tạo khung các yếu tố tương tác trong JavaScript

Prototype Layout với Công cụ Generative

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

Componentization và Khả năng tái sử dụng

  • Tạo ra các thành phần UI có thể tái sử dụng (nút, 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 framework phổ biến (React, Vue, Tailwind)

Kiểm tra mã và Gỡ lỗi có Trợ giúp AI

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

Thiết kế Cộng tác và Tạo Nội dung

  • Sử dụng AI để tạo nội dung giả, bản sao, và holder
  • Làm việc với nhà thiết kế để cùng tạo wireframes và phong cách
  • Xuất ý tưởng tạo ra bởi AI thành các mẫu HTML có thể sử dụng

Dự án: Xây dựng một ứng dụng Web được Scaffold bằng AI

  • Thiết kế UI dựa trên prompt kinh doanh
  • Xây dựng các thành phần và tương tác sử dụng AI
  • hoàn thiện, kiểm thử và trình bày prototype

Tổng kết và Bước tiếp theo

Requirements

  • Hiểu cơ bản về HTML, CSS và JavaScript
  • Quen thuộc với các khung前端框架或设计系统
  • 感兴趣将AI应用于加快UI/UX工作流程

受众

  • 前端开发者
  • UX工程师
  • 网页设计师和创意技术员
 14 Hours

Number of participants


Price per participant

Provisional Upcoming Courses (Require 5+ participants)

Related Categories