搜索

取消
课程简介适用人群课程大纲付款方式

Vue3生态+TypeScript前端开发高级技术

课程时间:5月22日 - 5月23日

公开课费用:6200元/人

课程地点:北京

随着互联网的普及和技术的不断进步,前端开发作为软件开发的关键部分,正经历着前所未有的变革。前端框架和工具层出不穷,为开发者提供了更加高效和便捷的开发体验。在众多前端框架中,Vue以其直观、易上手和灵活的特性受到了广大开发者的喜爱。Vue 3作为Vue系列的最新版本,带来了许多新的特性和改进,如Composition API、性能优化等,进一步提升了开发效率和用户体验。

与此同时,TypeScript作为JavaScript的一个超集,通过引入静态类型系统,为前端开发带来了更高的代码质量和可维护性。越来越多的项目和团队开始采用TypeScript进行开发,以满足日益复杂和大型的前端应用需求。

Vue 3官方推荐使用TypeScript进行开发,这使得两者能够完美结合,发挥出最大的效能。Vue 3的响应式系统和TypeScript的类型安全特性相得益彰,让开发者能够构建更加健壮、可维护的前端应用。

因此,我们推出了这门关于Vue 3和TypeScript的前端课程。本课程旨在帮助开发者深入理解并掌握Vue 3和TypeScript的前沿技术,提升开发效率和代码质量。

 

一、培训目标

经过本课程的学习培训,参训人员能够达到以下目标:

♦ 掌握Vue 3的核心特性和开发技术;

♦ 熟练运用TypeScript进行前端开发;

♦ 结合Vue 3和TypeScript构建高效、可维护的前端应用;

♦ 提升个人技能,满足不断变化的前端开发需求。

 

二、证书

培训结束,颁发中科院计算所培训中心“Vue3生态+TypeScript前端开发高级技术”课程结业证书。

 

本课程有企业内训形式,授课老师、课程内容、教学方式均依据企业的培训需求灵活设置。

 

本网站内容包括并不限于课程介绍、课程大纲、上课照片、老师介绍等等资料及信息,未经允许不得抄袭和转载。

培训对象

1、针对有实际经验的前端开发一线研发人员;

2、初步具备使用“无DOM化”框架开发思维和技术的前端开发人员;

3、能熟练掌握ECMAScript 5/6+ 从事前端/后端开发的JS开发人员。

 

课题

详  细  内  容

VueJS是如何炼成的

  • 大视野:深度讨论大前端、移动端、边缘计算端的发展分支及方向
  • 强内功:深度分析标准浏览器内部的工作机制
  • 线索一:从模式设计到产品实现
  • “去DOM化”开发操作的基本思路与实践手段
  • 从观察者模式到MVVM及DataDriven设计的过程及手段
  • 深入ES的“代理”技术,进而完成响应式API的设计
  • 线索二:从构建技术到打造Vue项目的最佳实践
  • 实践与分析“纯CDN”方式的Vue开发机制,讨论模块化与编译机制
  • Webpack/Vite构建工具简单上手
  • 实践与分析“构建方式”打造前端项目,完成定制化Vue脚手架项目案例。
  • Vue-CLI脚手架目录及源码的全面分析,脚手架依赖库各部分的工作原理,对脚手架的定制化开发及讨论最佳实践架构。
  • 展现Vue强大的V-M绑定技术:
  • Vue SFC规范介绍及全面结构分析
  • 插值,条件,列表,双向等各绑定指令系统及综合运用技巧
  • Slot绑定,属性绑定,事件处理机制及this关键字分析
  • 表单处理技巧
  • 基于Restful风格的前后端通讯技术,从XHR、Fetch到Axios
  • Web安全开发
  • 使用综合案例串联
  • Vue2 Option API 综合体验
  • data,computed,methods,watchers等基本属性及方法
  • Lifecycle hooks中的beforeCreate、created、mouted等各回调方法的使用及生产环境的编程技巧及最佳实践
  • 前后端分离方式综合案例编程实操

