web程序员为什么很苦逼。很简单，都是企业逼得。不过作为web程序员我们也能痛并快乐着。

以前的开发模式基本上是混合开发，也就是不分前端和后端。这就造成了项目的产品化程度低，维护升级步骤复杂。对于企业来说成本高，对于程序员来说干的也很痛苦。那么前后端分离的开发方式既有效的提升了企业的产品化程度，也在一定程度上让我们的开发分工更加明细，术业有专攻。大家好才是真的好。

本节课继续快速体验前端开发的魅力。体验后我们要学会如何学习一个你没有接触过的技术点。并且是从实战角度学习，不是死学或按部就班的学。

之前接触过一些企业，在技术宏观上从小做到大，企业往往需要走四部。当我们解决了有无问题后，为了赚钱更方便些就会趋使我们进行组件化封装。

当我们发现很难控制队友的JS编码风格时，就会绞尽脑汁想出一种控制他们的方法。诺，本课时就是因为"我的控制欲"自己杜撰了一种js+html编码风格。毁到三观了。

错位是很多web开发人员最常见的烦恼。不小心就错位了，甚至有时候使用一些框架然后自己改了改不知道为何就错位了。那么本节课来剖析一下到底是什么原因让你的div错位了呢？

脚本中无法实现像.net或java那样的using或import.既然没有那就自己造个呗。有多高深！

响应式布局是很多新手web前端开发人员感觉很神秘的知识。那么它真的很神秘吗？这节课用10分钟时间就让你知道怎么做最简单的响应式样式

网页加载时真的能获取加载状态用精度条显示吗？明显不能，但是如果就是要做这个功能该怎么办？其实还是还有取巧的办法的，请看视频

CSS一直是后端程序员不屑一顾的知识点。实际上如果你能掌握一些优良的CSS技巧，那将对你的开发起到事半功倍的作用。譬如本节课讲到了一个CSS选择器。开发者用户体验也是很重要的

javascript的基本数据类型是很重要的一个概念，只有懂了这个才能真正了解后面的对象和引用。这节课我们用火车票这个案例帮助大家开脑

本节课再次用形象的列子让你真正理解javascript中的对象。理解对象需要分3课时，本课时是第一波。

基于前面的火车票例子。车票只有被售出后才真正具有意义，否则只是一堆数据而已。那么我们JS中的实例化其实就是车票被卖出后的一个过程。同时我们发现定义一个JS对象里面有个JS关键字和prototype，那么这两个东西和车票有关系吗？请看我们这节课

本节课开始学习构建自己的小框架。在构建中我们逐步掌握和提升我们的JS水平。

本课模仿jquery 实现html()方法和attr方法。模仿并不是目的，撸顺思路是关键

我们在jquery中经常会使用到$(document).ready这个方法。其实要简化模拟实现非常简单。甚至只有3行代码

本节课我们将学到如何获取元素的父元素，并且封装到我们的简陋小框架中，使之能够不断无下限的获取父元素，并能够正常调用简陋小框架的方法

本课程我们将深入了解JS当中的事件。也就是Event，你会发现事件就像感冒一样是可以传播的。而且我们可以让这个传播戛然而止

我们经常在写脚本时会忽略事件的触发，有时我们写很多冗余的代码来赤裸裸的调用函数，从而导致我们很多“烂代码”。这节课给大家还原这个场景

xmlhttprequest就是ajax的核心。补好这个基础知识对我们后面理解其他更进一步的知识是很有帮助的。本节课讲解如何在服务器端控制状态的响应，已达到某些实战的目的

不同域下如何使用xmlhttprequest来请求，如post和put，并通过json方式来提交和获取数据，以及PHP怎么获取json内容

很多人觉得闭包很难理解。其实，闭包本身的目的就是为了简化代码、减少程序员的人工细节干预。目的就是为了让你好理解

很多同学一直觉得作用域很难理解。其实很多新手被拗口的技术名词“阻挡”在了门外，这节课我们来清晰理解一下JS中的作用域，理解的目的是为了让我们少犯错。并不是说所有知识点理解了一定有多强大的卵用~~~~

AO链也是JS中的很难理解的一部分。其实我们只要把技术和生活中的日常结合在一起就不难理解了。这节课我们用开房和住人两个区别解释AO链的概念

这是个很常用的函数，常常用于实现对象的继承。那么怎么去理解这个函数，本课给你不一样的角度

第二章完结课，后面我们通过实战继续恶补。这节课我们来讲匿名函数，其实大家都在一直使用匿名函数，只不过没有真正的去了解它。那么我们这节课就来谈谈这个匿名函数到底是什么鬼

