前端学习流程

1，pc端页面制作与动画特效

1.1，HTML+css搭建网页

1、HTML语义化标签。
2、HTML标签规范。
3、css样式基础。
4、css高级布局方案。

1.2，PhotoShop切图流程

1、PhotoShop基本使用。
2、了解各种图片格式及优缺点。
3、图片的切图流程。
4、PSD格式源文件切图流程。
5、设计图转页面布局实际操作。

1.3，css3动画特效

1、transition过渡。
2、transform变形。
3、animation动画。
4、3D特效制作。

2，移动端页面制作与响应式实现

2.1，移动端布局与设备适配

1、移动端概念，如: PPI、像素比。
2、viewport视口。
3、移动端适配方案。
4、移动端尺寸单位，如: rem、vw。
5、移动端布局实际操作

2.2响应式设计与实现

1、媒体查询@media。
2、flex弹性盒模型。
3、移动端常见设备尺寸。
4、移动端交互实现。

3，JavaScript与jQuery开发

3.1，JavaScript开发

1、DOM、BOM、事件。
2、面向对象、算法、动画。
3、Ajax、前后端通信原理。
4、闭包、设计模式、错误处理。
5、常见特效制作及整站交互实现。

3.2，jQuery开发

1、jQuery核心思想及特性。
2、jQuery常见方法及使用。
3、jQuery插件制作与jQueryUI组件使用。
4、编写常见特效及jQuery源码分析。

4，H5高级框架技术开发

4.1，Vue框架开发

1、Vue组件与Vue生命周期。
2、单文件组件与脚手架搭建。
3、Vue路由。
4、Vuex状态管理。
5、Nuxt服务端渲染。
6、基于Vue的U|组件库。

4.2，Angular框架开发

1、Angular脚手架与创建命令。
2、TypeScript语法与装饰者模式。
3、Ng服务与依赖注入。
4、Ng组件与生命周期。
5、Ng路由与Ng状态管理。
6、基于Angular的UI组件库。

4.3，React框架开发

1、React组件与React生命周期。
2、JSX语法与Hooks新特性。
3、React路由。
4、Redux状态管理。
5、Next服务端渲染。
6、基于React的UI组件库。

4.4，数据可视化技术

1、数据可视化基础。
2、Echars、 Hignchars。
3、D3.js入门。
4、D3.js进阶。
5、D3.js选择集与数据。
6、D3.js高级应用。
7、D3.js应用工具: NVD3、n3-charts。

5，全栈前后端技术开发

5.1，Node.js技术

1、Node内置API.
2、Node文件操作与服务器搭建。
3、Express框架与KOA框架。
4、Mongodb数据库。
5、npm的功能使用。

5.2，其他后端技术

1、初识JAVA或PHP语言。
2、表达式与数据类型。
3、语句结构与数组。
4、类与对象。
5、this、static属性、方法。
6、抽象类、接口与多态。

6，混合应用技术开发

6.1，微信小程序开发

1、小程序框架与组件。
2、小程序API。
3、小程序云开发。
4、Uni-app多端小程序开发框架。
5、Taro多端小程序开发框架。

6.2，微信公众号开发

1、微信内置公众号定制。
2、JSSDK接入。
3、公众号常见功能开发。

6.3，Electron技术

1、Electron入门。
2、Electron调试技巧。
3、Electron和新API。
4、Electron与React. Vue集成。
5、构建Windows、Mac及Linux应用。

6.4，PWA技术

1、什么是PWA。
2、PWA项目实战。

6.5，uniapp

1、什么是uniapp。
2、项目实战。

6.6，umi

1、什么是umi。
2、项目实战