《走近前端大牛—神秘的腾讯网前端牛人张耀辉Tomiezhang》

2016-05-10 H5案例分享 H5案例分享
《走近前端大牛—神秘的腾讯网前端牛人张耀辉Tomiezhang》
  1. 介绍一下自己吧

Tomiezhang:大家好,我叫张耀辉(tomiezhang),目前负责腾讯旗下门户网站,腾讯网的前端研发工作。06年参加工作,第一份工作在智联招聘,负责web界面开发,07年9月加入腾讯公司至今。先后负责和参与开发过腾讯网迷你首页、腾讯网首页、腾讯微博、腾讯网底层页、腾讯网触屏版等产品,并带领团队研发了H5制作工具 -- 玉兔平台以及腾讯原创内容平台等平台工具。同时作为BG的前端通道委员,也负责前端通道的晋级面试以及专业建设工作。



2. 团队出品的H5案例,在技术方面,介绍一下经验吧

Tomiezhang:我们的H5开发中,充分利用了3D、CSS动画、手势交互、canvas、geolocation、陀螺仪等等各种新的HTML5 API。移动侧的web开发,与传统PC开发有着很多不同,但也只是在设备环境、以及标准支持上的区别,本质上其实没有太大差别,一个在PC侧能够编写SPA应用的前端,转换到移动侧写一个webapp问题不是很大,HTML\CSS\JS是底层的通用技能,三者兼修方能称为合格的前端工程师。当然在移动侧需要面对更多的屏幕分辨率、浏览环境、以及更加复杂的交互实现和设备环境。


3. 对H5趋势的看法

Tomiezhang:其实非常反感H5的叫法,非常的不专业,我更喜欢称呼为移动web开发。H5这个词火爆应该是从营销圈,尤其是微信营销里传出来的,大伙对于手机上的页面没有准确的称呼,然后又恰逢W3C在推HTML5标准,于是一个技术标准和一个产品形态打上了等号,而实际上我们作为专业的前端工程师,应该知道HTML5标准不仅是应用在微信传播的页面里,在PC上或者任何支持web标准的设备上,都可以用HTML5标准来实现页面。像前面说的,H5的产品形态崛起,完全得益于移动互联网,或者具体说是微信的崛起,微信平台+二维码+3G4G普及,促成了这一形态的大放异彩,在这之前也有一些移动web页,但是因为仅仅是在手机浏览器里使用,非常不方便且传播度很差,另外也因为流量、网速、智能手机处理速度等等问题,而显的并非主流技术,所以在移动互联网初期,势必是原生APP占主流,因为在缓存、离线、内存控制、底层硬件拉起等等方面,都有着天然的优势,所以才会有创业先搞一个APP的趋势,然而现在APP爆发后也慢慢出现了问题,尤其是高频次超级apps出现后,原生app的推广,如安装和日活都成为了问题,归根结底还是太重,不够灵活,而在这些超级apps中利用H5的形态,来轻快的黏住用户,成为一个很好的选择,推广渠道多,开发成本低且无数据孤岛还可以跨平台,升级或者安装非常迅速,我预测未来在手机这种硬件形态里,H5或者应该说webapp这种形态,会越来越普及越来越重要,目前也已经有公司在做这方面的尝试了,比如纯web的OS。不过从更长远的发展看,H5也只是互联网发展中的一个小浪花,基于手势交互和移动设备的这种产品形态,只是人们追求数字化道路上的一个小台阶,未来不管是VR还是AR中,可能都会对H5有着颠覆式打击,当然这还有很长的路要走,我对H5保持谨慎乐观,取决于移动设备的发展、网络的进步、以及web标准的良好执行。



4. 前端这个职业,在团队中的分工

Tomiezhang:我们团队现在走大前端的路线,过去也尝试过重构、前端开发之类,但是在实际开发中,发现大前端才是比较好的方式,目前团队里已经没有重构职位,主要原因是重构是一个历史遗留职位,目前已经在腾讯中改名为UI开发,过去我们的网站不标准,所以要做重构,如今大部分的网站和应用都是按照标准指导来开发的,所以也不存在重构一说。此外,仅仅知识界面的开发太轻,尤其是在现在SPA或者WEBAPP流行的情况下,如何界定工作以及如何把界面与JS层链接会出现很多问题。我们目前对前端的定义,是从服务器顶层到浏览器以及APP端,都算前端,而腾讯的前端通道现在也分成了前端体验、全端、富媒体、移动端四个方向,对于人才能力模型也有所提高和改变。



(前端大牛Tomiezhang,别夸小编拍的好,他本人可比照片帅多了)


5. 招聘方面,你更看重哪些

