说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

【前端人生】Teambition前端工程师陈涌:非计算机专业,依托社区不断成长壮大

HTML文档下载 WORD文档下载 PDF文档下载
《前端人生》展示前端技术人才励志故事和成长经验。本期嘉宾是Teambition前端工程师陈涌,他非计算机专业出身,长期活跃在前端开发技术社区,并维护着React中文社区。其自学的成长经历和学习心得总结值得参考借鉴。

陈涌,网名“题叶”,Teambition前端工程师,非计算机专业出身,通过自学顺利进入前端开发领域。长期活跃在前端开发技术社区,并维护着React中文社区。将国外社区前沿的Web开发技术传播入中国,是他正在并将长期投入精力去做的事情。

该采访中,陈涌向我们介绍了他的成长经历及学习心得,很值得广大前端开发者参考借鉴。

通过自学进入前端开发领域,长期活跃于社区当中

CSDN:首先请做一个自我介绍。

陈涌:我叫陈涌,网上会用“题叶”这个网名,或者“jiyinyiyong”的 ID。目前专注于前端开发领域,主要关心的是制作图形界面的小应用、函数式编程这些方面的技术。另外也在SegmentFault上写技术文章,还有在Mix上学习画画,都挺有意思的。我在公司里主要专注于研究单页面应用方面的技术,研究React也是出于这个原因。

在社区当中比较活跃的除了技术文章,主要是维护React中文社区,同时还帮着F2E.im的同学一起维护微博。把国外社区前沿的Web开发技术在国内进行传播,是我长期投入精力去做的事情。目前至少在React中文社区当中我觉得效果是不错的。

CSDN:您什么时候开始投入到前端开发领域?背后有什么样的故事?

陈涌:我于2013年春天开始实习,那时候已经大四了。单单说写代码,大二就开始自学CSS。那时候我主要精力花在Linux上,我折腾了很久的Ubuntu,因为喜欢Linux桌面那种华丽的效果。跟很多人一样,被计算基础华丽的界面和动画所吸引,希望自己能做出一些漂亮的东西来,后来发现需要编程,就开始找门槛最低的途径,自学了CSS,后来还有CoffeeScript。

因为学CoffeeScript我还认识了后来推荐我进公司的寸志。但那之前因为学习Linux有机会加入了学校的精弘网络社团,跟他们一起度过了两年时光,还参与了学校FM站点的开发。当时做得比较粗浅,但也因此在后来找实习的时候找了份前端开发的工作。

关注React,热衷于传播国外先进Web技术

CSDN:您在前端领域都做出了哪些贡献?

陈涌:2014年底,跟几个朋友交流,并用Discourse搭建了React中文论坛,并且一直做着react-china微博的维护,后来就与几个朋友一起推动React.js在国内传播,我觉得这是我目前最有成果的事情。特别是Facebook发布React Native以后整个技术圈子对于 React的关注度一下子就提高了。我很高兴自己在其中贡献了一份力量。

自2012年在知乎上了解到Hacker News的重要性之后,我就一直保持关注,也渐渐让我了解到国外的技术氛围相对于国内领先了多少,所以我很在意国外的技术圈子深入挖掘的那些技术。特别是函数式编程,我注意到前端已经开始借鉴函数式编程的研究成果解决实际的问题。所以我也在关注函数式编程的中文社区,比如Haskell中文社区、Elixir中文社区和Clojure的社区,希望能推动这些技术在国内传播,并且能对同行的前端开发者带来可以借鉴的技术成果。

CSDN:您目前比较关注前端的哪些技术?平时主要通过哪些渠道获得前端技术的相关信息。

陈涌:特别吸引我的两种技术是:华丽的界面和交互,强大的开发技术。前者我限制在前端,主要像React.js 、Famo.us这类能帮助开发者快速开发交互界面的框架,后者就是函数式编程语言,也就是上边提到的几个,他们在前端也有PureScript、ElixirScript、ClojureScript 这些实现可以应用。

