前端技术学习路线及技术汇总

第一阶段：网页开发基础

 

                  章节                                     内容                                        掌握核心

Web概述	万维网的发展 浏览器和服务器 网页和网站 域名和主机 HTTP协议 W3C标准	浏览器运行原理 HTTP协议 W3C标准
HTML/HTML5	文件基础标记 文字和排版标记 图形和链接标记 列表和链接标记 标点元素标记 内联框架 媒体与绘图标记 缓存与数据存储 拖放与地理定位 MathML Web Workers Web Socket	表单元素 H5数据存储 Web Socket
CSS/CSS3	文本和字体样式 背景和尺寸样式 布局和定位 盒子模型 边框和轮廓样式 2D和3D特效 过渡和动画	布局和定位 浮动 盒子模型
JavaScript	JS语法 JS流程控制 JS函数 JS内置对象 错误调试与处理 DOM操作 DOM属性 DOM事件 BOM基础	JS内置对象 DOM操作 BOM基础
UI设计基础	PS基本操作 PSD文件修改 网站设计和配色

 

阶段二：组件化网页开发

 

           章节                                     内容                                        掌握核心

jQuery	jQuery基础入门 jQuery选择器 jQuery事件 jQuery特效 DOM捕获和遍历 JSON与AJAX基础	jQuery事件 jQuery动画 遍历 CSS方法 AJAX
Layui	Layui基础入门 页面组件元素 弹出层 日期与时间选择器 文件上传 滑块特效 图片轮播 电商评分模板	常用组件元素 弹出层 图片轮播 常用特效
Vue.js	模板语法 流程控制 计算属性 监听属性 样式绑定 事件处理 数据双向绑定 组件化开发 过渡与动画
Angular.js	表达式 指令和模型 控制器 过滤器 DOM 事件 模块 表单
Node.js	Node.js介绍和安装 函数调用 模块的声明、调用和继承 路由 文件系统及全局对象 GET/POST请求 操作Mysql express框架 Koa2框架 上线和部署

第三阶段：WebApp开发小程序

 

                章节                                      内容                                      掌握核心

移动UI框架	MUI框架 HUI框架 WeUI框架 上拉刷新和下拉加载	上拉刷新和下拉加载
H5移动开发	H5音视频 高德地图 H5存储 Canvas绘图
H5+Runtime	手机设备控制\ 摄像头和麦克风 系统文件 手机传感器 下拉加载
微信小程序	IDE安装和项目部署 数据绑定 条件渲染和列表渲染 事件及数据传送 WXSS样式 滚动视图 常用组件 音视频组件 微信登陆接口 微信支付

 

第四阶段：Web前端安全防御与测试

 

                 章节                                      内容                                      掌握核心

WEb渗透测试	Web渗透测试概述 常见安全漏洞 暴力破解 上传漏洞 漏洞补丁补写	Web渗透测试概述
前端XSS	XSS介绍 XSS攻击类型 HTML内容与属性转义
传输安全	HTTP窃听 HTTPS原理 HTTPS部署
密码安全	密码的作用与存储 密码加固 密码传输安全 生物密码
其他安全问题	DOS攻击 重放攻击