Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Đề 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