阶段亮点:

1、项目涵盖电商、旅游、后台管理等多领域的界面布局

2、Tab切换、banner轮播图、下拉菜单等效果，进行原理的讲解，为后面的JS留好接口

3、对经典面试题有详细讲解

学习目标：

1、认识了解前端工程师这个岗位:什么是前端?为何需要前端?前端工程师这个岗位又是怎么产生的?前端在整个项目中的定位是什么?为什么前端能成为职场新贵?

2、认识HTML&CSS，掌握标签的使用说明、分类及特点;熟记常用的行内、块、行内块元素、特殊符号等进行结构搭建

3、掌握CSS3的基本语法和使用、掌握CSS3各类选择器/样式属性，快速进行样式设置

4、掌握css文本、背景、盒模型、浮动、定位、转换等属性

5、掌握css选择器的定义、语法、分类、优先级

6、独立完成PC端网站的界面排版布局开发

7、掌握SASS的应用

8、掌握过渡、动画、2D、3D转换等新增属性，实现移动端动画、特效的制作

9、掌握fex弹性、grid网格、移动端适配、响应式四大主流类别布局10、独立完成跨多端移动项目的布局开发，且能解决兼容问题

能力目标：

1、培养能够轻松应对各种有挑战性的页面布局能力

2.培养拥有良好代码规范(甚至代码洁癖)的意识

3、培养独立解决问题，寻求最优解的能力

4、培养能够具备知识和方法的总结、提炼能力

5、培养追求完美、精益求精、按时交付的品质

阶段亮点:

1、杜绝只传授语法和知识点，深度拆解，反复练习的背后，帮助学员快速建立编程思想，直击本质，了解原理与运行机制

2、融入了大量的大厂面试题，并对其有详细的拆解和讲解，如:考题背后的考点、是否是唯一解决方案、性能优化等

3、案例+项目驱动教学，最大限度的调动学习的积极性与主动性，同时能够更好的建立知识体系，为后面课程的学习打下扎实的基础

学习目标:

1、掌握JavaScript的数据类型及各类型之间的显式、隐式转换等

2、掌握JavaScript的流程控制语句

3.掌握JavaScript的一等公民-函数的定义和应用，及作用域

4、掌握JavaScript的几大内置对象(Math、Date、String、Array)，它们中一些常用方法的应用

5、掌握DOM中节点的分类、属性及相关方法

6、掌握BOM及BOM中window对象常用方法的应用

7、掌握事件相关操作，事件类型、DOM2级事件、事件委托等

8、正则表达式的定义及应用

能力目标:

1、能够利用所学知识实现如:菜单、Tab切换、轮播图、表单验证、留言板等功能模块的开发

2、不断培养分析问题、解决问题、举一反三的能力

3、通过大量算法题的练习，逐步锻炼分析、总结、提炼规律，且能将规律用程序实现的算法、推理能力

4、不断塑造代码优化的意识，养成追求完美的习惯

阶段亮点

1、加入了通过原生JS实现框架的部分原理性内容的讲解，加强对面向对象的理解和应用

2、通过重构Promise，深度了解代码的异步机制

3、加入了Node，深度打通前后端

4、JS和ES6作为面试必考，大纲中加入了大量常见考点和经典面试题，并做了详细的梳理、分析和讲解

学习目标

JavaScript进阶(1周)

1、掌握面向对象思想，掌握面向对象、函数式等编程方式

2、掌握JS模块化编程方式，编写高质量代码

3、熟练掌握原生JS进行前后端数据交互流程

4、熟练掌握原生JS的常见工具类库，播件的使用

5、熟练掌握框架的原理性内容，深度剖析源码，从本源了解框架

6、熟练掌握JS高级编程思维，强化逻辑能力

7、熟练掌握模块化的开发规范，加强模块化编程思想

移动开发+ES6(1周)

1、掌握ES6的基本语法与使用

2、了解ES6的新方法，掌握新的集合类型，更深入的了解数据的遍历。

3、掌握Promise异步编程。

4、掌握Class(类)，强化面向对象的使用，掌握更高级的面向对象程思想。

5、掌握eventloop与异常处理。

6、掌握更加清晰与便捷的对象继承方式

7、掌握移动端常用的touch和darg事件

8、学习本地存储的多种方式，了解数据缓存机制

9、掌握常用的APl，如:音视频处理、webStorage、canvas、Web Workers、Cache Manifest等

Node(2周)

1、掌握Node的基本概念和使用，熟练掌握nodeJS的开发流程

2、理解HTTP协议，熟悉网络通信相关概念，熟悉后端的开发模式和开发流程

3、熟悉原生Ajax请求流程与细节，能够自己封装Ajax

4、理解同源策略，掌握常见的跨域解决方案

能力目标

1、能够有常规算法思路，了解算法原理过程，并能灵活运行

2、培养严谨严密的前后端交互逻辑

3、培养高级编程思维、设计模式、项目架构

4、能够使用Class、Module，实现模块化，提高复用率

5、能够进行不同的移动终端调试

6、能够高效解决异步编程问题

7、了解网络原理，抓包分析及性能优化方案

阶段亮点

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、能够具备项目的构建能力