html5 vue react,Web前端技术（JS，HTML5，JQuery，React，Vue.js）

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)

路由和控制器

呈现图书馆数据

使用表单

部署至生产环境