Cảm ơn bạn đã gửi yêu cầu! Một thành viên trong đội ngũ của chúng tôi sẽ liên hệ với bạn ngay lập tức.
Cảm ơn bạn đã gửi đặt chỗ! Một thành viên trong đội ngũ của chúng tôi sẽ liên hệ với bạn ngay lập tức.
Thời gian kéo dài 14 Giờ học
Đề cương khóa học
Giới thiệu về AI Tạo sinh cho Front-End
- AI tạo sinh trong phát triển phần mềm là gì?
- 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
Tạo UI dựa trên Prompt
- Tạo prompt cho cấu trúc HTML và các thành phần
- Tạo và chỉnh sửa các kiểu CSS bằng AI
- Sử dụng AI để tạo khung cho các yếu tố tương tác trong JavaScript
Tạo nguyên mẫu Bố cục với các Công cụ Tạo sinh
- Xây dựng các trang đích và bố cục đa phần
- Prompt thiết kế phản hồi (Flexbox, Grid)
- Xem trước và kiểm thử bằng CodePen hoặc các công cụ tương tự
Phân rã thành thành phần và Tính tái sử dụng
- Tạo các thành phần UI có thể tái sử dụng (nút, thẻ, biểu mẫu)
- Xây dựng 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)
Xem xét mã và Gỡ lỗi có hỗ trợ AI
- Sửa các lỗi bố cục và vấn đề 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ách khắc phục thông qua các prompt AI
Thiết kế Hợp tác và Tạo nội dung
- Sử dụng AI để tạo nội dung giả lập, văn bản và các phần giữ chỗ
- Làm việc với nhà thiết kế để cùng tạo wireframe và kiểu dáng
- Xuất các ý tưởng do AI tạo ra 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ó khung 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 bằng AI
- Hoàn thiện, kiểm thử và trình bày nguyên mẫu
Tóm tắt và Các bước tiếp theo
Yêu cầu
- Hiểu biết cơ bản về HTML, CSS và JavaScript
- Familiarity with front-end frameworks or design systems
- Quan tâm đến việc ứng dụng AI để tăng tốc quy trình UI/UX
Đối tượng tham gia
- Lập trình viên Front-end
- Kỹ sư UX
- Nhà thiết kế Web và các kỹ thuật viên sáng tạo
Đánh giá (1)
Tôi đã học được kiến thức về thư viện Streamlit trong Python và chắc chắn tôi sẽ thử sử dụng nó để cải thiện các ứng dụng của đội tôi, những ứng dụng này được tạo bằng R Shiny.
Michal Maj - XL Catlin Services SE (AXA XL)
Khóa học - GitHub Copilot for Developers
Dịch thuật bằng máy