一、课程简介
前端开发目前正面临重大的挑战与机遇，大语言模型（LLM）的全面普及，软件开发正经历着从“人写代码”到“人机协同（Co-Pilot）”，再到“大模型自主构建（Vibe Coding）”的历史性范式转变。AI Agent（智能体）技术的爆发，彻底颠覆了人机交互的边界。现代应用正快速演变为“AI-Driven UI和更具备自适应能力的智能载体。而 Vue 3 的组合式 API（Composition API）与 TypeScript 严格的类型安全系统，凭借其极致的响应式内核与工程化防御能力，成为了承载 Agent应用绝佳前端基石。
二、培训目标
1、掌握基于Vue3及TypeScript 进行复杂组件化前端项目开发及重构。
2、掌握 AI 时代的前端开发新范式，从Co-Pilot到Vibe Coding。
3、具备 AI-Native 应用的交互设计与联调能力。
证书
培训结束，颁发中科院计算所培训中心“（Vue3生态+TypeScript）×智能体应用实践”课程结业证书。
本课程有企业内训形式，授课老师、课程内容、教学方式均依据企业的培训需求灵活设置。
本网站内容包括并不限于课程介绍、课程大纲、上课照片、老师介绍等等资料及信息，未经允许不得抄袭和转载。
培训对象
1、针对有实际经验的前端开发一线研发人员；
2、致力于借助于现有大模型能力，完成高度符合企业需求前端及全栈项目的研发人员；
3、能熟练掌握ECMAScript 5/6+ 从事前端/后端开发的JS开发人员；
4、基于Vibe Coding产出方式的产品经理。
培训内容
第一天
一、Vue3 + TypeScript + Copilot编程基础建构
- Vue3框架的设计原理
- 响应式对象的打造
- 虚拟Dom
- 高效渲染技术
- 基于组合式函数的全面重构
- 高效的构建脚手架
- 基于框架的开发实战
- 框架引入方式(CDN,Vite,Nuxt等)
- 数据绑定技术综合及项目实战（Task Hub UI项目）
- 组件化开发技术
- 前端数据管理技术
- 前端路由技术
- 基于组合式函数开发及项目重构
- 前后端分离式开发
- 基于Web Agent 开发的主流前后端技术： SSE，WebScoket，安全校验，会话维持等
- TypeScript核心技术及基于TypeScript的项目重构
- 从JS到TS的心智模型转换
- TypeScript核心技术讲解
- TS 的高级类型防御
- Vue3生态中的TS的应用
- 现有项目重构（Copilot / AI的开挂技巧）
- 项目的构建及发布
- 环境隔离
- 开发环境的提速及依赖预构建机制
- 生产环境的极致打包优化技术
- 基于私有云或公有云的发布及持续集成发布技术
- Copilot 方式编程的技巧：
- AI 辅助编程工具的选择
- IDE环境的AI copilot的配置
- 编程过程的使用技巧
第二天
二、AI Agent前端项目开发日
- 工程化全栈框架NuxtJs
- NuxtJs核心设计思想和三种渲染模式
- 项目结构解析
- 路由系统设计及实战
- 数据获取体系设计及实战
- 状态管理体系设计及实战
- 服务端能力
- Vue3 UI 体系
- UI 组件的本质，如何设计自己的UI体系
- 对比Vue3中流行的UI库：Element Plus/Vant/Nuxt UI
- Nuxt UI 介绍及开发示例
- Composition API在UI中的作用
- 通用版 AI Agent 项目开发实战
- 基于Web的Agent项目功能解析：LLM设置、角色设置、 Copilot、人机交互、RAG、MCP、历史，Skills等
- 布局及路由设计及实战
- 前端数据管理设计及实战
- 前后端交互，前端缓存的设计实战
- 安全及认证管理技术
- Streaming API的对接及管理
- 前端项目的测试技术
- 项目的持续集成及上线管理
汇款、微信转账
汇款信息：
单位名称：北京市海淀区中科院计算所职业技能培训学校
开户行：工行海淀西区支行
账号：0200 0045 1920 0043 667
开户银行代码：1021 0000 0458
微信转账：
步骤一：打开微信，扫描二微码付款时，点击打开微信右下角里的“发现”，在列表界面有一个“扫一扫”选项，点击打开“扫一扫”（如下图）：
步骤二：点击打开“扫一扫”后，会出现一个扫描框，将中科院计算所培训中心二维码/条码放入框内，即可自动扫描，并显示支付信息，输入付款金额。
（中科院计算所培训中心二维码）
步骤三：点击 “添加付款备注”，填写付款人姓名和单位全称，所有信息核对无误后，点击“确认付款”，完成支付。
- 注意：步骤三是为了尽快确认您的培训费用是否到帐，方便为您查帐，所以一定要把付款人姓名和单位名称填写完整，如果姓名和单位名称超过20个汉字，单位名称可以填写简称。
