阶段亮点
1、各大企业使用的主流框架全面深入讲解,扩展知识体系广度、深度,让学员轻松掌握企业内各场景业务开发
2、搭配企业级项目深入讲解各框架知识点,实战 + 教学让学员更加快速深入掌握各框架的使用以及理解,提前适应企业工作内容
3、项目均采用前后端分离模式,从前端开发到后端构建,打造项目核心业务闭环,
4、手把手带学员设计,一步步开发真实接口,将接口与数据库设计作为重中之重,不断提升系统构建能力,为职场赋能
5、班级学生分组完成项目的需求分析、详细设计、编码开发、测试上线的全流程,培养学员问题分析能力、解决问题和团队协作的能力,为即将进入企业项目组能独挡一面做充分准备。
6、可从事岗位:《Web 前端开发工程师》、《高级前端工程师》、《全栈开发工程师》、《小程序开发工程师》、《Uniapp 开发工程师》
学习目标
前端工程化(1周)
1、理解前端工程化
2、掌握 webpack 基础配置,能够独立搭建项目
3、理解 loader 和 plugin 的作用和原理
4、熟练使用 git 进行文件版本管理
5、掌握 vite 的基础配置,理解和 webpack 的区别
Vue2 (2周)
1、理解响应式数据开发模式和 is 传统开发模式的区别
2、掌握组件化开发思想和组件通讯的各种方式
3、掌握自定义指令和 mixins 封装公用逻辑
4、理解 Vue2 的数据响应式和双向绑定的原理
5、掌握单页面应用和多页面应用的使用场景及区别
6、掌握路由两种模式的底层原理
7、熟练使用 Vuex 状态管理工具
Vue3 +Typescript (2周)
1、了解TS编译流程及配置TS编译器
2、熟练掌握 Typescript 的基础以及应用
3、熟练掌握 Vue3 选项式 API
4、Vue2 到 Vue3 的迁移,了解两者之间的区别
5、解构Vue3源码,掌握框架核心
6、熟练掌握组合式 API 的应用
7、使用Vue3 配合 Typescript 进行项目的开发,提高开发效率和代码质量
8、熟练使用 Pinia 管理公共状态
9、使用 Vite +Vue3 +Typescript + Pinia+Eslint 完成大屏数据可视化项目开发
10、掌握独立开发完整项目以及快速定位分析、解决问题的能力
11、掌握企业级项目各场景性能优化、数据可视化综合解决方案
小程序(2周)
1、具备小程序页面布局的能力
2、具备小程序异步请求的能力
3、具备小程序登录授权开发能力
4、熟练掌握小程序硬件交互能力
5、熟悉各项微信开发功能
6、掌握 uni-app 混合框架的使用
7、多端小程序(支付宝,百度,字节跳动)应用
8、使用 uni-app 复刻企业级音乐 app项目
9、掌握 uni-app 快速构建多端小程序以及移动端应用的能力
react(4周)
1、理解虛拟 dom 以及 React diff 算法
2、深入理解 React 的合成事件
3、熟练使用 React ClassComponent 组件开发项目
4、全面掌握 Hooks 使用方法、技巧和场景
5、掌握高阶组件、自定义 Hook 封装公共逻辑
6、掌握 React 多种性能优化的实现
7、掌握 Redux 使用方法、技巧和场景
8、具备使用 React+TypeScript+Antd 独立完成项目开发的能力
9、掌握 Redux 使用方法、技巧和场景
10、全面掌握 Umi 框架
11、从需求分析→原型图分析→数据库与接口设计→前端界面开发→后端开发→前后端联调,了解项目的整体架构及设计
12、掌握跨端+适配技能
13、从单一模块开发到组件化开发,掌握企业核心开发思想
能力目标
1、熟练掌握 Vue2,深入理解响应式原理和组件化开发
2、能轻松驾驭 Vue3 ,且能深入理解为什么使用组合式 API
3、学会如何应用 Vue 及其相关技术栈开发企业项目研发
4、理解 Umi 的应用开发场景和技术选型依据
5、能够应用 Umi 开发 B 端项目
6、学会如何应用 React 完成 C端项目研发
7、掌握原生小程序开发
8、掌握第三方框架实现跨端和跨平台小程序开发
9、有解决系统难点经验及实践,并能叙述清楚
10、了解常用打包构建工具,并能用其解决打包过程中遇到的实际问题
11、能够使用前后端分离模式,高效开发商业级全栈项目
12、能够具备项目的构建能力