课程介绍

• 

  张臻（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 的热更新平台的设计和开发。

• 主题说明

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

• 适合对象

  有前端或客户端开发经验，对 React、React Native 有一定兴趣及了解的开发者。

• 学习要点

  报名须知

  1. 本系列课程每周四晚 8 点准时开课，记得准时登陆此页面进入直播间观看直播；

  2. 已报名用户，每次开课前都会有短信提醒与邮件提醒，因此还请在报名时填写正确的手机号码及邮箱地址；

  3. 开课后一周内会上传本节课的视频回放，若有已报名但无法观看直播视频的同学放心，回放视频不限时观看，届时直接登陆本报名页面观看回放即可。

  4. 所有的 Keynote 及 Demo 源码均会开源到 GitHub，地址：https://github.com/CSDN-mobilehub，欢迎 star。

  视频回放地址为：http://edu.csdn.net/course/detail/4207

   

  课程一览

  一、《React Native 跨平台响应式布局》讲师：张臻 NHN Techorus 部门经理

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

   

  课程大纲：

   

  1. Flexbox 布局原理介绍

  2. Platform API 介绍

  3. Dimension API 介绍

  4. Flexbox 布局案例

  5. 响应式布局案例

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

   

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

   

  适合人群：对布局概念有基础理解的设计师、移动应用开发者。

   

  二、《React Native 的定制与优化》讲师：殷文昭 去哪儿网 iOS 工程师

   

  主题介绍：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 开发过程中通过定制和一些优化提升开发效率和用户体验。

   

  适合人群：有前端或客户端开发经验的React Native入门开发者

   

  三、《微信终端跨平台组件 Mars 在移动网络的探索和实践》讲师：闫国跃 腾讯微信工程师

   

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

   

  课程大纲：

   

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

  2. 微信终端跨平台网络组件 Mars——技术方案选择、移动网络优化、如何定位问题

  3. 如何接入 Mars

  4. Mars 未来会做什么

   

  听众受益：针对移动网络 Mars 做了哪些事情，解决了哪些问题，是否能满足你的需求。

   

  四、《支持多业务并行开发的 React Native 热更新解决方案》讲师：张天翔 58同城 前端工程师

   

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

   

  课程大纲：

   

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

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

  3. 58 App 的多业务场景

  4. 58 App 内的 bundle 文件拆包

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

   

  听众受益：在多业务复杂逻辑场景下，理解 React Native 热更新及其线上实施。

   

  适合人群：熟悉 React Native 开发模式、对工程化解决方案感兴趣的开发者。

   

  课程咨询

  对于课程有一切疑问，均可微信扫描下方二维码进入『CSDN 跨平台开发群』进行技术交流，或直接加微信小助手 csdncxrs 备注(跨平台)提问。

  

   

• 课时安排