全部公开课 > 详情

移动开发 HTML 5

【在线峰会】跨平台开发与业务实践,从 React Native 说起

2017年02月23日 20:00 - 21:00

¥249.00

立即报名
22名学员报名

离直播开始还有

 时  分  秒 
等待开播 进入直播室

已报名用户,可通过此页面提前15分钟进入直播间,千万别忘记哦!

  • 课程简介

    无论对企业还是个人开发者来说,开发一款优秀的 App 都是件极为复杂的事。即使是在如今看似只有 iOS、Android 两大移动端平台鼎立的情况下,仅针对它们的开发也不简单,更别说后期的同时维护。这也就是为什么跨平台开发的技术热度一直高居不下,因为低成本、高效率一直是移动开发领域追求的目标。那么,面对如今 React Native、HTML5、JavaScript 等对于跨平台开发非常利好的框架、技术,以及微信小程序的火热,如何选择适合自己的开发模式或更好地发挥跨平台优势也成了开发者必须面对的问题。为此,CSDN 特组织系列在线峰会,邀请多位相关专家,与大家一起探讨跨平台开发技术的最佳解决方案

  • 学习要点

    enlightened原价599,1月10日-24日限时促销,仅需249元

    enlightened1月25日-2月7日  399元

    enlightened2月8日恢复原价599元

     

     

     

    enlightened注意:每周四准时开课,记得准时到直播间观看直播哦

     

     
     
     
    主题一:React Native 跨平台响应式布局

    主题介绍

    React Native 的样式和布局部分采用了前端布局上所使用 CSS 的子集。利用 CSS 里的 Flexbox 进行布局和原生平台的布局方式有比较大的区别。本次分享集中讲解 Flexbox 的原理,以及 Platform、Dimensions API的用法。并结合具体例子,介绍如何具体实现跨平台响应式的布局,最后再介绍一些布局相关的开源项目。

    主题大纲

    1、Flexbox 布局原理介绍

    2、Platform API 介绍

    3、Dimension API 介绍

    4、Flexbox 布局案例

    5、响应式布局案例

    6、相关开源项目、工具介绍

    听众收益

    深刻对 Flexbox 布局的理解,学会响应式设计的实现方法,并接触一些在布局方面能够提高开发效率的开发技巧以及开源工具。

     
     
     
    主题二:React Native 的定制与优化

    主题介绍

    React Native(RN)目前是一个很火的跨平台开发框架,但是离我们的期望还有差距。部分 RN 组件在 2 个平台上并没有做到统一的 UI 风格,比如 Switch、Picker 等,同时很多组件还是 iOS 所特有的,因此并没有做到真正意义上的跨平台开发。另一方面,RN 的设计思路是整个 App RN 化,但是实际使用时一些复杂的页面我们还是需要使用 Native 来完成,因此部分页面 RN 化其实是一个常见的 App 开发方式。通过定制和优化我们可以做到更好的跨平台性,RN 页面和 Native 页面也可以无缝衔接,让 App 的用户体验也更佳。

    主题大纲

    1、React Native 项目的快速搭建

    2、React Native 的组件详解与分析

    3、状态管理框架 Redux 的应用

    4、RN 跨平台的定制与优化

    5、现有 App 快速引入 React Native 实践

    听众收益

    了解快速在 App 中引入 React Native 的方法,在 React Native 开发过程中通过定制和一些优化提升开发效率和用户体验

     
     
     
    主题三:微信终端跨平台组件 Mars 在移动网络的探索和实践

    主题介绍

    在 IM 方面,弱网络一直是横亘在应用开发者面前的一大问题,微信终端跨平台网络基础组件 Mars 团队成员们基于微信业务需求,针对网络层进行了大量的优化工作,以解决国内在复杂移动网络情况下的网络连接问题,并经历了微信 5 亿用户的检验。本次分享将重点介绍针对移动网络,Mars 做了哪些事情,解决了哪些问题,希望能够给正在探索网络优化的开发者带来启发,也可以通过了解 Mars 来看其是否适合自己的业务。

    主题大纲

    1、移动网络应用开发现状:问题根源、表现、方案概览

    2、微信终端跨平台网络组件 Mars

    • Mars 中技术方案的选择

    • Mars 中移动网络的优化

    • Mars 中如何定位问题

    3、如何快速接入 Mars

    4、Mars 未来会做什么

    听众收益

    针对移动网络 Mars 做了哪些事情,解决了哪些问题,是否能满足你的需求。

     
     
     
    主题四:支持多业务并行开发的 React Native 热更新解决方案

    主题介绍

    React Native(以下简称 RN)是目前火热的移动端跨平台开源开发框架,能用 JavaScript 语言开发出媲美原生效果的移动应用。其中,通过动态更新 JS 代码,App 端能随时进行页面更新,不依赖原生开发的发版,所以热更新是 RN 应用中一项重要的内容。现在市面上已经有很多支持单业务开发的热更新方案,但是随着业务的逐渐接入,如何避免业务更新独立不相互影响,是热更新需要解决的一个重要问题。本次分享以支持多业务并行开发为切入点,来阐述一下我们在 58 App 中热更新相关方案和策略。

    主题大纲

    1、基于 React Native 的热更新简述

    2、单页应用 bundle 文件的增量拆分

    3、58 App 的多业务场景

    4、58 App 内的 bundle 文件拆包

    5、业务更新包的管理和保存

    听众收益

    在多业务复杂逻辑场景下,理解 React Native 热更新及其线上实施。

     

     

  • 适合对象

    有HTML一定基础的人

  • 课时安排

    enlightened注意:每周四准时开课,记得准时到直播间观看直播哦

    课程时间安排如下

     

    【CSDN 在线峰会】跨平台开发进阶体系与业务实践

    日期(周四) 时间 主题 讲师
    2月23日 20:00-21:00 React Native 跨平台响应式布局 张臻 NHN Techorus 
    3月2日 20:00-21:00 React Native 的定制与优化 殷文昭
    3月9日 20:00-21:00 微信终端跨平台组件 Mars 在移动网络的探索和实践 闫国跃
    3月16日 20:00-21:00 支持多业务并行开发的 React Native 热更新解决方案 张天翔
     

     

主讲嘉宾
张臻(Joshua Zhang)项目经理

现任前端开发团队 Leader,就职于 NHN Techorus,侧重 Web 技术和互动性的内容开发,主要负责日本 NHN comico集团下各项目的 Web 前端架构设计与开发,最近兴趣专注于利用 React 和 Redux 的移动端 Web 应用开发实践。

殷文昭移动客户端工程师

毕业于电子科技大学,2015年加入 Qunar,担任平台事业部前端架构组 iOS 开发工程师,负责 Qunar 定制的 React Native 框架 Qunar React Native (QRN) 框架的 iOS 部分的开发和整体维护,主推了 QRN 框架的一次大升级,主要研究 React Native iOS 部分的底层实现。

闫国跃移动客户端工程师

微信高级工程师,目前主要负责 Mars 开源工作。先后参与了微信终端基础组件的开发、微信终端日志系统的建设、微信终端运维门户的开发。

张天翔Web前端工程师

毕业于东北大学,2014年加入58同城,目前担任无线平台部前端高级工程师。主要负责前端工程化的技术解决方案,先后主导 58 App 的 RMS 系统和基于 React Native 的热更新平台的设计和开发。

参考知识库