说到技术信息源,Hacker News绝对是目前Web开发领域质量最高的,我觉得从它扩展开,顺便阅读一下SmashingMagzine、Medium、Designer News、GitHub上边的资源也就好了,如果有时间发散一下还是挺多的。

CSDN:能否谈谈您获得今天的成就,自己的一些学习方法或技巧。

陈涌:我是非计算机专业出身的,知识也主要来自于自学,加上在网络社区,还有社团的同学或者后来的同事之间耳濡目染。另外我挺喜欢的一件事情是用代码写小的项目做各种界面试验,在这个过程中实际积累了很多编程中操作的习惯,这对于技能的积累来说非常有帮助。不过我觉得系统学习编程对于开发者来说更重要一些,前端是快速发展需要不断从社区吸收营养的职业,但是出了某个范围,各种理论体系方面的知识就很要紧了。我觉得那些是很重要而且未来需要补上的。

专注单页面应用开发,敢于探索尝试优秀解决方案

CSDN:您目前就职于哪家公司?担任什么职务?可否简单介绍一下公司前端团队。

陈涌:我在Teambition担任前端工程师,主要负责简聊项目的前端。我们公司还有Angular 中文社区的站长严清,不过我们是在两个团队。其他还有不少前端的同事,我们一起主要的心思花在Teambition实时性很高的单页面应用上边,同时也维护着公司业务涉及到的一些站点。

CSDN:贵公司在研发时主要使用哪些前端技术?前端技术架构是怎样的。

陈涌:Teambition的应用的主要特点是基于网页,是实时性很高、功能也较多的单页面应用。我们做任务管理以及团队交流都需要实时进行,所以前端开发也围绕着这样的问题展开,用前端 MV* 方案编写应用,做完整的打包和上线。目前主站产品用的是Backbone,简聊用的是React.js ,其他还有一些用到Angular的应用以及服务端渲染的站点。后端主要基于 Node.js 、MongoDB、Redis这些方案,而且前后端分离在两款单页面应用当中是非常明确的。

CSDN:目前公司有没有尝试使用一些热门/新的前端技术?公司尝试这些技术的原因是什么?通过您的研究,觉得这些技术的优缺点是什么?

陈涌:简聊前期和主站一样用Backbone,然而Backbone对于View层仅仅提供模板引擎,剩下的操作只能通过jQuery进行。这一点随着项目扩大,开发的负担也就越来越重。我原来一直在关注Angular、Vue这样的MVVM的方案,正好那段时间Facebook发布了他们的Flux 方案,我深入了解之后发现Flux对于单页面整体架构的思考非常清晰,而且作为类似模板引擎的实现很方便从Backbone进行迁移,所以选择了React。

对于Angular我了解不够多。但是首先Angular 1.x的学习成本很高,React却是非常简单的,我认为这是对开发可靠性来说比较重要的一个考虑。而React在我们大半年的使用当中,也感受到一些数据层不够成熟的问题,也是Facebook计划发布Relay的原因。我也考虑过简聊全线的网页迁移到React.js,但这时React.js本身巨大的体积也是一个不足。

CSDN:现在前端新技术不断推新,您觉得前端开发者/公司该如何选择新的前端技术?

陈涌:前端目前技术范围已经越来越广了,大公司也努力把Web建设为一个平台,这个平台最终涉及到的技术也繁多和复杂。所以还是具体到项目需求,仅仅讨论单页面应用的话,需要在应用架构、界面组件化、服务端渲染等多个方面都有清晰的演进方案,我会推荐大家加入到React.js这个社区当中来。当然Angular 2也许未来会是很棒的方案,目前我了解不太多。

全面前端理论知识+大量实践经验 前端开发者技能提高法则

CSDN:您觉得优秀的前端开发人员必须具备哪些技能?该如何提升自己的前端技能?

