阶段一、网页开发基础
一.web概述
1.万维网发展
2.浏览器与服务器 浏览器运行原理
3.网页与网站 HTTP协议
4.域名与主机 w3c标准
5.HTTP协议
6.w3c标准
二、HTML/HTML5
1.文件基础标记 7.媒体与绘图标记
2.字体与排版标记 8.缓存与数据存储 表单元素
3.图形与链接标记 9.施放与地理定位 H5数据存储
4.列表与表格标记 10.MathML WebSocket
5.表单元素标记 11.Web Workers
6.内联框架 12.Web Socket
三、CSS/CSS3
1.文本与字体样式 5.边框与轮廓样式 布局与定位
2.背景与尺寸样式 6.2D与3D特效 浮动
3.布局与定位 7.过渡与动画 盒子模型
4.盒子模型
四、JavaScript
1.JS语法 5.错误调试与处理
2.JS流程控制 6.DOM操作 JS内置对象
3.JS函数 7.DOM属性 DOM操作
4.JS内置对象 BOM操作
五、UI设计基础
1.PS基本操作
2.PSD文件修改
3.网站设计与配色
阶段二、组件化网页开发
一、JQuery
1.JQuery基础入门 JQuery事件
2.JQuery选择器 JQuery动画
3.JQuery事件 遍历
4.JQuery特效 CSS方法
5.DOM捕获与遍历 AJAX
JSON与AJAX基础
二、Layui
1.Layui基础入门 5.文件上传 常用的组件元素
2.页面组件元素 6.滑块特效 弹出层
3.弹出层 7.图片轮播 图片轮播
4.日期与时间选择器 8.电商评分模块 常用特效
三、Vue.js
1.模块语法 6.事件处理
2.流程控制 7.数据双向绑定
3.计算属性 8.组件化开发
4.监听属性 9.过度与动画
5.样式绑定
四、Angular JS
1.表达式 5.DOM
2.指令与模型 6.事件
3.控制器 7.模块
4.过滤器 8.表单
五、Node.js
1.Node.js介绍与安装 6.GET/POST请求
2.函数调用 7.操作Mysql
3.模块的声明、调用与继承 8.express框架
4.路由 9.Koa2框架
5.文件系统及全局对象 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.下拉加载
阶段四、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.重放攻击
最后，想学习前端的小伙伴们！
如果还在IT编程的世界里迷茫，不知道自己的未来规划，学习没有动力，东也学一下，西也学习一下，那你可以加入web前端学习交流群：539738200, 里面有大神一起交流并走出迷茫。新手可进群免费领取学习资料，分享一些学习的方法和需要注意的小细节，每晚八点也会准时的讲一些前端的小案例项目。
点击：加入群
如果想看到更加系统的文章和学习方法经验可以关注的微信号：‘web前端技术圈’或者‘webxh6’关注后回复‘2019’可以领取一套完整的学习视频