求知 文章 文库 Lib 视频 iProcess 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
 
 
开班计划 | 技术学院 | 管理学院 | 嵌入式学院 | 电子&机械 | 军工学院 | 专家指导  
 电话 English
成功案例   品质保证
 
   
成功案例
航天信息 Java EE 5
中科院研 J2EE高级开发
赛迪时代 “J2EE设计模式
福富软件 J2EE设计模式和
上海盛趣 J2EE架构设计
信城通 J2EE体系架构设
北大方正 Java中级&J2

相关课程  
Struts+Spring+Hibernate
基于J2EE的Web 2.0应用开发
J2EE设计模式和性能调优
Java EE 5企业级架构设计
Java单元测试方法与技术
Java编程方法与技术
 
全部课程 >web开发  
React原理与实践
166 次浏览  33 次
Owen
某大型跨国企业高级软件工程师
 
时间地点: 北京 上海 深圳根据报名开班
课程费用: 5000元/人,详见 公开课学习手册
 
 
企业内训:可以根据企业需求,定制内训,详见 内训学习手册


认证方式:
培训前了解能力模型。
培训后进行能力评测:
  • 在线考试
  • 能力分析,给出学习建议
  • 合格者颁发证书,作为职业技能资格证明


     前端界面开发正变得越来越复杂,其本质问题基本都可以归结于如何将来自于服务器端或者用户输入的动态数据高效的反映到复杂的用户界面上。而来自Facebook的React框架正是完全面向此问题的一个解决方案,其出发点为:用于开发数据不断变化的大型应用程序(Building large applications with data that changes over time,出自其官网)。相比传统型的前端开发,React开辟了一个相当另类的途径,实现了前端界面的高效率高性能开发。
    本课程基于React及其生态环境,针对企业级前端界面开发中的实际应用场景,以讲解-实践-讨论的形式,让具备基本JS前端开发知识的学员逐步建立现代JS编程的知识结构,了解React基本知识,熟练掌握React开发的方式,实际操作Redux等周边技术,并开始培养企业级、规模化开发过程中的项目组织、功能切分、质量保障等工程意识与工作习惯;在课程结束后,各学员可以具备React项目的开发、调试、重构及测试技能。

    培训目标
    通过本课程学习,您将理解与掌握:
    • 现代JS编程的特点及其与传统JS编程的区别
    • 如何在项目中使用ES6、ES7等语言新特性加速开发
    • react的设计思路、技术特点及其技术生态圈
    • 如何使用create-react-app或类似脚手架快速开始React编程
    • 如何使用webpack构建和打包react项目
    • 如何利用webpack dev server、HRM等技术提升开发体验
    • React编程基础,组件、JSX、状态、事件等
    • React项目的组织方式
    • Flux的基本原理及redux的应用
    • 对React/Redux项目进行测试和质量保障的基本方法
    • 可以和react协同使用的其他全栈技术,如graphql
    培训对象:web前端开发工程师
    学员基础:熟悉HTML5,css和Javascript编程
    授课方式: 定制课程 + 案例讲解 + 小组讨论,60%案例讲解,40%实践演练

    培训内容:2天

    现代JS编程 通过JS ES5 jQuery迁移到ES7,babel,React的案例剖析讲解:
    • 什么是现代JS编程
    • 为什么要使用新的ES标准
    • 如何使用新的JS规范特性
    • ES6、ES7新特性简介

    React的技术特点与生态圈 同一案例对比,jQuery、AngularJS 1.x与React的不同实现方式
    • DOM与vDOM
    • 组件封装
    • 属性、状态
    • 统一事件处理
    • 开发体验
    • 浏览器端渲染
    • React native简介
    React项目的建立与调试
    • 手动建立新项目的步骤
    • 使用脚手架快速建立项目
    • 启动调试环境,及debug的方法
    案例实践:通过create-react-app工具,建立并调试第一个react项目
    React编程基础 通过案例剖析与动手练习讲解:
    • React项目的入口点
    • 使用React.createElement创建DOM元素
    • 使用JSX语法糖简化编码
    • 创建可以复用的组件
      • createClass
      • 简单的无状态函数
      • 扩展React.Component类
    • 使用属性传递数据
    • 组件的样式
    • 事件的处理
    • 状态相关知识
      • 初始化状态
      • 更新状态
      • 受控表单
    • 组件的组合
      • 组合不同的组件
      • 通过key区分组件
      • 组件的生命期与回调函数
    • 页面路由
    案例实践:将第一个React项目改造为一个Todo-list应用

    深入React的项目结构 通过案例剖析与动手练习讲解:
  • 代码文件的分割与组织
  • 样式应该在CSS还是JS
  • 状态应该放置在哪个组件中
  • 状态、属性和事件的传递链
  • 案例实践:重构前述Todo-ilst应用,使其适应企业化协作开发
    Flux与Redux
    • Flux架构简介
    • Redux简介
    • React-Redux使用方法:
      • 创建Store、Action与Reducer
      • 复合Reducer
      • 订阅状态变更
      • 展示组件与容器组件
      • 容器组件的自动化生成
    • Alt——备选Flux框架简介
    案例实践:将前述实践Todo-list应用改造为Redux架构
    React项目的质量保障
    • 静态分析与语法检查
    • JS与静态类型
    • 状态与不可变对象
    • React项目的自动化测试
    案例实践:为前述实践项目增加静态分析、静态类型、不可变对象及自动化测试
    React编程总结
  • React带来的前端变革
  • React的项目搭建方式与编程技术
  • Flux的优势与使用场景
  • 妥善使用工具链,保障React项目的质量
  •  
    166 次浏览  33 次
    其他人还看了课程
    Web前端框架、选型与应用  1493 次浏览
    Web前端技术-Vue.JS开发  550 次浏览
    Python及数据分析  2786 次浏览
    HTML5 娱乐多媒体开发实践  978 次浏览
    HTML5游戏开发原理与实践  990 次浏览
    基于HTML5的客户端、web端和服务后台的应用开发  6107 次浏览
    定制内训



    最新活动计划
    基于Kubernetes的DevOps实践 10-22[北京]
    需求分析管理 11-5[北京]
    软件开发过程中的质量管理实践 11-16[北京]
    人工智能,机器学习和深度学习 11-26 [北京]
    业务架构到IT架构(TOGAF9.2认证)11-28[北京]
    企业级全栈自动化测试技术 10-16 [上海]
    大数据平台架构与应用实战 11-8[上海]
    Python及数据分析 11-25 [深圳]
     讲座 数据治理
     讲师:王辉
     时间:2019-10-19
     
    某军工研究单位  嵌入式软件架构
    某银行  人工智能+Python+大数据
    中国机械集团某研究院   基于模型的系统工程(MBSE)
    航天科工某子公司  C++中级开发实战(SOUI)
    中航工业某研究所  嵌入式软件开发指南
     
     
     

     
    每天2个文档/视频
    扫描微信二维码订阅
    订阅技术月刊
    获得每月300个技术资源
     
    希望我们的资料可以帮助你学习,也欢迎投稿&提建议给我
    频道编辑:sky
    邮       件:sky@uml.net.cn

    关于我们 | 联系我们 | 京ICP备10020922号 京公海网安备110108001071号