陈涌:前端开发者对渲染引擎,还有编程语言本身应用有足够的了解。渲染引擎这里当然说的是DOM树、CSS Object Model等等,对于加载和渲染的过程也应当有深入的了解。另外就是编程语言的特性,我个人跟着社区接触了不少函数式语言,所以对JavaScript并不觉得非常信任,那么我所指的编程语言其实是函数式编程语言了,那些语言里数据怎样抽象,过程怎样抽象,大规模程序如何完成建构。我觉得对于开发者来说,掌握用代码进行抽象,实现业务逻辑,实现图形界面,就非常重要。

我个人全职做前端开发的时间不够长,所以觉得开发经验会比较重要。广泛了解和学习理论,然后通过大量的实践来积累经验,这是我认为加强技能的主要的途径。

CSDN:请分析一下前端开发人员的未来职业发展前景。

陈涌:我对前端整个社区的情况不够了解,整个行业的前景我看不明白。我单单说对于单页面应用的想法吧。站在简聊已有的实践上我并不是很喜欢前端开发者前面的路,前端开发实际上应该是两部分工作,一部分是编程,一部分是界面制作。

编程部分的主要内容是跟服务器的数据库以及其他众多的客户端之间同步数据状态,就像是 Meteor框架做的,实时Web应用,这其中就需要投入很多精力解决数据模型、网络的问题。界面部分则是UI交互设计的工作,需要很多的设计理论的理解,还有把想法转化为代码的能力,应用所需要的效果在DOM的渲染引擎中难以完美实现,所以Famo.us框架甚至抛弃浏览器DOM原生的排版算法作为解决问题的方案。

编程和界面两部分工作只有代码使用一样的,其他知识差别很大,那么一拨人想把两边全部精通难度就大了。所以我期望的主要是一部分开发者能专注于数据和网络,以及单页面应用基础开发架构开发工具的制作。另一部分开发者能专注在之上专心制作界面设计交互。用这样的方式实现功能的稳定性,同时也让功能开发做得高效和精致,我认为在这两个方向上前端技术会继续被关注和推进。(记者:陈秋歌)


《前端人生》,一个展示前端技术人才励志故事和成长经验的平台,帮助后来前端技术开发者指引方向,少走弯路,获取不断成长壮大的力量。

只要你对前端开发技术有着执着的追求,活跃在该领域,并有着丰富前端研发经验,欢迎联系我们(发邮件至chenqg@csdn.net,或微博私信:CSDN陈秋歌)。CSDN真诚为您提供展示自我风采的大舞台。

欢迎加入CSDN前端交流群:218126086,进行前端技术交流。  

