分享 [思客教学] React 全端训练营 - Web 开发的未来

hayeah · 发布于 2015年09月14日 · 最后由 grantbb 回复于 2015年09月16日 · 2289 次阅读
96

Web 开发的未来,今天就在你的手里

前端不能只做 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 有个初步认识。之后我们会立马转战移动端,做出棒棒哒原生应用!

项目演示

Tumblr 客户端

  • 原生滚动。
  • 原生动画效果。
  • “响应式” 布局,支持不同尺寸的设备。

Tumblr Native 视频演示

Swipe 任务管理

  • 拉拽排序。
  • 滑动删除。
  • Flux 架构。
  • 用 ReactMotion 实现复杂动画效果。
  • 手势驱动动画。

Swipe 视频演示

课程安排

暖身周

  • ES6 介绍。JavaScript 模块化。NPM 依赖管理。
  • 盒子模型。Flex 布局。
  • CSS3 预处理工具。
  • 项目构建工具。
  • 代码质量工具。 ESLint。Flow 类型推理。

第一周

  • React 入门。
  • Tumblr Web 客户端。
  • 实现多栅栏瀑布流。

第二周

  • 在手机端实现 Tumblr 原生客户端。
  • 了解什么是 UIView,iOS 的 “盒子模型”,Xcode 素材管理。
  • React Native 入门。
  • ScrollView。
  • 在 iPad 支持瀑布流。

第三周

  • 实现一个可以拖拽更改排序 TodoList 应用。
  • 监听触碰事件。
  • 动画效果。Animated,LayoutAnimation,React-Motion。
  • 客户端数据管理。各式各样的 “flux” 方案选一个来用。

适合我吗?

  • HTML 和 CSS 基本语法,不需要深入。
  • 你有基础的 Javascript 知识。
  • 你有英文阅读能力。
  • 你爱折腾,想在书本以外动手做项目。
  • *最好有 Mac 和 Xcode,但不需要 Apple Developer Program。

没有 Javascript 经验,但是有技术底子好的话还是可以胜任。课程开始之前我会准备 JavaScript 恶补资料,自己啃一下就 ok 啦~

*注:目前 ReactNative 只支持 iOS。使用 ExponentJS 开发不需要 Xcode, 你愿意尝试的话也可以报名,但我无法提供技术支持。没有 Mac 愿意折腾还是可以报名,真的不行的话退款 -。-|||

和其他 IT 教学有什么不一样

自学才是最好的学习方式。这个训练营只是提供一个方向,掉坑了帮你更快的爬出来。

  • 实战:依照任务需求自己查质料,读文档,写代码。
  • 自主:不直接给你正确答案,而是适当的提示让你自己解决问题。
  • 氛围:和其他有相同兴趣和理想的小伙伴们交流。
  • 习惯:每天都加强一点点。
  • 耐心:没有人会骂你小白。

只要你有动力学习,我就愿意花时间教你。如果有需要,你也可以约时间跟我做远端结对编程 (使用 Teamviewer 桌面分享)。

怎么申请?

发邮件给我: hayeah@gmail.com

名额有限。 申请时请回答以下的问题:

有兴趣申请发邮件,回答以下问题:

  1. 你的本名, Github, 博客 是什么?
  2. 你是学生还是在职?
  3. 你读了那些技术相关的书?
  4. 你解决过最难的技术问题是什么?
  5. 你为什么想加入训练营?

两天内会回复。假如没有收到回复邮件可能是邮箱问题。

有任何疑问可以直接联系我:

  • 邮箱: hayeah@gmail.com
  • 微信:hayeah666
  • 电话:186 8269 6795

学费多少?

在职 890 RMB 一人。学生优惠 590。

因为这个训练营注重学员之间的互动,如果你找朋友一起学习的话可有小伙伴优惠: 690。

如果你觉得课程不适合,或者不满意,第一周内我愿意 100% 退款。

(请不要在这个帖里结队)

早鸟优惠

这次的训练营在 9/21 周一开始。在 9/14 号前报名可以享有 100Y 的代金卷,只限 10 人哦。

以邮件收到的顺序为准,想要参加赶快发邮件报名喔!

你是谁?

我叫 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

有兴趣的话发邮件到 hayeah@gmail.com

共收到 8 条回复
96

收费还要申请,而且不一定能通过,一半人要打退堂鼓了。

558

如果你觉得课程不适合,或者不满意,第一周内我愿意 100% 退款。

真是良心满满,那些包教会的培训都是骗人的,能退款还怕啥

3楼 已删除
1232

我是专门来顶贴的

15615

这年头都流行捂着、盖着!清库存的也玩抢购!不抢,就没有人买。

17522

前两天刚听过你在teahour的访谈,感觉有些想法还是很有意思的,挺受启发的。顶一个~

96

帮顶!!

14980

@w7938940 基础太差,自己学起来累,教起来也累。所以挺支持要申请的。顶一下。

4594

报名邮件已发,顺便帮顶!

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册