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

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

利用VB测声卡 利用VB进行多媒体程序设计初步 利用Visual Basic设计多媒体应用程序 满屏播放AVI文件-VB资料 平铺贴图背景 -VB资料 破解WINDOWS屏幕保护密码 -VB资料 巧用VB编程使XMPLAYER自动播放VCD VB取得 WAV 文件信息 趣味撞球VB5应用程序一例 VB如何从"SOUND.DRV"中提取声音 VB如何设定墙纸的显示方式? VB如何用API及MMSYSTEM.DLL播放AVI文件 VB如何知道计算机是否安装声卡? 设计简单的屏幕保护程序 -VB资料 使机箱内的小喇叭发出不同的声音 -VB资料 使用VB设计具有「动感」的命令图标栏 五彩缤纷的清屏效果-VB资料 系统是否支持声音 -VB资料 一个实用的VB屏幕程序 一个自动更换墙纸的小软件-VB资料 VB用 VB 设 计 VCD 播 放 器 VB用API播放 .wav 声音文件 VB用MCI指令进行多媒体编程 用VB5.0编写自己的MP3播放器 用VB6.0编写电脑抽奖程序 用VB6的双通道技术获得影碟片断 用VBScript制作活动主页 用VB编写DirectX7.0游戏(下) 用VB编写FLASH动画播放器 用VB设计VCD播放器 用VB实现队列播放MP3 tomcat问题 我想把两个很大的文件结合成一个文件,怎样做最快? 下载的问题??急~~ 在JSP中怎么实现折行?? 哪里可查到WINDOWS系统的全部消息和Delphi封装好的消息???当然要有解释 MDB最多能有多少条记录,文件最大能多大 “Rule for project "Project 1.exe" is not specified",是咋回事? 急问用table1.batchMove(Asource:TBDEDateSet;AMode:TBatchMode):longint移动数据时提示destination must be indexed.table.我建索引后还 VB 6.0 sp4出来了! 新增了许多有趣的控件,快去www.microsoft.com去看一直吧! 关于COM、MTS\COM+的客户端访问服务器端总是被拒绝的问题? 高手请进。。。。 求助各位高手,一个关于DLL的问题!(急!!!) java的多媒体问题! 请问哪里有crystal report 8.0下载 有几个使用VC++的问题请教 请教一两个问题: 关于虚父类、虚表的问题。 **RADIO BUTTON的问题** win2k下的oracle816的安装问题,紧急阿 如何通过INTERNET 远程联接ORACLE服务器,SERVER端IP地址是固定(ADSL),客户端是通过电话线上网的。 Delphi的编程环境 救命:如何读取像http://www.csdn.net/demo/demo.txt这样的文件存放到本地? vb调用vc编的activex 在DELPHI中怎样COPY一个文件夹? VB的界而的确容易制作,但似乎过于简单 如何在ATL环境下动态地开辟一个字符串型的缓存区 一句sql 关于中国软件业问题的一些看法 用xml做数据库是不是不安全 关于setwindowlong的问题!!! 关于WINSOCK 通信的问题 Query Analyzer怎么刪不了多筆記錄﹖ getchar ()的问题 ◆→访问csdn会让我“死机”! 纯技术咨询,请大家踊跃发言 一个串口通讯的问题。 一个庞大的计算计划,求解素数的间隔的 那句效率高点? 有没有sql server+asp开发的朋友,怎样把sql server数据库上传到服务器上,分绍有分! 如何注册使用控件,急!!! CView类中如何实现浮动的提示信息? 怎样给对话框创建一个视1? 报表计时用table,不用query,报表已设计好了,在显示预览时如果将一些不符合条件记录筛选择掉呢? 请问流是个什么概念? 我是初学,请指点 送分求购api用法及中文说明! asp页面可否设置关键字,使文章能被搜索引擎搜索到? ~~谁想做世界杯活力宝贝~~? 如何将StringGrid 中的数据保存为Html格式的表格 关于断点续传,请问大家 php中有没有 与 asp response.clear等同函数 阁楼楼梯洞口密封我家阁楼有固定的楼梯,冬天时一开空调,热气都往上走,如何能密封楼梯口,保证楼下的温度呢?最好能方便人上楼,我已经装潢好了,不便再施工动大工程. 整式的运算练习题   25.原有长方形绿地一块,现进行如下改造,将长减少2m,将宽增加2m,改造后得到一块 当别人为大自然和人世间奇妙的景象“迷醉”时,他却在“沉睡”.“迷醉”是指?“沉睡”是指? 求做阁楼楼梯:两直角边是---地面1米6 ,高度2米97(含洞口厚度),洞口是0.7*1米2长----1米2是挨墙的一边一进大门往右边,沿墙量到墙角,长度就只有1米6------------只能一直沿着往上做楼梯,才能省 P1.凝(ning)望 玲珑(long) 险峻(jun) 电梯楼房,怎样选择楼层?几楼合适? 2012年度上海市青少年“生活中的物理”科技知识竞赛答案 谁有人教版三年级数学下册第一单元《位置与方向》导学案 电梯房哪个楼层好 2005年上海市青少年 白猫杯 生活中的化学 知识竞赛初中组决赛答案及解析详细的问题说明,有助于回答者给出准确的答案 稳下楼梯怎么计算踏步,2800的层高,230的踏步宽 电梯房什么楼层最好 大家都讲究卫生,手足口病就有了保障.修改病句 层高3000,楼梯级数为19,踏步高宽怎么计算? 作文“学会对自己说不”350字 你知道哪些新能源?请谈谈对低碳生活的理解 初中写春天作文的开头与结尾!(最重要的是原创) 作文“学会生存”350字 改病句 大家都讲究卫生,甲型H1N1疾病就有了保障.怎么改 谁有三年级下册语文的课件 高分求楼层选择我1988年12月15日6点55分楼层是16楼总高,该选几楼啊 修改病句:只有讲究卫生.大家的疾病才有保障. 谁有语文三年级下册全册S版说课稿?帮帮忙 那一次,我—— 作文 400字. 一块长方形草地的宽是3.5米,长是宽的1.4倍,它的面积是多少? 小学语文s版三年级下册《登上企鹅岛》课件 作文那一次我( )( )( ) 400字 一个人和一棵树是什么字 谁有二年级语文下册课件北师版急救!万分火急,找不到跪搓衣板啊 为什么语文数学英语是主课? 一个人依树旁,歇息来乘凉是什么字 小苗与大树对话读这篇课文时,苗苗的对话应用怎样的语气 上海市语文 数学 英语 满分各是多少?拜托了各位 谢谢 一棵树 一株草追着一个人 打成语(4个字) 7年级下册语文书的所有课件从第10课到20课就行了,给网站就行 英语的基础上又增加了什么学科儿,主课? 一棵树上站着一个人,脑子里想着一条鱼,打一个四字成语 小苗与大树的对话 课文中季羡林爷爷所说的三个贯通指什么?你是怎么理解的? 那一次,我读懂了________作文 关于爱与溺爱作文?700字 小学语文五年级上册第二课小树与大树的对话好句,说说为什么 那一次我读懂了 作文 溺爱作文溺爱作文 作文 《自我认识》内容包含:1、现在的我是个怎样的学生2、今后的我会怎样3、怎么做,才能完善自我300字左右!快啊!答得好加悬赏! 请问26层的高层楼房那个楼层最好,当然要远离空气悬浮层了.因为1-4楼是商铺,住低的话会不会太吵? 为什么男人男字,上面是田下面是力. 2011防灾救灾答题知识竞赛等于防灾自护知识竞赛吗? 这座大楼高29.2m.一楼准备开商店,层高4米,上面9层是住宅,住宅每层高多少米?方程解. 男人的"男"字怎么是上面一个田下面一个力呢? 如何写鉴赏作文开头 在山的那边有哪些地方押韵!=.= 为什么 ‘男’字是 田在上 而不是力在上?耕田不是要在上面才可以吗 .为美化社区环境,小明家所在社区原有一块长方形绿地,现进行如下改造,将长减少2m,将宽增加3m,改造后得到一块正方形绿地,它的面积比原绿地面积增加36m,请你帮忙计算改造后正方形绿地的边 一课的课件, 关于溺爱的作文 写关于溺爱的作文 用什么标题 初中语文第一课是什么 大家都讲究卫生,健康就有了保障.修改病句 溺爱作文分论点怎么写 初中语文说课稿
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