前端技术学习路线及技术汇总
阶段一、网页开发基础
一.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.下拉加载
四、微信小程序
1.IDE安装与项目部署 7.常用组件
2.数据绑定 8.音视频组件
3.条件渲染与列表渲染 9.微信登陆接口
4.事件及数据传递 10.微信支付
5.WXSS样式
6.滚动视图
阶段四、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.重放攻击