React培训课程

课程内容:

本次课程将系统讲解从ES6语法、Babel解析器、Webpack、React、React-router、Redux整套的最新技术栈的应用。

交流QQ群 珠峰React二期交流群 297241823

1.适用人群

适用于初中级前端开发人员,以及感兴趣的相关技术人员,我们希望你有基本的前端开发基础,并且对学习新技术有强烈愿望。

2. 教学目标

通过本次课程的学习和交流,能够拓展自己的技术面,掌握现在流行的前端技能,具备React及其应用架构的高级开发能力。

3. 讲师简介

郭永峰,前端架构师,现就职于用友网络。专注前端开发多年,在前端工程化实现、React技术应用、移动端开发等领域有丰富经验。

开课方式:

实体加在线,在线地址: https://zhufeng.ke.qq.com/#tab=0&category=-1

开课时间:

珠峰大前端全栈课程的一部分,每周晚上内部公开课,不对外

开课性质:

公开课

开课周期:

不定期开课

课程大纲如下:
第一课
Babel使用 + ES6语法

babel使用

1. 基本安装、配置、命令行使用

2. babel-register\babel-node\babel-core\babel-polyflll\babel-runtime

3. presets:es2015\react\stage-0...

4. plugins:decorator\transform-runtime\transform-es2015-modules-amd...

ES6语法

1. let\const

2. export\import...

3. class\extends\super

4.arrow function\template string...

5. destructuring\rest\spread\decorator

第二课
Webpack构建前端工作流

1. Webpack构建工具的基本认识

2. 基本使用

3. 插件介绍和使用

4. 结合React的完整工作流

5. 搭建一个最佳实践的前端工作流

第三课
React基础知识详解

1. TOP API

2. JSX语法

3. 数据流:state、propos、propType

4. 组件生命周期详解及调用组件API定义组件

5. DOM操作:ref指向

6. React中的事件处理

7. 组件的嵌套与通信

8. form表单的操作

9. mixin的使用

第四课
使用React构建一个应用

1. 组件化思维解析应用功能

2. 跑通基本路由

3. 创建头部搜索组件

4. 封装展示用户信息的组件

5. state、props在传递数据的使用

6. 接入数据

7. 组件功能开发

8. PropTypes接口约束

9. 请求github API数据进行展示

第五课
使用React-router玩转路由管理

1. Router\hashHistory\Route

2. Link

3. browserHistory

4. activeStyle\activeClassName

5. 路由的嵌套

6. 路由变量获取和使用

7. Route中components参数的高级用法

8. query获取URL中的参数

9. Redirect

10. setRouteLeaveHook

第六课
用Redux来管理React应用

Redux快速上手

1. 基本介绍

2. 快速上手

3. 理解 Redux 的核心概念

4. Redux 的顶层 API 介绍

5. 使用 React-redux 连接 react 和 redux

6. 一步步开发一个 TODO 应用

7. Redux超酷的开发工具Redux-Devtools

深入理解Redux的Middleware

1. 中间件

2. 函数式编程概念

3. Redux的Dispatch函数

4. Redux Middleware

5. 剖析applyMiddleware.js

6. 异步中间件

7. 使用middleware实现异步 action 和异步数据流

第七课
深入实战开发

1. 我们将开发一款移动应用,它用来为聚会,会议,集会等用户群提供实时投票功能。

2. 该应用覆盖Node服务端和移动客户端的应用逻辑

3. 技术栈:koa、react、redux以及测试框架

4. 我们一起完成整个应用开发的全过程

上课方式

2016年4月30日

课程原价: 799元

上课时间: 每周六晚上7点半到9点半。

实体和在线同步进行,直播后提供录制回放视频,在线反复观看

学习周期: 1个半月 6次上课 12课时 每次上课2小时

实体授课+在线直播+课后录屏回放+课后作业+毕业项目

上一篇: Angular.js高级实战课

下一篇: JavaScript+HTML5高薪就业课程