V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
hayeah
V2EX  ›  程序员

[思客教学] React 全端训练营 2016 挑战自我!

  •  8
     
  •   hayeah · 2016-01-04 10:04:25 +08:00 · 13327 次点击
    这是一个创建于 3261 天前的主题,其中的信息可能已经有所发展或是发生改变。

    训练营在 1/11 周一开始。前 10 人报名可以享有 100Y 的折扣!

    发邮件报名: [email protected]

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

    课程安排

    暖身周

    • 进阶 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 的开发工具链。调试器,构建器,性能监控等等。

    Tumblr Native 视频演示

    项目 4 - ReactNative

    实现一个可以拖拽更改排序 TodoList 应用。

    • 手势驱动动画。
    • 监听触碰事件。
    • 用 ReactMotion 实现物理动画的效果。

    Swipe 视频演示

    适合我吗?

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

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

    *注:虽然 ReactNative 支持 Android 开发,但稳定性目前还差 ReactNative iOS 一大截。本课程会以 iOS 开发优先。

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

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

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

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

    怎么申请?

    发邮件给我: [email protected]

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

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

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

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

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

    学费多少?

    在职 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]

    40 条回复    2016-01-07 10:34:27 +08:00
    whistle
        1
    whistle  
       2016-01-04 10:13:10 +08:00
    上次参加了 只不过没坚持几节课 被加班害的
    lx7575000
        2
    lx7575000  
       2016-01-04 10:16:46 +08:00
    课程内容很好,原理讲的很透。。恩,我是自来水。
    hpan
        3
    hpan  
       2016-01-04 10:32:47 +08:00
    不错,打算报名了
    wukongkong
        4
    wukongkong  
       2016-01-04 10:49:09 +08:00
    @hpan 我们组团?
    sjtlqy
        5
    sjtlqy  
       2016-01-04 11:11:09 +08:00   ❤️ 1
    在手机端实现 Tumblr 原生客户端 这个我喜欢, up 能不能帮我实现一下自动下载视频的?

    我需要这个, 你们都懂的,单身 27 年了, 谢谢 up 。
    mikan
        6
    mikan  
       2016-01-04 11:13:10 +08:00
    已发邮件报名
    ztaober
        7
    ztaober  
       2016-01-04 11:22:29 +08:00
    不知这个前景如何
    hayeah
        8
    hayeah  
    OP
       2016-01-04 11:34:59 +08:00
    @ztaober 不怎样。。。兴趣爱好做教学 -。-
    LMkillme
        9
    LMkillme  
       2016-01-04 11:45:19 +08:00
    Hi~教学时间的大致安排能介绍下么?课程总周期多长?教学是每天进行么?是每天晚上么?还是怎样呢?
    hayeah
        10
    hayeah  
    OP
       2016-01-04 11:52:47 +08:00
    课程周期大概 4~5 周吧~ 每天都有任务。周末的任务通常比较难,事件多嘛。

    我们比较注重自己动手。授课方式的话是我把应用要做的功能拆分成任务,每个任务介绍需要的知识点和实现思路,然后你就自己动手去做啦。

    课程进度是自己安排的,进度超前的同学都会帮忙,其实挺好的
    zhoujianqingz
        11
    zhoujianqingz  
       2016-01-04 11:54:21 +08:00
    申请了
    yoa1q7y
        12
    yoa1q7y  
       2016-01-04 11:55:43 +08:00
    自己看看官方文档不就行了,还用得着培训。。
    LMkillme
        13
    LMkillme  
       2016-01-04 11:58:20 +08:00
    @hayeah 以前在内核恐慌听过,挺感兴趣的,可是年内公司项目时间太紧了,以后还会开这个教程么?
    hpan
        14
    hpan  
       2016-01-04 12:21:59 +08:00
    @wukongkong 没收到我邮件?
    yangtze
        15
    yangtze  
       2016-01-04 12:23:27 +08:00 via iPhone
    @LMkillme 是 Teahour 吧
    WildCat
        16
    WildCat  
       2016-01-04 12:26:06 +08:00 via iPhone
    @hayeah 貌似这个指的是 react ?
    Feiox
        17
    Feiox  
       2016-01-04 12:49:01 +08:00
    其实我是花钱逼自己学。。。。(后端程序员学前端没点动力完全不如看着 Profile 爽
    Roycom
        18
    Roycom  
       2016-01-04 13:07:35 +08:00
    mark
    GPU
        19
    GPU  
       2016-01-04 13:18:07 +08:00   ❤️ 1
    真的就差一台 Mac 了。
    wukongkong
        20
    wukongkong  
       2016-01-04 13:48:15 +08:00
    @hpan 没有啊....我在你 github 留言了。。。。回复我一下
    lyz1990
        21
    lyz1990  
       2016-01-04 15:27:51 +08:00
    请问有开 Vue.js 课程的计划吗?
    Honwhy
        22
    Honwhy  
       2016-01-04 15:28:43 +08:00
    围观这一期的课程。
    rubytek
        23
    rubytek  
       2016-01-04 16:15:18 +08:00
    LZ 履历简直牛 x 任性。。。
    myAngel
        24
    myAngel  
       2016-01-04 16:47:06 +08:00
    每天上课多久?
    loveuqian
        25
    loveuqian  
       2016-01-04 16:48:09 +08:00
    求 JavaScript 恶补资料
    LMkillme
        26
    LMkillme  
       2016-01-04 17:47:04 +08:00
    @yangtze 应该是 Teahour 了, o(╯□╰)o 记不大清了
    crs0910
        27
    crs0910  
       2016-01-04 18:12:33 +08:00
    很值
    超值
    hayeah
        28
    hayeah  
    OP
       2016-01-04 18:15:43 +08:00
    @crs0910 感觉好像托儿... 多说几句好话嘛 -。-

    是前期学生,真的不是我要求灌水的哈~
    allenzhong
        29
    allenzhong  
       2016-01-04 21:01:38 +08:00
    @hayeah 楼主在大理啊,过年我们一家人回大理呢
    WenJimmy
        30
    WenJimmy  
       2016-01-04 21:34:13 +08:00 via Android
    vue. js 课程计划有么
    crs0910
        31
    crs0910  
       2016-01-04 23:12:47 +08:00
    哈,我也不知道怎么讲。参加过两期的课程了。
    老师的课程一个最大的亮点就是能让你解决各种问题的方法和能力得到很大的提升。
    每节课都是一个或几个需求还有相关知识点的讲解,具体实现过程完全要靠自己去思考和查资料。
    另外一些相关知识,比如 git 和命令行操作还有一些构建和打包工具也会用到。
    当你苦苦思索没有结果的时候还有一帮小伙伴帮忙解答。
    课程的量也非常非常足,每一小节课的知识点有时候挺多的,每次做完一节都很有成就感。
    参加过挺多前端的课程,感觉这个真的是很值,超值。

    另外,现在前端很多东西都太新了,以至于大多数的教程可能不是一个最佳实践或者只是符合特定的应用场景,学习 react ,我觉得除了官方文档就只有这里了。除非你只想写个 hello world
    ajleo
        32
    ajleo  
       2016-01-05 04:48:04 +08:00
    由 Teahour 微博跳转过来,已报名~! Money 请拿去,我要学,我要学,我要学,重要的事情说三遍。
    Feiox
        33
    Feiox  
       2016-01-05 09:56:46 +08:00
    为什么我发了邮件并没有得到回复呢? :?
    @hayeah
    withrock
        34
    withrock  
       2016-01-05 10:29:41 +08:00
    @sjtlqy 我已实现自动下载优质 gif 动画,放在了 http://git.oschina.net/mktime/scrapy-douban-group
    hayeah
        35
    hayeah  
    OP
       2016-01-05 11:50:10 +08:00
    @Feiox 今天回 : p
    hayeah
        36
    hayeah  
    OP
       2016-01-05 11:51:20 +08:00
    @crs0910 哈哈感谢体验报告!
    ooxcoo
        37
    ooxcoo  
       2016-01-05 14:27:19 +08:00 via iPhone
    github 都没有的可以学吗?。。。
    hayeah
        38
    hayeah  
    OP
       2016-01-05 18:53:27 +08:00   ❤️ 1
    @ooxcoo 注册一个... 自己要有点基础,完全小白的话可以试试看 Peter 的课程呦 http://haoduoshipin.com
    ooxcoo
        39
    ooxcoo  
       2016-01-05 20:40:11 +08:00 via iPhone
    @hayeah THX ,小白入门先。
    laoyuan
        40
    laoyuan  
       2016-01-07 10:34:27 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1109 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 17:29 · PVG 01:29 · LAX 09:29 · JFK 12:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.