对话Spark核心作者Ion Stoica:我的编程之路从2KB内存开始 埃洛普出局?微软董事会称Mulally、Satya有望是下任CEO 百度开源平台上线,聚合百度开源项目 盘点TOP500:值得关注的超算,及当下趋势 【BDTC讲师】Tachyon作者:大数据存储以及处理框架经验分享 进一步称霸中国:低端设备让Android在中国每季获3%增长 低端设备撑起Windows Phone市场份额 研发周报:你的数据库准备好过冬了吗 JVM垃圾收集器使用调查:CMS最受欢迎 技术创业不能一味追求“骨感”,必要时丰富自己的5个途径 帷千动媒副总经理兰旭:整合现在,梳理未来! 11月份浏览器份额:IE继续上涨,Chrome仍不温不火 Windows 8令人担忧:8和8.1两版本份额目前仅有9.3% 一周消息树:微软还需更激进的手段——开放Windows Phone 【开源推荐】Genome.js:当DNA遇到开源 Go 1.2发布 着重语言特性的改进 微软资深IE专家邹颂兵:好产品才是竞争的关键 Web应用程序完全测试指南 Python正在取代R,成为数据科学界新宠 代号Threshold:微软将推Windows统一平台Threshold 日本任天堂掌机应用:《卢浮宫》革了谁的命? [TUP第31期]《浪潮之巅》吴军:硅谷3.0助力中国企业走向国际 SequoiaDB创始人:比MongoDB领先一到两年 打造企业级NoSQL数据库 [对话CTO]甲骨文熊光樑:全球研发模式开发出接地气产品 GitHub中国游记之长城——跨越那堵看不见的墙 IE11开发人员工具:UI响应工具详解 2013 Linux领域年终盘点 腾讯云俱乐部深圳站成功落幕 开创移动开发新篇章 解读云计算、大数据、物联网等九大IT技术发展趋势 苹果已证实收购Topsy或将涉足社交领域 触摸未来:Tactus微流体技术2014年来袭 请教!急! 世间什么才是最珍贵的? 大家來說說2003年版<射雕>的敗筆. 请教:如何在VB开发的程序中判断一个程序在硬盘上的安装路径? 帮忙!谢谢! 此类问题如何查询? 请教个问题:每次启动机器都会打开IE跳到我们这边的一个内部网站去,本来启动就慢----火死了,怎么去掉---在注册表了改么? combo控件问题. 问一个关于刚开机的win.com的问题。请高手帮帮忙呀! dbs.Execute "SELECT * INTO 在校学生 FROM [Excel 8.0;DATABASE=" & App.Path & "\MyExcel.xls].[WorkSheet1] "报错,在线等待 请问我如何在注册网站成功后,在exchange中也建立一个与注册网站时同名的帐号呢? ASP(javascript)自动回复问题?? ★★母亲的生日★★ 哪位有没有用spcomm控件进行串口通讯的例子? 大家帮我看看这是用哪个做的? 关于打印... 两路由器的使用方法比较,哪个好些? 在线求助:有没有改变电脑所连的打印机打印属性方向的API函数?多谢 我要送分 设置ejb的几个接口时,我有点弄不明白 有没有什么办法把ACCESS的表打印出来?格式改变一下? 烦啊~~~~ 谢谢!如何让对话框的大小不受屏幕分辩率的影响??? 请问怎样避免多用户同时访问数据库中的表? 简单问题:怎样用url打开一个文档?多谢 怎么控制小数的位数? 这个QQ炸弹好厉害,是什么原理呢? 我的问题怎么老是出现在这个地方。。。。 一个对话框程序调用dll中函数的问题! 请教有关类的扩展 请问WIN2000专业版IIS为什么连接限制是10 急,为什么我的数据库会出现这样的错误? 寻求一个好的全屏翻译软件(在线等候,在线给分) 寻找《编译原理与时间》电子文档下载url 升级了,散分小庆.认识的朋友进来捧个场,不认识的也进来热闹热闹!忠心感谢:-) 奇怪的问题 如何解决在一个表单中多个提交按钮的问题? 请问怎样关闭135端口 Photoshop7.0的一个简单问题,大师们帮帮忙! 关于动态查询的问题? 请问如何验证代理服务器? 超过半个小时不作任何操作就把这个连接KILL掉,改如何做呢? 如何才能做出只存在于托盘栏的程序! 搜集VB绘图源代码,多多益善 北京市里有没有支持asp.net的服务器空间提供吗? GGJJDDMM 帮帮我啊~~~~ 新手的问题--如何作到点击页面中的提交按钮,只刷该页面的DataGrid部分,而其它部分控件值不变?(在线给分) 大家帮忙,要取得客户端的信任,用服务器控件对客户端进行读写文件的资料? 谁说我们要和兄弟会和解了? 一直都是你们在攻击我们,靠还和解?道歉差不多。 版本的差异造成的问题,ADO连接SQL Server。求教!!! 海宜派(NSU Pie) 写议论文 关于‘蜜蜂的精神’ 《资治通鉴》译文翻译这段:初,权谓吕蒙曰:“卿今当涂掌事,不可不学!”蒙辞以军中多务.权曰:“孤岂欲卿治经为博士邪!但当涉猎,见往事耳.卿言多务,孰若孤?孤常读书,自以为大有所益. 水蒸气蒸脸能杀菌吗 蛋白质的运输需要能量吗另外,胰岛素的运输需要能量吗 人的手为什么比腿长呢? 蒸汽拖把杀菌效果如何? 为什么节能灯老是坏?我也遇到同样的问题.商品房带装修的灯架都是装好的,接到380V电压上是不可能的原来是普通灯泡,我是09年搬进来换的节能灯,三年来已经更换了5次.我买的都是菲利普和宜 LED节能灯未来的市场走向如何 英语翻译杨震年已五十余到密愧而出 节能灯为啥老闪 节能灯有什么标准?市场的买的节能灯,从哪儿能看出来? 某机械厂要制作一个容积为17576cm2的无盖正方体过滤水槽,多大面积的钢板 家里节能灯全部炸了怎么回事? 英语翻译急,我明天交差了. clamp现在在画什么 为什么有的节能灯在亮的时候会爆 请帮我翻译一下《资治通鉴》第22卷的文言文 下列哪项不是对细胞内自由水的描述A 吸附、结合在蛋白质等物质上B 能够流动和易蒸发C 是生物体代谢活动的介质D 是良好的溶剂 冬天蛇、青蛙、蝴蝶、蝙蝠都去哪了 比欲力量不够,无法实现愿望.的成语是. 对细胞内自由水的下列描述中,错误的是A 含量最多,是细胞结构的主要成分B 是极性化合物能溶解多种极性或离子化合物C 能参与全部水解反应D 能与其他物质结合,转化为结合水求解析TOT答案 1运输蛋白中含有的特殊元素是什么?2存在于什么中? al和什么反应生成naoh 氧化钙在空气放置硬块状固体,固体的成分是什么? 寻求一种在常温下是液态,导电性能和相同截面极的铝相近或者优于.可以是水溶液,或者价格低廉的液态导电材料.可以是一种或者几种物质的复合溶液.三楼的废旧干电池的药粉溶液是怎么回 Al与NaOH反应生成什么你没有配平 海参和海星都属于棘皮动物门吗ma 液态SO2是一种似水溶剂,它依下式微弱的电离:SO2+SO2 SO2++SO32-.问:纯液态二氧化硫的导电性能如何?为 为什么人要一只手长五个手指头? 海星是在什么海中生活的动物 蛋白质具有催化,免疫,传送氧,搬运物质,降低血糖等功能,它具有的原因是什么? 纤维素纤维用英文怎么说,还有缩写!超细旦纤维亮丝聚酯纤维海岛丝丝的英文及其缩写……查了很多地方都没有查到急死我了……拜托知道的帮帮忙吧, 英语翻译秦王坚自河东还,以骁骑将军邓羌为御史中丞.八月,以咸阳内史王猛为侍中、中书令,领京兆尹.特进、光禄大夫强德,太后之弟也,酗酒,豪横,掠人财货、子女,为百姓患.猛下车收德,奏未 动物换牙齿吗 今天见我小妹换牙齿了 我就想啊 人可以换牙齿 那么动物呢? 谁能帮忙翻译一下,以下英文,是一种纤维素的技术指标?谢谢!急用APPERRANCE: WHITH TO OFF-WHITE, GRANULARSOLIDPARTICLE SIZE: 90%THROUGH 30 MESHPAERICLE SIZE: 90% THROUGH 20 MESHBULK DENSITY: APPROX. 500 KG/M3ASH CONTENT: 0.5 WT.% 思月节能灯有在合作的吗?节能灯市场前景好吗? 节能灯关闭后总是闪咋回事 人的牙齿比动物毒据说某某某被人咬差点得了骨髓炎,医生说人类的牙齿其实很毒,里面的微生物比狗还多? 肺水肿怎么治疗?肺水肿是怎么形成的?该怎么治疗好些或者吃点什么比较好… 冬天到了,蛇、青蛙、蝴蝶、蝙蝠都去干什么了. 细胞生长,蛋白质的数量增加,物质运输效率增强 哪里错了? 1、在输液的步骤中家兔流血不止,未能及时止血,对实验结果又什么样的影响?2、在输入肾上腺素后直至输完都没出现粉红色泡沫液体从家兔口中或气管插管中溢出,说明什么原因?最终的肺系数 节能灯为什么会闪用零线这条做开关,为什么关了开关之后节能灯会一闪一闪的?即使零线断了整个线路也是断路,按理来说不应该会有电流通过啊.那为什么还会闪? 冬天,蛇,蝴蝶,蝙蝠,都不见了,它们在干什么?(比如:冬眠) 家兔实验性肺水肿中各种现象发生的原因是什么? 冬天,蛇,蝴蝶,蝙蝠,都不见了,它们在干什么?(比如:冬眠) 走进银色冬天—————-——.让我们为运动健儿———————.冬天虽然寒冷,这里————————.(接上面)你的呐喊是运动员的——————,你的助威————————.运动场四周 发生肺水肿的原因? 一脾蜜蜂什么意识 全国政协主席是什么级别?和总理哪个官大? 小鼠实验性肺水肿的实验结论是什么? 不冬眠动物有哪些动物 英语翻译另外:立法、司法、行政、外交部、国防部、公安部、司法部、财政部、工、农、商部、交通运输部、科技部、教育、卫生部、环保部等等都怎么用英语表达?部门到底是“ministry” 手长脚长的人代表什么我的手指和脚趾都超长.所以给人的感觉手和脚都很大.这样的人代表什么? 动物冬天冬眠为什么不饿 传统的节能灯,现在市场怎么样? 手会随着人变高而变长吗 动物行为包括动物身体的?和静止的?,体色的?,气味的?,以及各种叫声等动物行为包括动物身体的( )和静止的( ),体色的( ),气味的( ),以及各种叫声等. 资治通鉴译文卫鞅欲变法,秦人不悦.卫鞅言于秦孝公曰:“夫民不可与虑始,而可与乐成.论至德者不和于俗,成大功者不谋于众.是以圣人苟可以强国,不法其故.”甘龙曰:“不然.缘法而治者,吏 请问一下灭菌后的培养皿有水蒸气可以直接做吗? 莫斯科“双子星”餐厅 店员都是双胞胎澳大利亚第三季度通胀率达2.2%综述:欧盟峰会三大议题考量复苏后劲孟加拉客机厕所内现280块金条 (组日本拟限制外国人在国防设施附近购地伊朗死囚受绞刑后未死 司法部长称没必德国总统宣布默克尔现任政府解散 组阁菲总统称菲律宾政府不会就马尼拉人质事俄南部爆炸案致6人亡 女凶手原计划袭财经观察:供应充裕令纽约油价跌破百元印度妇女庆祝传统“女人节” 盛装为夫日本社会“无性症候群”盛行 恐加速人中美发起多国多地区\"天使行动\" 巴西油田竞标引发抗议 示威者与军警冲中国代表在联合国呼吁支持最不发达国家欧盟峰会三大议题考量复苏后劲新西兰外交部呼吁下功夫给予中国游客最被美军生擒基地头目健康良好 申请拖6英警方规定当街小便者需亲自打扫卫生或安倍7小时长会后品尝软柿子 满足称“伊朗死囚受绞刑未死 司法部长称没必要社会捐赠额下降 也是好事辗转千里 5头海豚坐车来蓉今日迎秋分多吃滋阴润肺食品信晟通投资:规范运作 防范民间借贷纠吃得放心61位“餐桌警察”上岗伊斯科5场4球让人忘记272 皇马最贝尔遇尴尬!皇马无他更流畅 他和天使\"全科居委会\"升级成邻里中心 错上海电竞中心\"创·赛场\"揭牌 1诈骗短信称“电子密码已过期” 有人被建平中学停课让高二生体验工作 助其认如何让上海更美丽 把好主意发上微博“请走”36户群租客 中远两湾城一栋中秋沪住宅成交超9万平方米 9月成交男子嘉兴劫车逃至上海被捉续:因缺钱没普陀青年圆孤老心愿 倡导“从个人到群男子坠楼身亡前妻死在屋里 疑为男子捅上海市属事业单位下半年招聘开始 共提上海网球大师赛周末门票走俏 半决赛决孔子文化节昨日开幕 传统婚礼重现嘉定幼儿园男园长让家长变粉丝 曾经投简历
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