TypeScript+Vue3

  • ES6+高级开发技术
  • 函数式编程技巧,闭包陷阱及应用
  • 异步编程技术:回调,Promise,Async函数等
  • 代理技术
  • 根据需要的扩展其它技术
  • Typescript开发技术
  • 工作原理,适用场景,发展趋势,优势劣势分析
  • 前后端开发环境布署,调试技巧
  • 语言核心
  • Vue2中的代码改造
  • Vue3与TypeScript的结合:
  • 脚手架搭建及分析
  • 从Vue2到Vue3的迁移技术分析
  • Vue3的代码Lint、单元测试及E2E测试
  • 使用TypeScript接管现有代码

Vue3从原理到实践

  • Vue3组件设计思路及开发使用:
  • 如何灵活实现Web Components标准的三个核心概念
  • 代理,监听者模式,闭包运用,this的内部处理手段等
  • 入参及多组件嵌套设计(组件注册,动态组件,异步组件)
  • 数据单向流动性及开发技巧
  • Mixins方式的使用需求及开发技巧
  • 综合运用多组件完成开发案例
  • 数据驱动与响应式原理深入:
  • VNode的设计思路及原理
  • 使用渲染函数取代模板的过程分析
  • 渲染效率的优化手段
  • Vue2/3响应式原理分析
  • 响应式对象的创建及使用过程
  • 前端编译技术(基于Webpack的讲解):
  • JIT与AOT方式的对比
  • 针对“转化与整合”的目标webpack的解决思路
  • Webpack从入口开始,如何结合Node,Loader,sPlugins在编译过程三个核心阶段所完成的任务。
  • 后来者如Vite,Parcel是如何进行“改良”的
  • 向Vue3的演进
  • 构建方式的改良
  • Composition API的使用需求分析,开发使用技巧。
  • Setup函数
  • Vue3响应式对象设计原理到综合运用
  • Teleport的使用需求及使用技巧
  • 利用Vue3开发综合案例

基于Vue3生态体系

  • VueJS 的扩展:
  • 自定义修饰器
  • 自定义指令
  • 自定义插件
  • Vue-Router及SPA
  • 前端路由的需求和设计原理是什么
  • 各被路由组件的参数传递技术及针对各种情况的最佳实践
  • 分级嵌套的复杂路由技术
  • 组件的组合关系和路由关系区分
  • 结合实例分析SPA最佳实践技术
  • 大型项目的状态管理问题及Vuex技术
  • 分析项目使用Vuex的需求与利弊
  • Redux的设计原理及核心概念
  • 上手尝试Redux的使用
  • 分析Vuex对Redux的改进,分解Vuex的工作过程
  • 上手使用Vuex,运用API完成案例
  • Vuex的定制:插件的开发技术
  • Vue的UI生态及ElementUI
  • Vue UI生态介绍:Naïve UI、Element UI、ArcoDesgin UI
  • UI 的设计原理及评价参数
  • Element导航设计原则及实践
  • Element UI组件使用技巧(侧重数据、导航,反馈方面的组件介绍,根据情况进行增删)
  • 使用Vue+Element 开发的代表性综合案例

 

汇款、微信转帐

汇款信息:

单位名称:北京市海淀区中科院计算所职业技能培训学校

开户行:工行海淀西区支行

账号:0200 0045 1920 0043 667

开户银行代码:1021 0000 0458

 

微信转账:

    步骤一:打开微信,扫描二微码付款时,点击打开微信右下角里的“发现”,在列表界面有一个“扫一扫”选项,点击打开“扫一扫”(如下图):

    步骤二:点击打开“扫一扫”后,会出现一个扫描框,将中科院计算所培训中心二维码/条码放入框内,即可自动扫描,并显示支付信息,输入付款金额。

                                                                                                        

    (中科院计算所培训中心二维码)

 

    步骤三:点击 “添加付款备注”,填写付款人姓名和单位全称,所有信息核对无误后,点击“确认付款”,完成支付。

 

                

 

  • 注意:步骤三是为了尽快确认您的培训费用是否到帐,方便为您查帐,所以一定要把付款人姓名和单位名称填写完整,如果姓名和单位名称超过20个汉字,单位名称可以填写简称。
京公网安备 11010802025851号 | 京ICP备14030124号-1
版权所有:© 2018 中科院计算所培训中心 .All Rights Reserved.

邀请好友一起学习

微信 QQ 新浪微博