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

Giới thiệu về Trí Tuệ Nhân Tạo Sinh Thành trong Phát Triển Front-End

  • Trí tuệ nhân tạo sinh thành 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

Tạo UI Dựa trên Lệnh

  • Viết lệnh cho cấu trúc HTML và thành phần
  • Tạo và sửa đổi phong cách CSS bằng AI
  • Sử dụng AI để tạo các yếu tố tương tác trong JavaScript

Lập Mẫu Bố Cục với Công cụ Sinh Thành

  • Xây dựng trang đích và bố cục đa phần tử
  • Lệnh 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à Khả Năng 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)
  • Tạo thư viện thành phần và hệ thống thiết kế với sự giúp đỡ của AI
  • Sử dụng AI trong các khung phổ biến (React, Vue, Tailwind)

Kiểm Tra và Đebug Mã Hỗ Trợ bởi AI

  • Sửa lỗi bố cục 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à gợi ý sửa chữa qua lệnh AI

Thiết Kế Cộng Tác và Tạo Nội Dung

  • Sử dụng AI để tạo nội dung giả, văn bản và placeholder
  • Làm việc cùng các nhà thiết kế để đồng sáng tạo khung dây và phong cách
  • Xuất ý tưởng được tạo bởi AI thành mẫu HTML có thể sử dụng

Dự Án: Xây dựng Ứng Dụng Web Sinh Thành bằng AI

  • Thiết kế UI dựa trên lệnh kinh doanh
  • Xây dựng 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 nguyên mẫu

Tóm Tắt và Bước Kế Tiếp

Yêu cầu

  • Hiểu biết cơ bản về HTML, CSS và JavaScript
  • Quen thuộc với các khung front-end hoặc hệ thống thiết kế
  • Lạc quan về việc áp dụng AI để tăng tốc quy trình làm việc UI/UX

Đối Tượng

  • Phát triển front-end
  • Kỹ sư UX
  • Thiết kế web và nhà công nghệ sáng tạo
 14 Giờ

Số người tham gia


Giá cho mỗi học viên

Đánh giá (1)

Các khóa học sắp tới

Các danh mục liên quan