端海教育集团
全国免费热线:4008699035 微信号:shuhaipeixun
或15921673576(微 信 同 号) Q Q:849322415
首页 课程表 在线聊 报名 讲师 品牌 QQ聊 活动 就业
 
React 16.4 开发简书项目从零基础入门到实战培训

 
  班级规模及环境--热线:4008699035 手机:15921673576( 微信同号)
      每个班级的人数限3到5人,互动授课, 保障效果,小班授课。
  上间和地点
上部份地点:【上海】同济大学(沪西)/新城金郡商务楼(11号线白银路站)【深圳分部】:电影大厦(地铁一号线大剧院站)/深圳大学成教院【北京分部】:北京中山学院/福鑫大楼【南京分部】:金港大厦(和燕路)【武汉分部】:佳源大厦(高新二路)【成都分部】:领馆区1号(中和大道)【沈阳分部】:沈阳理工大学/六宅臻品【郑州分部】:郑州大学/锦华大厦【石家庄分部】:河北科技大学/瑞景大厦
最近开间(周末班/连续班/晚班):2019年1月26日
  实验设备
    ◆小班教学,教学效果好
       
       ☆注重质量☆边讲边练

       ☆合格学员免费推荐工作
       ★实验设备请点击这儿查看★
  质量保障

       1、培训过程中,如有部分内容理解不透或消化不好,可免费在以后培训班中重听;
       2、课程完成后,授课老师留给学员手机和Email,保障培训效果,免费提供课后答疑。
       3、培训合格学员可享受免费推荐就业机会。☆合格学员免费颁发相关工程师等资格证书,提升职业资质。专注高端技术培训15年,端海学员的能力得到大家的认同,受到用人单位的广泛赞誉,端海的证书受到广泛认可。

部份程大纲
 
  • 第1章 课程导学
    本章主要介绍学习react的重要性,课程的知识大纲,学习前提,讲授方式及预期收获。
  • 1-1 课程导学
    第2章 React初探
    本章主要讲解React项目的开发环境搭建,工程代码结构及React中最基础的语法内容,同时对前端组件化思想进行介绍。
  • 2-1 React简介
    2-2 React开发环境准备
    2-3 工程目录文件简介
    2-4 React中的组件
    2-5 React 中最基础的JSX语法
    第3章 React基础精讲
    本章通过TodoList功能的实现,给大家完整介绍React的基础语法,设计理念以及围绕React展开的一些编程思维。
  • 3-1 使用React编写TodoList功能
    3-2 React 中的响应式设计思想和事件绑定
    3-3 实现 TodoList 新增删除功能
    3-4 JSX语法细节补充
    3-5 拆分组件与组件之间的传值
    3-6 TodoList 代码优化
    3-7 围绕 React 衍生出的思考
    第4章 React高级内容
    本章讲解React高级部分内容,包含PropTypes,生命周期函数,虚拟Dom,数据mock,动画实现等部分课程讲解。
  • 4-1 React developer tools 安装及使用
    4-2 PropTypes 与 DefaultProps 的应用
    4-3 props,state 与 render 函数的关系
    4-4 React 中的虚拟DOM
    4-5 深入了解虚拟DOM
    4-6 虚拟 DOM 中的 Diff 算法
    4-7 React 中 ref 的使用
    4-8 React 的生命周期函数
    4-9 React 生命周期函数的使用场景
    4-10 使用Charles实现本地数据mock
    4-11 React 中实现 CSS 过渡动画
    4-12 React 中使用 CSS 动画效果
    4-13 使用 react-transition-group 实现动画(1)
    4-14 使用 react-transition-group 的使用(2)
    第5章 Redux入门
    本章主要讲解Redux产生背景,组成内容以及使用方式,通过实例带大家上手Redux数据管理框架的使用。
  • 5-1 Redux 概念简述
    5-2 Redux 的工作流程
    5-3 使用 Antd 实现 TodoList 页面布局
    5-4 创建 redux 中的 store
    5-5 Action 和 Reducer 的编写
    5-6 使用 Redux 完成 TodoList 删除功能
    5-7 ActionTypes 的拆分
    5-8 使用 actionCreator 统一创建 action
    5-9 Redux 知识点复习补充
    第6章 Redux进阶
    本章主要讲解UI组件与容器组件基础,如何使用redux-thunk,redux-saga等Redux中间件,以及react-redux的使用方式。
  • 6-1 UI组件和容器组件
    6-2 无状态组件
    6-3 Redux 中发送异步请求获取数据
    6-4 使用Redux-thunk 中间件实现ajax数据请求
    6-5 什么是Redux的中间件
    6-6 Redux-saga 中间件使用入门(1)
    6-7 Redux-saga 中间件使用入门(2)
    6-8 如何使用 React-redux(1)
    6-9 如何使用 React-redux(2)
    6-10 使用React-redux完成TodoList功能
    第7章 项目实战:Header组件开发
    本章讲解项目中公用Header组件的开发,包含动画效果实现,iconfont,immutable.js,styled-components的使用以及异步数据的获取。
  • 7-1 项目目录搭建,Styled-Components 与 Reset.css 的结合使用
    7-2 使用 styled-components 完成 Header 组件布局(1)
    7-3 使用 styled-components 完成 Header 组件布局(2)
    7-4 使用 iconfont 嵌入头部图标
    7-5 搜索框动画效果实现
    7-6 使用 React-Redux 进行应用数据的管理
    7-7 使用 combineReducers 完成对数据的拆分管理
    7-8 actionCreators 与 constants 的拆分
    7-9 使用 Immutable.js 来管理store中的数据
    7-10 使用 redux-immutable 统一数据格式
    7-11 热门搜索样式布局
    7-12 Ajax获取推荐数据
    7-13 代码优化微调
    7-14 热门搜索换页功能实现
    7-15 换页旋转动画效果的实现
    7-16 避免无意义的请求发送,提升组件性能
    第8章 项目实战:首页开发
    本章将带大家完成项目首页的开发,课程能容包含react-router4的使用,组件及reducer的拆分设计,首页部分的核心功能包含列表显示,加载更多,返回顶部等。
  • 8-1 什么是路由,如何在React中使用路由功能
    8-2 首页组件的拆分
    8-3 首页专题区域布局及reducer的设计
    8-4 首页文章列表制作
    8-5 首页推荐部分代码编写
    8-6 首页异步数据获取
    8-7 异步操作代码拆分优化
    8-8 实现加载更多功能
    8-9 返回顶部功能实现
    8-10 首页性能优化及路由跳转
    第9章 项目实战:详情页面和登录功能开发
    本章将完成详情页面的开发,过程中将完整介绍react-router跨页面传值的方法及登陆鉴权的实现思路。同时我们将给大家介绍异步组件和路由withRouter方法的使用方式。
  • 9-1 详情页面布局
    9-2 使用redux管理详情页面数据
    9-3 异步获取数据
    9-4 页面路由参数的传递
    9-5 登陆页面布局
    9-6 登陆功能实现
    9-7 登陆鉴权及代码优化
    9-8 异步组件及withRouter路由方法的使用
 

-

 

  备案号:备案号:沪ICP备08026168号-1 .(2014年7月11)..............