Tomiezhang:招人这块看几个方面,按照公司的招聘哲学“有梦想爱学习的实力派”来说,首先三观要正,团队比较扁平,所以不欢迎心思太多人进来,学习能力强,即便基础稍微差一些,但是有很强的学习成长欲望,此外要在过往的经历中表现出较好的学习能力。最后要重点考核专业能力,具体来说会做一些笔试题,很多人方案做笔试题,我觉得是不对的,笔试题中能很准确的反应一个人基础能力,我认识很多前端工程师都是搜索式的学习,计算机基础差且没有比较系统的理论知识,在前些年对web要求不高的情况下,是可以的,做一个工匠问题不大,但是在现在的时代背景下,必须要有系统的知识,比如最近圈里讨论比较多的,是关于http2的应用,这里有很大的一个知识网络,你要先了解http协议包括1.0 1.1以及spdy,还要了解服务器端如何配置等等,而我们之前很多经验性的关于性能优化方法,比如雪碧图之类的在http2的场景下就会失效了,没有系统知识打底,只是别人说什么才去关注什么,在这个行当是做不长久的。另外一个这个人的实际项目经验,也非常重要,很多人你看他做第一个项目到第十个项目,都没有任何的变化和进步,这种就算是很多年的工作经验,也不过是重复工作的工匠,但是如果他自己还做了两个开源项目,那就是很大的加分项了。所以,总结起来在招聘上,我比较看重有理论垫底,在实际项目上经验丰富,强烈的探索学习意识,和团队匹配且沟通良好的人。


6. 对刚入行的前端(0-2岁)建议

Tomiezhang:没别的建议,不停实践不要害怕吃亏,多干活多接触不同的领域,前端是一个看似天花板很低,但是却可以在任何一块天花板上捅一个很深的洞的职业。解释型语言、直接面对用户、复杂的环境、WEB的特性,无科班教育,这些注定要成为一名大牛,需要亲身实践在实践中不断学习。入行容易精通难,不过庆幸的是目前行业书籍很多,建议大家可以挑选基本学习,如《高性能网站建设》《javascript高级程序指南》《javascrip精粹》等,也顺便广告下,我们团队近期正在翻译一本关于响应式设计的书,名字暂定为《硬派web设计》,也欢迎大家到时捧场。


7. 推荐的前端书

Tomiezhang:推荐的前端书籍:《高性能网站建设》《javascript高级程序指南》《javascript精粹》《深入浅出NODEJS》《基于MVC的javascript web富应用开发》《硬派web设计》





8.聊聊腾讯网前端团队,研发的玉兔平台吧

Tomiezhang:yutu.qq.com 是我们团队研发的一款降低H5开发成本的快速搭建工具。此外腾讯网的大量互动型H5,也是由我们来负责开发的:

春运《回家的路》

案例演示,请长按/扫描以下二维码 ->

识别图中二维码





春运《你得拜会几国诸侯》

案例演示,请长按/扫描以下二维码 ->

识别图中二维码





FERD2015年回顾  

请长按/扫描以下二维码 ->

识别图中二维码



9. 工作中,前端如何与产品经理、设计师、新媒体配合

Tomiezhang:“工程师”的一个重要理念,我认为就是“使命必达”,作为实现与执行环节,职业价值当然在实现需求上,不过前端工程师因为比较靠前,靠近用户,而且是基于GUI的,所以前端工程师需要和设计、产品、甚至运营方都有联系,在平常工作中,前端工程师需要怎样和这些上下游环节配合?我认为在自身的专业领域,一定是要有一个专业的方案和话语权,比如有的PM喜欢天马行空,分辨不清楚web与原生的界限,非要你用web做一个push推送效果,那这个时候你的专业性要发挥作用,不能只是否决PM的想法,而是要给一个降级方案,比如使用页内小黄条提示之类,总是是要在你的专业范围内,结合实际需求,解决一类产品问题出来。


10. 前端的JS框架

Tomiezhang:IONIC、Foundation、ZEPTO、angularjs、bootstarp 可以上github上自行找,有很多很不错的开源库或者框架,能够解决不同场景的特定问题。


11. 前端职业中的瓶颈期,怎么度过

Tomiezhang:瓶颈期大约在三年时候,工作中的内容已经可以全部hold住,然后会发现好像前端就是这么点重复工作,这个时候需要有很强对于职业的追求和学习欲望,发现新的领域,比如一个功能是用单例方式写的,下一次可不可以尝试下用构造函数来实现下,并且对比下两种实现哪种更符合业务,又比如写了N个交互有小差别的焦点图,能不能自己包装成一个小的库来减少重复工作量,等等;热爱才是突破瓶颈的源动力,没有职业热爱,只是觉得这个职业好入门混的话,还是建议趁早转行较好。


12. 看看你的工作台和工作之余,喜欢做什么


Tomiezhang:平时,比较喜欢摇滚乐、运动、电子设备、看书


13. 对“H5案例分享”一点建议吧~~

Tomiezhang:创意展示也有很多公司在做,建议可以和制作工具打通,而不是只是提供一个创意参考。  




以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

什么是H5

前端最爱的调试利器—开发者工具

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~