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

【前端人生】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,进行前端技术交流。  

从Healthbook看苹果将如何颠覆移动医疗和健身追踪 Google可穿戴:详解Android Wear的十大功能 初创企业非技术人员的迷思 【OSTC讲师专访】王兴博:Genesis-3D,3D开源游戏引擎 Facebook发布开源项目Tweaks,让iOS应用开发更加便捷 移动开发创业团队再下一城!UCloud与飞流战略合作 【走进支付宝】即将开场,问题大征集! 开发者薪资调查:半数开发者工作十年方可迎来好“薪”情 沟通更畅快 HipChat推出1对1视频和屏幕共享功能 AMD宣布支持DirectX 12 为游戏开发者带来更多福利 开发者薪资调查:2013年哪种编程语言最赚钱? 苹果挖墙脚未果,黑莓高管跳槽被起诉 不看不知道:六个超大规模Hadoop部署案例 豌豆荚发布应用内搜索技术协议 兼容App Indexing Oculus 21岁鬼才创始人:收购不等于改变 Unite China 2014课程解析:Unity教育行业专场免费开放 Instagram技术窥探,助你打造响应式App 切勿妄谈Hadoop,以及4个数据管道打造实践 一周消息树:雨果·巴拉与小米的那些事儿 《近匠》轻邮联合创始人Wesley:移动App要有撼动企业服务的野心 Facebook开源MySQL分支,谷歌、LinkedIn、Twitter等大拿捧场 淘宝明风:基于Graphx的图计算实践分享 调查显示:2015年Android将统治全球操作系统 初创公司最爱使用的那些开发工具 仙剑之父姚壮宪强势加盟Unity游戏及应用大赛 智能可视化平台:DCOS之数据中心抽象 一周热点:5美分/GB的开源存储系统,及硬盘质量“最差”的希捷 英特尔收购可穿戴技术公司BASIS Science 设计移动App的十大技巧 皮皮网陈超:易用与性能兼备,Spark蓬勃发展! Sahara顺利毕业,将加速OpenStack与Hadoop的融合 装好了oracle817,为什么没有proc*c 上网的问题 关于一个未将对象引用到实例 可否介绍一下如何创建setup项目? 如何生成随机的日期函数 验证控件与服务器之间的关系 安装出现问题啦...求助! 如何停止 用playsound 循环播放wav文件?(在县等待) 根据字符串动态生成?可以吗?自定义的结构中。 哪位大哥做过屏幕捕获(内有鼠标)????教教小弟!!!VB或C#的也可以 (1)如何将现在的购物系统移植到SQL Server数据库?现在的是Access库!除了编写conn.asp外,还应该注意什么?(2)另外是如何将客户的Ac 使用direct show 怎样设置压缩 MPEG LAYER-3 的压缩码率与帧数?急 75年的现在都有在干嘛 谁能帮我把下面两个程序的代码改成C++ Builder代码???100分送上!!! 100·100 Listbox能否显示多列? 请教:关于用户控件引用的问题 急!!! 关于B/S结构的应用程序的问题,高手请进! 两篇短文,顺便散点分,祝大伙儿都好 菜鸟问题! 美的一塌糊涂!!!!!!!!!!!!!!!!! 问个菜问题,怎么不用空件把记录显示出来 级联更新与级联删除 是什么意思呀,可否来个例子说明,谢谢 谁有用Rational Rose做的建模例子,给我一份,比较小的也行。 FLL 链接库怎样写? 很简单问题,答对马上给分 大家帮我看看以下代码有没有问题 请大家帮忙看看这个jmail发邮件的问题! 关于客户端控件file,并且显示图片的问题 求救,你遇到过吗? textbox问题。在线等待! 蓝屏提示Kernel stack size less than 0x500 bytes,怎么解决阿 关于数据库恢复 这里有人搞PSOS开发的吗?? 上帝说他喜欢偷窥,我当然愿意让他在我的第一次的时候大开眼界,但我只和那个跟我结婚的女人做,上帝哭了,说“我怕是等不到了” 菜鸟的问题:orb vs application server 关于在vector里面放入跟踪类的一些情况,进来看看。 Jdk 1.4 怎么删除一个string内所有的中文字? 哪位有输入法的源程序(vc6.0可以编译的)可否给俺发一份? 初学者问题,php、mysql如何安装? 一台新路由器怎么来配置啊,谢谢了!! 急聘二名程序员 今天发现以前上不去的网站可以上了,是否中央对网上舆论放松了? 文件的操作问题 强烈建议斑竹删除魔鬼先生的ID,因为它不配和我们在一起讨论问题 南方的服务器都访问不了了!! 包括tencent, etang 还有我放在上海的服务器 C++标准? DDE技术请教高手 大家帮忙估个价吧(本人 成都),谢谢! 关于在php 中使用 script 的问题 怎样在每天的规定时间触发一个事件?(100分) 用英语问what is your first neme?比如说李雷,怎么回答? 我是是撒撒啊说道 这个程序if(a>b) { b=w; b=a; a=w; } if(c>b) { b=w; b=c; c=w; } if(c>a) { c=w; a=w; c=a; } 我看不懂# include int main(){int a,b,c;int w;scanf("%d,%d,%d",&a,&b,&c);if(a>b){b=w;b=a;a=w;}if(c>b){b=w;b=c;c=w;}if(c>a){c=w; 曹操比于袁绍的“于”是什么意思?“于”字 silver bullet是什么啊 高中数学必修一世纪金榜第27页例一,证明函数f(x)=x+x分之4在(2,正无穷)上是增函数 曹操比于袁绍 黄金首饰上字母JRA代表什么意思 i (buy)a book from the shop and (bring)it to my son last sunday 为一次野餐做准备 的英文 在正方形ABCD中存在一点P,并且有角PAB=角PBA=15度,证明:三角形DPC为等边三角形 can,the,book,you,any ,this,in,from,city ,get ,bookshop,怎么连句? 对政府政策失误的舆论炒作 英文怎么说? 正方形内有一点P,已知PA=PB,且角PAB=角PBA=15度,求证三角形PCD为正三角形 NBA中的TNT是什么意思?我是一个比较喜欢体育运动的人!现在经常放NBA我想知道关于播放NBA时候出现的TNT是什么意思?附加一个问题答对者得分!何车无轮,何猪无嘴,何驴无毛,何屋无门,何书无字, 3d 建模:此为一个物体、一个元素且弯曲的地方为一个面,如何建? 政府出台诸多致富政策 的英文怎么说 已知点P为正方形ABCD外的一点,连接PA,PB,PC,PD,有∠PBA=∠PCD=15°,求证:△PAD为等边三角形. 出山前曹操,袁绍,刘备之间的战争,出山后为刘备军师,做的最有名的应该是连吴抗曹,刘备死后,白帝城托孤,昏庸的阿斗不成器,辅佐阿斗基本上处理大小朝政,此后七擒孟获,六伐曹魏.死后,大势 正方形ABCD的内点P,连接PA,PB.PC.PD.,角PAB=角PBA=15度,求证三角形PCD为等边三角形.满意之后必有重谢 求Silver Rain全部图下载 3d打印机如何打印向下弯曲或者是下半边的圆形物件呢~ 手镯上s99ok符号代表什么意思:是金的代码吗? 西瓜做在主蔓好还是侧蔓好呢? 有谁会做这5道关于单片机的填空题1.单片机复位时PC= H,SP= H,工作寄存器采用第 组.2.MCS-51单片机的存储器分为 存储器和 存储器.MCS-51单片机内部RAM共分成 个功能区,其高端128字节的地址空间 和孩子们一起野餐要准备什么? “标准差平方”是什么? - Tu as mis assez d'argent dans __? je ne veux pas avoir d'amende.- J'ai mis 2 euros pour deux heures, c'est suffisant.a. l'horodateur b. le comptoir2小时2欧什么意思? 用英文写一些野餐时需要准备的东西最好写的多一点 L\'AMOUR EST BIEU 刘备徐州兵败后投奔袁绍为什么要劝说袁绍攻打曹操 野餐要准备什么 It Is It Is cool.还有Is it cold?马上就用到的 Je veux juste avoir jours bonne chance,tout va 四边形ABCD是矩形,三角形PDC和三角形PCD都是等边三角形,且点P在矩形上方,点Q在矩形内,求证:角PDA=角PCQ=30* It is getting coolis是助动词 还是系动词 还是get是系动词 神将世界里孙权,袁绍,曹操,刘备哪个厉害?最好有解析 我国人口约占世界人口的20%,那么在扇形统计图中表示我国人口的扇形面积同样约占圆的20%急,这句话对吗 C'est l'amour是什么意思 孙权 刘备打败曹操的著名战役(战略)是什么? No Silver Bullet这句话什么意思?No Silver Bullet C'EST L'AMOUR怎么发音啊? 单片机填空题求答案1、8031单片机芯片共有 个引脚,MCS-51系列单片机为 位单片机.2、8031的异步通信口为 (单工/半双工/全双工).3、.8031内部数据存储器的地址范围是 ,位地址空间的字节地址 腌臜 的意思和拼音 帮忙造一个英语句子我们按传统将早餐送到妈妈的床头 爱在身后二十米主要内容是什么 If biofuels do take off,environmentalists and policymakers will still be unable to relax.Mr Greene emphasises,rightly,that biofuels are"not a silver bullet".这是一篇讲新型能源的文章,silver bullet有什么特定意思,典故么?怎么融 造一个英文句子句子的结构为:冠词+副词+形容词+名词+介词短语+不定式+介词短语+从句不用太难或者有太多高级词汇,能有高中水平就行了, 怎么翻译 环保的重要性 我是谁撒撒 silver什么意思 单韵母,复韵母,鼻韵母谁知道? Forever Silver Bullet请教下什么意思?Forever Silver Bullet请教下什么意思?Forever Silver Bullet请教下什么意思?Forever Silver Bullet请教下什么意思?Forever Silver Bullet请教下什么意思?Forever Silver Bullet请教下什 has the teacher decided who---(take)part in the sports meeting?怎样填 什么是恋兄情结我发现在电视剧及日本的动漫中都会发现有女子对其亲生兄长有一种独特的爱恋,我想了解这到底是怎么回事. 我是谁撒啊 "Do you want to take part in the sports meeting"the teacher asked变直接引语The teacher asked-------------------------- 我妹妹有恋兄情结怎么办我的几次恋爱 都被她给搅黄了 我问她为什么 她气呼呼的跟我讲 不想看到我跟别的女生在一起 我永远是她的 后来又补一句 永远是她的哥哥 Silver Bullet怎么念最好建议用中文的汉语拼音代替谢谢 这题看不懂,那个点有什么用, 网曝四川一镇长上班看《新白娘子传奇》中国疾控中心、国家流感中心:H7N9北京119指挥中心:寒衣节烧纸引火灾北京:明年购车摇号指标净减9万 暂不激活社会资本 释放市场能量——十八大法5名醉汉从马戏团\"绑架\"一只羊美国安局被曝重点监视韩国 韩当局索要美国两名移民者闯入国会山抗议被逮捕美国被曝重点监视韩国 韩要求美方做详英国内阁会议严禁使用平板电脑 避免遭巴基斯坦前总统穆沙拉夫获红色清真寺案美国安局被曝重点监视韩国 韩当局索要美国校园又现“枪手”紧急关闭 疑为万看看越南年轻女性的生活有多惊艳(组图英国内阁会议严禁使用平板电脑 避免遭美海军一教练机坠毁 两飞行员受伤送医克里强调美沙关系战略意义 两国关系或刘结一:中国将积极履行维护国际和平与墨西哥军方接管毒品泛滥地区的重要港口媒体称月薪1万者加薪100元政府收走李亚飞任国台办副主任(图/简历)一夜之间松花江现“文封江”景观榆林市中医医院开展糖尿病大型义诊宣教诸暨市供电公司为地方发展提供坚实的电首位歼-10女飞行员余旭被批准为烈士供暖期室内干燥 均匀加湿家具才“长寿两名辱国候任议员宣誓无效并取消其议员连资贷创始人杨敏斐:银行从业26年后187 整个西安沸腾的高度房间放芦荟、吊兰最靠谱生态丽水邂逅繁华上海:好空气、好产品久坐不动属于糖尿病高危人群6小时挑战卖蜂蜜最高团队收入近三千超级月亮照铜川本月20日开始江南这些区域货车限行为城市建设“挑刺” 68名市民获奖年薪20多万也难招到优秀人才杭城学校互联网生活,我们快意风行男子开套牌车无证毒驾杀害羚牛 或为卖肉无限而有界,它们碰撞出巧妙常吃小米粥 健胃又安眠
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