前端学习路线:html
第一阶段 网页开发基础前端
Web概述 1.万维网发展express
2.浏览器与服务器小程序
3.网页与网站微信小程序
4.域名与主机
浏览器
5.HTTP协议缓存
6.W3C标准安全
HTML/HTML5服务器
1.文件基础标记微信
2.字体与排版标记
3.图形与衔接标记
4.列表与表格标记
5.单元元素标记
6.内联框架
7.媒体与绘图标记
8.缓存与数据存储
9.拖放与地理定位
10.MathML
11.Web Workers
12.Web Socket
CSS/CSS3
1.文本与字体样式
2.背景与尺寸样式
3.布局与定位
4.盒子模型
5.边框与轮廓样式
6.2D与3D样式
7.过分与动画
JavaScript
1.JS语法
2.JS流程控制
3.JS函数
4.JS内置对象
5.错误调试与处理
6.DOM操做
7.DOM属性
8.DOM事件
9.BOM基础
UI设计基础
1.PS基本操做
2.PSD文件修改
3.网站设计与配色
第二阶段 组件化网页开发
JQuery
1.JQuery基础入门
2.JQuery选择器
3.JQuery事件
4.JQuery特效
5.DOM捕获与便利
6.JSON与AJAX基础
Layul
1.Layul基础入门
2.页面组件元素
3.弹出层
4.日期与时间选择器
5.文件上传
6.滑块特效
7.图片轮廓
8.电商评分模块
Vue.js
1.模块语法
2.流程控制
3.计算属性
4.监听属性
5.样式绑定
6.事件处理
7.数据双向绑定
8.组件化开发
9.过渡与动画
Angular JS
1.表达式
2.指令与模型
3.控制器
4.过滤器
5.DOM
6.事件
7.模块
8.表单
Node.js
1.Node.js介绍与安装
2.函数调用
3.模块声明、调用与继承
4.路由
5.文件系统及全局对象
6.GET/POST请求
7.操做MYSQL
8.express框架
9.koa2
10.上线与部署
第三阶段 WebAPP开发与小程序
移动UI框架
1.MUI框架
2.HUI框架
3.WeUI框架
4.上拉刷新与下拉刷新
H5移动开发
1.HTML5音视频
2.高德地图
3.H5存储
4.Canvas绘图
H5+Runtime
1.手机设备控制
2.摄像头与麦克风
3.系统文件
4.手机传感器
5.下拉加载
微信小程序
1.IDE安装与项目部署
2.数据绑定
3.条件渲染与列表渲染
4.事件及数据传递
5.WXSS样式
6.滚动试图
7.经常使用组件
8.音视频组建
9.微信登陆接口
10.微信支付
第四阶段 Web前端安全防护与测试
Web渗透测试
1.Web渗透测试
2.常见安全漏洞
3.暴力破解
4.上传漏洞
5.漏洞补丁补写
前端XSS
1.XSS介绍
2.XSS介绍类型
3.HTML内容与属性转义
传输安全
1.HTTP窃听
2.HTTPS原理
3.HTTPS部署
密码安全
1.密码做用与储存
2.密码加固
3.密码传输安全
4.生物密码
其余安全问题
1.DOS攻击属性
2.重放攻击
前端学习涉及的技术:
HTML HTML5 CSS CSS3 JavaScript
jQuery jQuery UI jQuery EasyUI ExtJS
ECharts Tree.js Video.js
JSP ASP.NET PHP Python
MySQL SQL Server Oracle MongoDB
XML JSON AJAX
Bootstrap Layui Foundation
jQuery Mobile MUI WeUI Reactive Native
Node.js Gulp Webpack AngularJS Vue
个人博客园地址:https://www.cnblogs.com/YQian/