感谢您发送咨询!我们的团队成员将很快与您联系。
感谢您发送预订!我们的团队成员将很快与您联系。
课程大纲
生成式AI用于前端开发简介
- 什么是生成式AI在软件开发中的应用?
- 工具概述:ChatGPT、GitHub Copilot、Codeium等。
- AI在UI开发中的优势与局限。
基于提示的UI生成
- 为HTML结构和组件编写提示。
- 使用AI生成和修改CSS样式。
- 使用AI搭建JavaScript中的交互元素。
使用生成工具进行布局原型设计
- 构建着陆页和多部分布局。
- 响应式设计提示(Flexbox、Grid)。
- 在CodePen或类似工具中预览和测试。
组件化与可重用性
- 生成可重用的UI组件(按钮、卡片、表单)。
- 在AI帮助下创建组件库和设计系统。
- 在流行框架中使用AI(React、Vue、Tailwind)。
AI辅助的代码审查与调试
- 使用LLM修复布局错误和可访问性问题。
- 优化HTML/CSS/JS代码性能。
- 通过AI提示解释错误并建议修复。
协作设计与内容生成
- 使用AI生成虚拟内容、文案和占位符。
- 与设计师合作共同创建线框图和样式。
- 将AI生成的想法导出为可用的HTML模板。
项目:构建AI搭建的Web应用
- 基于业务提示设计UI。
- 使用AI构建组件和交互。
- 完善、测试并展示原型。
总结与下一步
要求
- 对HTML、CSS和JavaScript有基本了解。
- 熟悉前端框架或设计系统。
- 对应用AI加速UI/UX工作流程感兴趣。
受众
- 前端开发人员。
- UX工程师。
- 网页设计师和创意技术人员。
14 小时
客户评论 (2)
我获得了关于Python中Streamlit库的知识,我肯定会尝试使用它来改进我们团队中基于R Shiny开发的apps。
Michal Maj - XL Catlin Services SE (AXA XL)
课程 - GitHub Copilot for Developers
机器翻译
讲师在Copilot高级使用方面的知识,以及充足且高效的实践环节
Tan - ViTrox Technologies Sdn Bhd
课程 - Intermediate GitHub Copilot
机器翻译