| Web前端框架概览 |
Web前端技术架构：
展示层：html，css
控制层：JavaScript
后端服务接口：ajax，restful，node.js
Web前端运行原理解析
Web前端当前开发趋势
典型的web前端开发框架：
jQuery、
Bootstrap
Vue
ReactJS |
| Web前端框架实现原理 |
主流JS框架实现剖析：jQuery、Vue，ReactJS，Node.JS
浏览器工作原理
JavaScript对象生命周期管理
JavaScript对象关系绑定：继承、多态
JS框架实现原理剖析
类库的组织
JS事件响应模型
Html对象注入方式
应用JS的绑定与注入 |
| JavaScript原理与应用 |
| JavaScript基础 |
页面的层级结构
实例：Hello World的文档结构
JavaScript变量执行环境和作用域
|
| 引用类型 |
Object对象
日期对象
实例：上线时间的地雷
巧用apply和call
JSON的使用
|
| JavaScript 框架设计模式 |
JavaScript 与面向对象
使用function在ECMAScript 5规范下模拟类和继承
ECMAScript 6严格语法模式中接口的定义与实现
AMD异步模块定义的使用
MVC模型框架与实现
MVP模型框架与实现
JavaScript的模块化 与动态装载管理
|
| BOM |
BOM的重要性
location
navigator
实例：获取用户的分布
|
| DOM |
页面的层级结构
巧用父子关系
实例：任意添加的文本
|
| 事件处理 |
冒泡和捕获
事件监听
实例：拖拽的小方块
事件深入解析
|
| JavaScript调试与监控 |
调试工具一览
Chrome面板
浏览你的资源
熟悉网络的情况
实例：新浪微博的跟踪调试
|
| JavaScript 开发介绍 |
介绍JavaScript 语言的基本特性
如何使用JavaScript 语言进行应用开发
以及JavaScript 技术面向对象技术的技巧
|
| Ajax 与异步开发技术 |
异步数据获取技术使用最为广泛技术，此部分介绍使用JavaScript 获取远程数据，并调用
远程服务 |
| HTML5介绍 |
| 新的页面组织标记 |
HTML5中从应用角度出发提供了许多新的网页标记，专门用于定位各种网页内容，本节课程我们将介绍这些新标记，并说明如何使用这些新标记来组织你自己的文档结构
|
| 智能表单设计 |
数据提交从来都是web应用设计中的重要部分，而其中的数据格式验证等功能需要脚本的辅助，HTML5为了解决这一问题提供了一些新的表单样式工具，为开发者开发更智能的表单输入提供了良好支持，本节课程着重于介绍如何制作这样一个智能表单 |
| 引入多媒体对象（video audio
webrtc） |
在网页当中播放多媒体对象长期以来一直都是多媒体控件的专利，从HTML5开始，HTML标记中也可以引入多媒体音频和视频，如何应用这些新标记让自己的网页内容更丰富呢，本节课程将带大家制作一个简单的多媒体应用，来分享这一特性 |
| Canvas对象你的画布 |
网页中直接绘制图表也曾经是控件垄断的天下，各种图报表的绘制曾经困扰着广大开发者，现在HTML5中引入了原生的图形绘制工具，可以让你在HTML代码中直接绘制图表(矢量图与动画)，本节课程将介绍如何使用这一功能
|
| 扩展图形标记 |
本节课程介绍一些使用Canvas对象绘制位图，通过使用这些API可以实现位图的加载，水印文字的绘制，甚至可以提供丰富的像素级位图操作，在页面内实现滤镜效果。
|
| 离线缓存标记 |
HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势：
离线浏览 - 用户可在应用离线时使用它们
速度 - 已缓存资源加载得更快
减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源 |
| HTML5中的地理应用 |
LBS（Location Based Service）是基于位置的服务缩写，LBS应用目前已经成为了移动互联网时代的新兴的最重要应用。HTML5中提供了对LBS的天然支持，可以让用户方便的开发出基于地理位置的网页应用。本节课程介绍如何使用这一特性 |
| 独立数据存储 |
Web应用中也需要在用户端存储一些数据，从HTML5开始，这个存储功能不再仅限于存储一些简单的文本信息，HTML5提供了丰富的存储功能，开发者可以把更复杂的数据类型保存在用户端，本节课程将要以一个实例来介绍如何在用户端存储用户数据
|
| 新的网络连接技术（Web Socket） |
Web应用中经常需要做一些异步交互，此次HTML5中专门提供了用于在后台取回数据的连接对象，本节课程介绍如何使用这一连接对象进行工作。
|
| Web Workers |
Web开发中经常需要大量的交互式脚本，其中一些脚本耗时费力，影响响应时间，降低用户体验，为了解决这一问题HTML5提供了一个独立线程，专门用于在后台运行各种脚本，大大提高了用户响应，这就是本节课程介绍的Web
Worker技术。本节课程通过两个例子说明这一技术的优势。为广大开发者开发具有良好性能的Web应用提供帮助。
|
JQuery原理与应用
|
| jQuery框架原理与应用 |
jQuery 安装
jQuery 语法
jQuery 选择器
jQuery 事件
JQuery结构解析
JQuery资源目录
JQuery编程接口
jQuery事件模型
JQuery中的样式定制
JQuery实用工具函数
在JQuery中使用插件
|
| jQuery AJAX |
jQuery AJAX 简介
jQuery 加载
jQuery Get/Post
|
| 前端应用发展趋势和框架选择方法 |
前端应用发展的多平台化：PC、移动终端、HTML5
浏览器相关技术规范的发展趋势：
前端框架选择建议
如何根据自己的应用需要组合框架，
大型web应用：前端框架组合范例参考
|
| JavaScript （ECMA2018） |
新特性介绍
arrows
classes
enhanced object literals
template strings
destructuring
default + rest + spread
let + const
iterators + for..of
generators
unicode
modules
module loaders
map + set + weakmap + weakset
proxies
symbols
subclassable built-ins
promises
math + number + string + array + object
APIs
binary and octal literals
reflect api
tail calls |
| TypeScript原理与应用 |
TypeScript原理介绍
TypeScript基础开发应用
TypeScript高阶应用开发
|
| WebPack原理与应用 |
生产环境构建
缓存
开发
管理依赖 |
| ReactJS框架原理与应用 |
前端工程和 React 生态系（Ecosystem）简介
开发环境设置与 Webpack 入门
React/JSX/Component 简介
Props/State 基础与 Component 生命周期
React Router
ImmutableJS
Flux/Redux
Container 与 Presentational Components
实战教学：用 React + Router + Redux + ImmutableJS
写一个 Github 查询应用 |
| Vue.js的技术基础 |
模板语法
计算属性
Class 与 Style 绑定
条件渲染
列表渲染
事件处理器
表单控件绑定
组件
|
| Vue.js高级实现 |
深入响应式原理
过渡效果
过渡状态
Render 函数
自定义指令
混合
插件
单文件组件
生产环境部署
路由
状态管理
单元测试
服务端渲染
|
| NodeJS原理与应用 |
NodeJS简介
CommonJS规范介绍
基本语法
文件操作
手写HTTP静态资源服务器
1. HTTP 相关API
2. HTTP协议理论基础
3. 一步步实现服务器
Express & mongoose
1. Express写静态网站
2. Mongoose API
3. 让网站动起来
多进程
1. Process & Child Process
2. OS 和Cluster
3. 网站部署
|
| Express框架介绍 |
Express 网页框架 (Node.js/JavaScript) 概览
Express/Node 介绍
架设 Node (Express) 开发环境
Express 应用实践
本地图书馆网站
新建网站骨架
使用数据库 (Mongoose)
路由和控制器
呈现图书馆数据
使用表单
部署至生产环境 |
