java node react,先行者计划(20170403版):《ReactJs + nodeJs + webPack + JavaScript》

原标题：先行者计划(20170403版):《ReactJs + nodeJs + webPack + JavaScript》

先行者计划 // 正文

是什么？

它是由我本人发起的面向WEB前端从业者的学习型社群。我们专注于用行动提升能力，通过端正的态度、正确的方向，让每个成员在前端的路上走的更好更稳更快。

宗旨和目的

--宗旨，“不急不慢，日行一步，做坚定持久的行动者”。

--目的，“培养长期持久的自我学习能力”。

内容与方向

依然是WEB前端组件的开发，这个聚集的点没有变。

现在前端页面已经呈现为一棵“组件树”的形态，组件需要后端服务的支持，并为之提供要展示的数据。之前的课程内容有显得很单薄了，所以在今年的规划中，先行者计划的课程内容将拆分、扩充为四部分，

1、使用原生js进行前端组件的编写，使用jQ的ajax方法；

2、nodeJs做服务端；

3、用ReactJs重写(1)部分的组件；

4、webPack打包

---用至少四次课，也就是四个周日，每次二小时，来讲解一个前端组件。

第一次课，用java来编写实现组件。先用js按面向过程的方式写，再用js按面向对象的方式来写。边写js边讲解分析业务需要的过程，两种实现方式，互相比较着理解“组件”的思路。使用jquery的ajax方法来获取并操作json数据。

第二节课，讲解nodeJs，并用用nodeJs实现一个服务端，为第一次课的前端组件提供服务。

第三节课，用ReactJs再次重写第一次课的前端组件。可以理解ReactJs与原生js和OO的实现思路都有什么不同。说到底前端组件化其实是一种思路。

第四节课，用webpack打包之前的那些js，然后在nodeJs上运行之。

我觉得至少这四步完成，有需求分析，有开发思路，有代码实现，有服务端，有数据，才算是一个完整的“前端组件应用”。

课程大纲嘛，也是要分成四部分，都是跟前端组件开发相关的，

一，原生Java

(1)：JS基础原理

- this，this指向的变化、保存，

- 函数、传参、引用

- JS解析器、作用域

(2)：OO面向对象编程，构造函数，prototype原型、原型与原型链

- 面向过程与面向对象

- 对象的属性与方法

- 创建对象

- 构造函数

- prototype原型

- 原型链

(3)：前端组件开发

- 组件介绍、特点、原则

- 组件方法、配置、事件

- 组件开发进行时

- ...

二，nodeJs

//nodeJs基础，npm，express，node模块

- nodeJs介绍、下载、安装

- node 之 helloword

- Common规范介绍

- npm

- express

- 文件系统，

- 流

- ...

三，ReactJs

//ReactJs基础，jsx,生命周期，props,state

- React基础介绍

- 建立React运行环境

- JSX语法介绍

- React程序结构

- 组件类：React.createClass()

- 属性：props

- 事件：ref、refs

- 状态：state

- 生命周期

- ...

四：webpack相关应用

- webpack介绍

- webpack安装、配置

- webpack运行

- 模块与页面管理

- WEB前端工程化

- ...

这四部分的最后一行我都打了省略号，意思就是课程内容肯定会继续的优化、调整、修改。反正慢慢来吧，

先行者视频直播 -- 详情如下：

每周日晚8点，QQ群视频直播；

内容为“WEB前端组件开发”；

课后提供视频与代码下载(百度云空间)

课程面向的人群：前端零基础、前端新人及前端爱好者

最后再明确一下，先行者计划的课程虽然也面向零基础人群，但它毕竟不是一个“完全从零开始，由浅入深”的课程。所以不会有什么 hello world之类的例子。

它的目的是，“引导与提高”。

计划内包括的 前端组件内容 如下所示：

(实际上只多不少)

计划本身是收费，且不退：

1，目前为788元，会员期限一年。

2，自你参加之日起，按自然年计算。

加入方法：

1，向支付宝

14075698[at]qq[dot]com

转账788元；

([at]换成@，[dot]换成实心句号)

2，将转账会话或带流水号的截图，发到我的微信，blazeloulan

3，随时可以加入。

重要提醒：

绝对不要以为，你交了钱，我或其他人就对你的学习进步负有某种责任。你的学习进步始终是需要你自己面对的事情。就是说我没法逼着你学，我也不会逼着你学。

结语：没有捷径可走，只能夜以继日。

如果加入，则视为你认同以上内容。

本活动最终解释权，归我本人所有。返回搜狐，查看更多

责任编辑：