训练营在 1/11 周一开始。前 10 人报名可以享有 100Y 的折扣!
发邮件报名: [email protected]

前端不能只做 Web 端
移动时代对 Web 有了很大的冲击,用户的注意力大规模地由浏览器转向了手机。市场随之迁移,前端技术再也不能只局限于 Web 。
但苦于浏览器的限制, Hybrid 或者 Mobile Web 始终无法做到很好的用户体验。与其花费大量的精力去优化 HTML5 应用的性能,并模仿原生组件的交互效果,还倒不如老老实实地去写原生应用。
学一次,通吃三大平台
React 的出现改变了 Web 技术的可能性。 ReactNative 直接操作原生组件,因此用户体验和原生应用完全一样。如果说 Swift 是 "Objective-C Without the C", ReactNative 可以说是 “ Web Without the Browser ”。
虽然 React Web 和 ReactNative 的运行环境不一样,我们只需要学习一套他们共用的 Web 技术:
- React Virtual DOM 。
- React 的单向数据流编程模式。函数式编程风格。
- Flex 布局。 相比传统的 CSS 布局方式更可控。
- ES6 。成熟的 JavaScript 。模块化,更精简的语法。
- W3C 事件模型。 Bubble 和 Capture 。
- Flux 架构。
在这个 React 全端训练营我们会先在 Web 端对 React 有个初步认识。之后我们会立马转战移动端,做出棒棒哒原生应用!
课程安排
暖身周
- 进阶 JavaScript 。闭包,依赖链的练习。
- 单元测试
- 创建自己的 NPM 包。
项目 1 - Flexbox
用 Flexbox 实现一个 ILoveReact 滚动页面。

- 盒子模型。 Flex 布局。
- DOM 操作练习。
- CSS3 预处理工具。
- 项目构建工具。
- NPM 依赖管理。
- 纯 JavaScript 动画 (GreenSock)。
- 滚动效果 (ScrollMagic)。
项目 2 - React + Flux
实现一个购物车,熟悉 React Virtual DOM 和 Flux 的单向数据流架构。

- 用 Flexbox 更复杂的页面。
- 响应式布局。
- ES6 介绍, 模块化。
- React 入门。
- 单向数据流架构。
- 自己动手实现一个 Flux 框架。
- 理由容器组件绑定数据,普通的视图组件为 “无状态”。
- Undo 功能。
项目 3 - ReactNative
在手机端实现 Tumblr 原生客户端,入门 React Native 。
- 了解什么是 UIView , iOS 的 “盒子模型”, Xcode 素材管理。
- ReactNative 的 “响应式” 技巧,支持不同尺寸的设备。
- Tumblr Web 客户端。
- 实现多栅栏瀑布流。
- 用 LayoutAnimation 做简单的动画。
- 熟悉 ReactNative 的开发工具链。调试器,构建器,性能监控等等。
项目 4 - ReactNative
实现一个可以拖拽更改排序 TodoList 应用。
- 手势驱动动画。
- 监听触碰事件。
- 用 ReactMotion 实现物理动画的效果。
适合我吗?
- HTML 和 CSS 基本语法,不需要深入。
- 你有基础的 Javascript 知识。
- 你有英文阅读能力。
- 你爱折腾,想在书本以外动手做项目。
- 有 Mac 和 Xcode ,但不需要 Apple Developer Program 。
没有 Javascript 经验,但是有技术底子好的话还是可以胜任。课程开始之前我会准备 JavaScript 恶补资料,自己啃一下就 ok 啦~
*注:虽然 ReactNative 支持 Android 开发,但稳定性目前还差 ReactNative iOS 一大截。本课程会以 iOS 开发优先。
和其他 IT 教学有什么不一样
自学才是最好的学习方式。这个训练营只是提供一个方向,掉坑了帮你更快的爬出来。
- 实战:依照任务需求自己查质料,读文档,写代码。
- 自主:不直接给你正确答案,而是适当的提示让你自己解决问题。
- 氛围:和其他有相同兴趣和理想的小伙伴们交流。
- 习惯:每天都加强一点点。
- 耐心:没有人会骂你小白。
只要你有动力学习,我就愿意花时间教你。如果有需要,你也可以约时间跟我做远端结对编程 (使用 Teamviewer 桌面分享)。
怎么申请?
发邮件给我: [email protected]
名额有限。 申请时请回答以下的问题:
有兴趣申请发邮件,回答以下问题:
- 你的本名, Github, 博客 是什么?
- 你是学生还是在职?
- 你读了那些技术相关的书?
- 你解决过最难的技术问题是什么?
- 你为什么想加入训练营?
两天内会回复。假如没有收到回复邮件可能是邮箱问题。
有任何疑问可以直接联系我:
- 邮箱: [email protected]
- 微信: hayeah666
- 电话: 186 8269 6795
学费多少?
在职 890 RMB 一人。学生优惠 590 。
因为这个训练营注重学员之间的互动,如果你找朋友一起学习的话可有小伙伴优惠: 690 。
如果你觉得课程不适合,或者不满意,第一周内我愿意 100% 退款。
(请不要在这个帖里结队)
早鸟优惠
这次的训练营在 1/11 周一开始。前 10 人报名可以享有 100Y 的折扣!
以邮件收到的顺序为准,想要参加赶快发邮件报名喔!
你是谁?
我叫 Howard ,台湾同胞一枚。小时候随家人移民加拿大。
在大学的时候我第一次接触 Rails ,那时它刚发布 1.0 版本。大学读一半跑去一家 YCombinator 的公司做 Rails 开发。后来又去了一家叫 Versapay 加拿大做支付的公司,在那里当 tech lead 。
2010 年辞了 Versapay 的工作,成为自由工作者。 2011 年远程工作,边旅行边赚钱。我写了篇有关这个经历的博文 From The Office to Travelling The World. 那一年第一次来到了天朝。
2012 年觉得生活太安逸,决定来中国发展,发现难度瞬间提升为 Hard 。在深圳和朋友创立了 小象网,做创意纸品,婚纱相册之类的产品。现在已盈利,处稳定发展状态。
2013 夏,搬到成都和女朋友在一起。
2014 夏,和妹子移居大理 ,逃离雾霾。
Twitter: @hayeah
Github: github.com/hayeah
Blog: metacircus.com
有兴趣的话发邮件到 [email protected]

