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

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

前Facebook资深员工王淮给技术创业团队的十点建议 微软发布Windows Embedded 8系列操作系统 Google Play 4.0抢先体验 中国 vs. 非洲:移动医疗的前世今生 Java大数据框架初创企业Concurrent获400万美元融资 基于Edge Animate开发CSS3 Animations 后端服务商Firebase发布全新iOS SDK [爆料]百度云或在秘密打造实时移动Web App开发框架 打造最佳开发团队的几点建议 Facebook与开发者交恶 扼杀第三方应用 负载大逃亡:四十二路怪兽联军及七条逃生法则 那些年,MIT技术男们奇妙的黑客作品 深度分析:腾讯3.3亿美元收购Epic股份值吗? 传下一代iOS或将推行扁平化设计 iOS开发者注意:苹果将拒绝访问UDID的应用上架 领先Google、Amazon、Dropbox,Apple云存储用户最多 传IBM重新设计晶体管 预计五至七年内成熟 快讯:云计算大会6月召开 云计算概念企业股票飙升 集成开发环境:Qt Creator 2.7.0发布 移动周报:“今日头条”CEO,爱冒险的技术宅 从China Daily的iPad版,看中国纸媒如何摆脱“旧情结” 天睿推出大数据探索平台:“开箱即用”的数据分析 Basho开源Riak CS,与AWS S3兼容的云存储架构 MongoDB Days北京杂记 VMware携手亿阳信通 铺垫混合服务 行业应用,移动优先:移动难七大痛点剖析 HTML5开发必备:游戏开发资源合集 老而弥坚:65岁传奇Android工程师谈开发 2013中国云计算有奖大调查,每周大奖等你拿! Google Reader之死另一个不为人知的原因 小团队谈推广:豆果、金山、微博易、面包旅行 高分,给高分!!! 如何在useradd,增加一个用户的同时,限定这个用户的使用空间 关于内存分配的问题 由金山英文写作助理想到一种木马机制 如何修改Delta数据包中的信息 请问各位哥哥,配置个wu-ftp服务器,一个大目录有一个用户访问,里面的小目录由其它用户访问,怎么配置? 文凭真的这么重要么! 提问关于并发服务器。 关于jbuilder5开发EJB运行容器时的问题,跟帖都有分 请问怎样加一个位图作为Dialog的背景? 写dll链接时出错? 有谁知道windows屏幕保护的通用密码? 请教光标定位 如何使用PFXImportCertStore函数将.pfx文件注册到系统中啊! 有谁知道windows屏幕保护的通用密码 有关JSP运行的问题。分数多多 一个非常菜的问题! 如何利用socket截获80端口的数据? ji.ji.ji... 如何防止内存泄漏001 有谁知道windows屏幕保护的通用密码, xiaoxi777(小溪):请教你刚才的问题 有谁知道windows屏幕保护的通用密码,帮帮忙 在Unicode转换中,_T()与L到底怎么用,有什么区别? 关于利用QQ广告入侵 有没有深圳的阿,我快失业了,哪里要PB程序员啊 有谁知道windows系统的屏幕保护的通用密码 如何自动刷新网页?在线等待! 有谁知道window系统的屏幕保护的通用密码 怎样建设Java服务器?? 我用DELPHI打开了一个FOXPRO表,我想把FOX表的一个数字型字段(N.9.2)的一个数据(99.9)传给DELPHI中的一个变量,问这个变量是什么型的,是string,integer.? 请教Powerdesigner??? 一个ADO的问题,送上38分! 怎样在VB.NET中运行IE 在对话框显示时,怎样得到其位置? 上午62,下午54,有希望不? 关于串口打操作 一个关于InstallShield的小问题 本人朱小军,专门发帖子说有好东东,但是呢,每次都失信,各位,不要再相信我了。进来投一票吧。 关于串口的操作 如何在Delphi中调用函数StrTok? 那位大哥能否帮一下忙,详细告诉一下怎么安装fastreport,谢谢 请教一个 runtime的问题! 怎样使网页自动关闭且不出现提示框? double 和 str 如何转换? 如何将数据保存的二进制文件及如何读到及如何查询其中的数据??? 请教一个关于SQL语句的问题 高手请进,或许你知道 TechnoFantasy(www.applevb.com) 请进来取分,Taozc。 问大家一个基础问题? 怎么让FRAME启动时就为最大化的状态? 苯酚与三价铁离子显色反应的化学方程式 检验三价铁离子的方法 离子的符号是随便写的吗?常见的有哪些? 什么东西含甲醛量多 什么是苯,甲苯,混合二甲苯?混合二甲苯的分类? 用塑料瓶装热水暖被窝对身体有害吗?冬天很冷,能用塑料瓶装热水暖被窝、暖脚丫吗?不是用来喝的,这样还会对身体有害吗? 把一些热水放入一个瓶子中,然后摇晃瓶子,接着把瓶盖盖上,请问会有怎样的变化? 在充满二氧化碳的软塑料瓶里倒入少量水,瓶子为什么会变形 常压灌装单机能够灌2升塑料瓶装果汁吗?还有冲PET瓶的单机,产量为312瓶每小时,约500毫升的1248瓶的产量(理论值),外加那个单头塑料旋盖机.忘了补充,这个是浓缩果汁. 有关大气压的知识:在一个瓶中倒入热水拧紧瓶盖,20分钟后瓶盖打不开,怎样可以打开瓶盖?(不损坏瓶子) 为什么塑料瓶接烫水会变形 为什么有的塑料瓶装了热水后不是膨胀而是缩紧. 在瓶子里装些热水然后倒掉扭紧瓶盖瓶子为什么会形变···用大气压说明 化学里怎样检验亚铁离子和铁离子? 化学中锂离子的离子符号是什么 用EDTA如何滴定三价铁离子? 用氨水检验铁离子和亚铁离子的有关化学方程式和原理是什么 有一只空瓶,质量为200克,盛满水后总质量为700克,若先在瓶中装1000克金属,再注满水总质量为1450克求金属的密度 亚铁离子滴定高锰酸钾为什么要返滴定 将112mL乙炔气溶于2mol苯中,再加入30g苯乙烯,所得混合物中的碳的质量分数为( )A、75% B、66.7% C、92.3% D、无法计算 在氯化铝溶液中,如何防止氢氧化铝胶体形成 用EDTA滴定三价铁离子是如何反应的最好有反应方程式, 将112mL乙炔气体溶于2mL苯中, 再加入30g苯乙烯, 求所得混合物中碳元素的质量分数是?写出过程那有没别的算法? 氯化铝溶液中生成氢氧化铝是放热还是吸热 汽油中含苯吗 将1g乙炔,5g苯乙烯溶解在10g苯中,求所得混合物中碳元素的质量分数 加热蒸发氯化铝溶液之后,有粉末状或者晶体状的物质析出,怎样分辨物质是氢氧化铝、氧化铝还是六水氯化铝 三价铁离子使高锰酸钾溶液褪色,原理是什么?为什么二价铁离子不能使高锰酸钾溶液褪色钠?具体一些. 将乙炔,苯,苯乙烯等质量混合,所得混合物中碳,氢两种元素的质量之比是? 不断加热氯化铝溶液能否生成氢氧化铝胶体 一个封闭的瓶子里,破了一个洞,水为什么不流出来?将瓶子的盖子打开,为什么水就会漏出来? 塑料品被开水烫变形如何还原我家的纯净水桶被开水烫得变形,面目全非,出现很多坑坑洼洼出,请问怎样还原啊?再用开水烫吗?好像不行.不太清楚,请高手指教.我这个火星人会感谢你们地球人18 化学中的离子符号怎样打?在百度《知道》中,打题时. 为什么拧盖子要一手固定着瓶子日常生活中,用手拧开瓶盖时,通常需要另一只手握着瓶子.如果把瓶子让在桌上,只用一只手去拧盖子,很难拧紧.请运用物理知识,具体解释这是为什么.具体阿具 怎样使预热变形的塑料杯复原啊?刚买的塑料杯清洁时候遇热水变形了,好可惜哦 化学离子的符号怎样算氧离子 钠离子 氯离子. 分离甲苯乙苯的方法 亚铁离子和氯气反应的离子方程式及反应条件 有一个空瓶质量是200g,如果装满水的质量是700,今向瓶内装一些金属颗粒,使瓶和金属总质量为1kg,然后向瓶内有一个空瓶质量是200g,如果装满水的质量是700,向瓶内装一些金属颗粒,使瓶和金属总 书上说向试管中加入少量苯,再加入溴水,振荡后,观察现象:液体分两层,上层红棕色,下层无色.向试管中加入少量苯,再加入酸性高锰酸钾溶液,振荡后,观察现象:液体分两层,上层无色,下层紫 请问如何判断多原子化合物的杂化类型,例如乙烯,乙炔,还有苯 氯化铝和氢氧化钠反应的化学方程式 铁和铜离子、三价铁离子相遇时先和哪个反应?将铁粉加入硫酸铁和硫酸铜的混合溶液中,铁和铜离子先反应还是和三价铁离子反应? 苯乙炔多少原子共面? 氯化铝与氢氧化钠反应化学方程式 关于三价铁离子的化学反应 离子符号表示的意义比如,镁离子Mg2+中,这个符号表示每个镁离子带2个单位的正电荷 还有一个意义,是表示镁离子这个离子的总称,还是表示一个镁离子,如果是总称,那么要表示一个镁离子,该怎 怎样打化学符号离子?怎样在文档里打离子右上角的小字? 为什么C7H8一定不含碳碳双键 苯乙炔 在同一直线上最多有几个碳最好有图 碳化学符号是什么? 苯的分子中含有三个碳碳双键.这句话怎么错了? 开水使塑料变形,有没有发生化学变化?照理说塑料杯不能用了? 锌离子的化学符号? 硼氮苯的二氯取代物有几种同分异构体 三价铁离子的检验 常见离子符号1氢离子 11氧离子2钾离子 12钡离子3铜离子 13铝离子4镁离子 14硫离子5钙离子 15亚铁离子6锌离子 16铵根离子7钠离子 17氢氧根离子8铁离子 18硫酸根离子9银离子 19碳酸根离子10氯离 经常用塑料瓶子喝水的坏处有几个? 实验室检验三价铁离子的时候往溶液中加什么溶液 初中常见的化学离子符号
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn