课程内容:
本次课程将系统讲解从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小时 实体授课+在线直播+课后录屏回放+课后作业+毕业项目 |