课程介绍

• 

  张臻（Joshua Zhang）

  项目经理

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

• 主题说明

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

• 适合对象

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

• 学习要点

   

  主题大纲：

  1、Flexbox 布局原理介绍

  2、Platform API 介绍

  3、Dimension API 介绍

  4、Flexbox 布局案例

  5、响应式布局案例

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

   

  听众收益：

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

   

• 课时安排

  2月23日 19:45--20:00学员进入直播间

  20:00--20:45  讲师分享

  20:46--21:00 互动答疑