Web 前端完整学习流程
第一章 HTML 基础
第一节 初级知识
HTML 是什么？
- 基本概念
- 发展历程
- 元素
- 属性
<head><body>- 常用元素
- 表格
- 表单
- 列表
- 多媒体与嵌入内容
- 链接
- 全局属性
- 注释
- 常见 HTML 问题解答
第二节 高级应用
复杂表单
- 多选框
<fieldset>- 文本域
- 下拉菜单
<input>类型
复杂表格
- 合并单元格
<colgroup><thead>、<tbody以及<tfoot>
- 语义
- 焦点管理
- 预加载
- 多媒体
- CORS
- 内联元素与块级元素
- 其它HTML知识
第二章 CSS 级联样式表
第一节 基础知识
CSS 是什么？
- 基本概念
- 发展历程
- 语法
- 选择器
- 值与单位
- 层叠和继承
- 盒模型
- 常见 CSS 属性
- CSS 调试
第二节 高级应用
- 文本样式化
- 盒样式化
- 布局
- 初始值、计算值、应用值和当前值
- 浮动
- 定位
- 弹性盒子
- 文档流
- 块级元素与内联元素的特性
- 函数
- 伪类
- 伪元素
- 背景
- 颜色
- 阴影
- 边框
- 渐变
- 媒体查询
- 响应式
第三节 过渡与动画
- 基础知识
- 2D 与 3D
keyframesanimation
第四节 CSS 库
- Bootstrap
- Semantic UI
- Magic CSS3 Animation
- Buttons
- Single Element CSS Spinner
第五节 CSS 编程
- SASS/SCSS
- LESS
- Stylus
- Postcss
第六节 移动设备
第七节 实践
- 企业官方网站
- 论坛
- 社交平台
- 新闻门户
- 创意单页面网站
第三章 JavaScript
第一节 基础知识
- 什么是编程语言？
- 什么是 JavaScript？
初涉 JavaScript
- 运行环境与浏览器
- 以程序员的方式去思考
- 猜数游戏
- 存储你的数据 - 变量
- 数字与数学运算
- 字符串
- 数组
- 条件
- 循环
- 函数
- 事件
- Promise
第二节 高阶知识
- 对象基础
- 原型
- 继承
- JSON
函数
- 参数
- 返回值
- 表达式
- 数据类型
- 声明提升
- 递归
- 作用域
- 局部变量与全局变量
- 作用域链
- 闭包
数组
- 遍历
- 合并与拆分
- 元素删除、插入与替换
- 排序
- 与字符串互转
map、reduce、forEach、filter等方法
正则
- 概念
- 精确匹配
- 预定义特殊字符
- 字符集
- 修饰符
- 边界
- 预定义类
- 量词
- 分组
- 操作符
- 分组的反向引用
- 中文
- 常用正则表达式
- IIFE
setInterval与setTimeout- 模块化
第三节 客户端 Web API
- Web API 简介
- 文档对象模型
- 基础的 DOM 操作
- 创建并放置节点
- 移动或删除节点
- 操作样式
window对象- 客户端数据存储
- 事件
第四节 客户端与服务器端通信
- HTTP 协议
XMLHttpRequest与 Ajax- Fetch
第五节 第三方 API
- 高德地图 API
- 百度地图 API
- Google 地图 API
- 微信 API
第六节 Web 端图形绘制
Canvas
SVG
MathML
第七节 Web 端多媒体 API
- 视频 API
- 音频 API
第八节 Web 端设备 API
- 地理位置
- 网络信息
- 抖动
- 摄像头
第九节 JavaScript 库
- jQuery
- Lodash
第十节 ECMAScript 6
第十一节 JavaScript 框架
基础知识
- 基本概念
- 发展与趋势
AngularJS
ReactJS
VueJS
第四章 NodeJS
第一节 基础知识
- NodeJS 是什么？
- 开发环境配置
- 单线程
- 非阻塞I/O
- 事件驱动
- 高并发、IO密集型
模块
- 基本概念
- 内置模块与自定义模块
httpurlpathfs
npm命令yarn命令
第二节 高阶应用
- WebSocket
第三节 NodeJS 框架
- ExpressJS
- KoaJS
- HapiJS