进入reactjs的世界,本课时入门体验课。到底reactjs适合什么？怎么学？

上节课我们简单编写了reactjs的代码，并接触到了jsx语法。那么其实我们使用了运行时编译(其实就是翻译).那么为了搞清楚为什么，我们得知道到底怎么在运行时“编译”。

一个个知识点学习太累。这节课我们带着场景开始学习。本课先创建一个简单的导航栏，然后学习如何利用reactjs往导航栏上加内容并触发事件。

为了更好地学习后面的课时，我们需要一个好的编辑器和一个好的“编译环境”。本课程使用比较简易的方式搭建一个基本开发环境，尽可能避开复杂的或过于后端化的方式。

这节课我们开始由易入难来接触reactjs的精髓之一：组件化开发。

本课我们在导航栏上加一个搜索框。并了解如何通过外部属性进行动态设置组件属性。

本节课我们借助ajax 来加深我们的功能理解。从而更进一步学习reactjs自定义组件的开发。

这个功能在网站里很普通。那么在ReactJS里到底怎么实现呢？

这节课我们做个简单的评论列表，并通过ajax渲染到React组件中。同时我们要实现一个定时获取更新的功能。本课留个坑，请大家仔细观看

紧接着上课，上课我们设置了一个定时器，当组件被移除后发现它依然还在不断无脑执行。那么该怎么破呢？

本节课我们学习在ReactJS中如何做表单。

初识ReactJS的组件化开发(八):用表单做评论 :限制textarea可输入字符长度。

初识ReactJS的组件化开发(九):下拉框的使用方法

我们进入新的章节。这节课我们来学习如何利用Babel来把你的JS代码转化为广大浏览器兼容的代码。

本节课我们开始学习目前最火爆的webpack这个打包工具。通过它结合babel你就可以毫无障碍的写最流行的前端代码

上节课我们学会了打包基本的JS代码。这节课我们将学习如何利用Babel结合webpack打包ES2015代码，并生成一个压缩JS文件。

应网友要求，我们把后面的知识放前面来讲。附加一课，把css和图片也利用前面学到的webpack一起打包

在ES5的年代，很多写法都很别扭，譬如作用域，有的概念甚至让我们感到恶心。它真的是特性吗？No~~~只不过是一种“缺陷而已”，Es2015则完全解决了这个问题

以前我们如果要使用变量和html内容结合需要自己拼凑字符串，然而这在ES2015中变得如此简单。本节课我们来学习一下这个屌炸天的特性。

ES2015中函数的定义让你大开脑洞，我们这节课就来学习一下这个箭头函数。

ES2015中引入class写法。从此我们可以像写PHP或java面向对象代码一样去写JS代码了。这节课我们先来入个门

令人振奋的Class(下):继承和实战代码示例.请看本课程的实例代码，希望对大家有所启发

本节课我们来学习两个有趣的知识点延展操作符和解构的简单实际应用。你会越来越发现写ES2015就是一种享受

本课知识点时ES2015中最惊艳的特性。让我们一起来体验吧

本节课我们来初步学习ES2015中模块加载机制，import from ，并且学习一个webpack的html模板插件。很好用哦

本课时我们来学习现在很火爆的Promise开发方式。用最简单最浅显的方式入个门

最近有学员讨论了ajax将死，剩下的就是fetch。那么这到底是什么技术呢？这节课我们来入门一下.

[附加课]WebSocket超简单入门（PHP模拟后端）

PolyFill是什么？也许很多同学看到网上都在讲，却很少自己用过。这节课我们来看下被誉为“修补匠”(dota?)的PolyFill到底有啥作用。

前面我们使用了babel手工“编译”我们的ReactJS。后来我们学习ES2015时学习了webpack。那么如何利用babel结合我们的webpack来同时处理两者呢？

前面的课时我们写完JS代码后都需要手工“编译”一下，那么如果在开发过程中太麻烦了。于是我们需要一个“热编译”功能，每次修改代码自动就能编译。这节课我们来学习一下

BootStrap框架详细很多同学用过。因此我们这节课来学习一下使用React来封装好的BootStrap。体验和快速上手。后面我们还会放出更多框架的体验上手课时

我们依然使用速学风格来快速上手一个非常好用的框架，Amaze UI。只不过我们使用的是React版本

这节课开始我们上手体验Ant Design框架，也是阿里出品（蚂蚁金服）的一款基于React封装且非常好用的框架组件库。

本课程讲的是怎么做一个简单的Ant Design布局

本课为总结课。也为我们本课程和后续其他课程的衔接做一个套路衔接。后续课程请转向http://www.jtthink.com/course/39