前端学历路线整理

应用领域

小游戏、服务端、常用的后台管理系统、移动web、微信接入小程序、大数据可视化、响应式、交易平台等

H5解读

全栈（前端、后端）> web前端
web前端 约等于 HTML5 = h5

前端页面重构

整体入手—布局分析—调整位置—添加样式

PC端网站布局

此部分需要掌握表单、表格、标题、段落等常见标签并且能够采用语义化的方式进行页面布局；学习浮动、定位、盒子模型、选择器等常见样式并且配合HTML完成PC端页面的制作

PS工具及切图

了解图片格式的分类及特性，并对PSD格式有了解，可以使用PS工具进行简单的网页切图，对图片进行简单的设计和处理，掌握企业中是如何进行切图操作的，能配合UI完成项目的开发

H5移动端网页布局

了解移动端专业词汇，PPI、像素化、Retina高清屏等
掌握移动端布局方案：流式布局、rem布局
学习响应式布局的实现原理，并且可以完成多端适配
学习移动端reset，IPXborder,高清图片等优化方案

H5-CSS3新特性与交互

掌握新的语义化标签，如：section、article、aside
了解音频与视频，并能添加到页面中进行展示
学习CSS新的样式，如动画、3D、过渡、阴影、弹性盒模型、grid网格布局、字体图标…

前后端网页交互

JS基础

掌握js基本语法，包括：函数、DOM、BOM、事件、面向对象、动画等
学习内置对象，包括：字符串、数组、时间、正则等
掌握常见算法，包括：排序、随机、去重、碰撞检测等

ES6到ES10新语法实践

对ES6中新提供的内容进行掌握，包括：模板字符串、箭头函数、面向对象、解构赋值、promise规范、模块化开发、async/await异步处理、Map/set数据结构等，并且能够用于实践中，完成常见的交互功能。

JQuery应用及插件使用

掌握JQuery库的基本使用，包括：常见的各种方法、动画、插件使用等
并且可以自己定义插件以及快速实现网页的常见特效效果
基于JQuery库的Bootstrap框架和Swiper的使用

设计模式及插件编写

了解常见的设计模式：MVC、MVVM、观察者模式、单例模式、工厂模式、适配器模式等
基于面向对象的插件编写模式，配置参数、实例方法、自定义事件等
利用插件方法开发复杂的交互效果

封装JS工具库及Web APIS

自主开发DOM库、事件库、AIAX库、原型与继承库、基于SPA的路由库
学习H5新的API接口，音视频接口、本地存储接口

AJAX+PHP+My SQL前后端交互

了解前端与后端的责任与分工，知道JSON数据，AJAX技术、跨域等，能实现前后端数据传输
掌握PHP基本语法，搭建Web服务器，对MYSQL有较深入的了解，如：命令行操作、多表查询、事务函数、分区等

前后端工程化与模块化应用

掌握常见工具：Gulp、Webpack、NPM、Ｇit/SVN
了解命令行参数，学习Linux命令等
掌握CommonJs AMD CMD ES6模块化等
模块化相关内容，学会requireJS库的使用

PC端全栈开发项目

项目实战包括：项目规划、前期准备、项目进度把握、项目开发、项目测试等

实现PC项目的弹出模态框、轮播图、选项卡、视频播放器、切换滑屏等常见功能
使用jQueryUI JQueryEasyUI Highchars/Echarts ArtTemplate smarty等技术

Node.js+前端框架

Node.js全面进阶

掌握Node.js核心模块
包括：process path fs http等
了解npm 命令及利用Node进行工具开发
对爬虫、服务器搭建 IO传输 Socket协议 加密等有所了解

Koa2+Mongo DB搭建服务

掌握koa框架核心内容 async/await的异步处理方式
中间件、路由系统、异常处理等进行学习，并且对文件的上传、下载、登陆权限、安全、并发性能等有所了解
掌握MogoDB GraphGL redis等

精通Vue.js框架

理解什么是渐进式框架，数据响应式框架，对Vue进行深入理解
如：单页面，vue文件，路由，状态管理，脚手架，调试工具，nuxt框架等
学习vue相关的UI组件并能应用到实践中

精通React.js框架

了解什么式虚拟DOM JSX语法 ，路由实现原理等
对最新的高阶组件 Hooks等有所掌握
学习React周边生态技术，如：React-router-dom Redux Mobx dva等

小程序开发及小程序框架

理解什么是小程序以及小程序的能力
对组件、API、插件、开放接口等有所学习
对于云开发中的云数据库、云存储、云函数、HTTP API都有深入的理解
了解什么是Taro框架、如何进行多端适配
掌握与React语法的异同点
了解WePY框架 可利用WePY快速开发小程序，并理解与掌握与VUE语法的异同点

原生APP与混合APP

利用React-native框架搭建混合应用app
掌握RN的沙箱环境、组件、API能力、调试、性能优化等
可利用RN实现混合应用，并可发布平台
利用Flutter框架搭建混合应用app,掌握dart语言、组件、脚手架、网络请求、以及实现应用等个
Flutter跟RN的对比优劣势

数据可视化与桌面应用

数据可视化基础 Echarts Highchars
D3.js入门 D3.js进阶 D3.js选择集与数据 D3.js高级应用 D3.js应用工具
NVD3 n3-Charts
从electronAPI的使用到高级框架react、vue的集成，最中能够打包发布属于自己的桌面应用