BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

QCon北京2015:永不止步的前端专题前瞻

| 作者 臧秀涛 关注 2 他的粉丝 发布于 2015年3月24日. 估计阅读时间: 12 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

QCon北京2015将于4月23日~25日在北京国际会议中心举行,目前已经确认所有演讲嘉宾。

过去一两年,前端的发展非常迅猛,Node.js、HTML5、Angular、React 等技术更迭速度非常快。这些技术背后的驱动力,都是这些年业务形态的快速变化。移动互联网的兴起、企业平台系统的愈加重要,对前端技术提出了非常高的要求。本次QCon北京设置了“永不止步的前端”专题,并邀请蚂蚁金服体验技术部负责人王保平(花名玉伯)任出品人。玉伯于2008 年加入阿里,折腾过 Sea.js、KISSY、Arale 等开源项目,现负责蚂蚁金服体验技术部,致力于打造 DT 时代的人机交互基础设施。 因为长得黑,经常被人黑。工作最大的梦想,就是期待能与小伙伴们一起打造出地球上最专业、有爱的团队。

本专题重点着力于以下方向:

1)移动 H5 应用的开发,包括 Web 与 Native 的融合

2)企业平台类富应用的开发,涵盖 Angular、React、Polymer 等技术方向

3)前端工程与质量体系的建设,关注团队的高效协同、品质把控

4)前端工程师的历史转身,何去何从

本专题的讲师,都是业界非常有影响力、并且非常实在的人物。我们都邀请了哪些专家呢?本文将带您先睹为快。

李晶(花名拔赤),阿里-去啊H5开发工程师,在团队协作、组件开发、移动 WebApp 等方面有较深研究,曾参与淘宝首页、KISSY等项目研发。翻译过《JavaScript Web 富应用开发》、《JavaScript 权威指南》、《编写高可维护的JavaScript》等书籍。邢舰(花名坦丁),阿里-去啊iOS客户端架构师,主要负责去啊客户端基础架构的开发工作,2014 年底加入阿里巴巴。前后经历过手机QQ,百度地图等客户端软件的研发工作。在Native和Web共建方面有较深研究。他们将共同分享《极致的Hybrid——从阿里「去啊」的架构演变看Web与Native的融合》:

“阿里-去啊”是一款小而美的旅行类App,这款 App 内嵌大量的 H5 页面,但直接用 URL 内嵌 H5 不解决弱网加载速度问题,在 2014 年我们通过 H5 资源的离线化将我们的 Hybrid 大大提速,做到弱网下H5的秒出,和PhoneGap式的H5包装不同,我们对PageFlow、数据打通、H5多端共享也有针对性的设计和实现,这些都在推动可靠的Native与灵活的Web之间的融合,我们对新时期的终端开发(前端开发)也有了新的理解,本次分享将由阿里旅行的前端工程师李晶(花名拔赤)和客户端架构师邢舰(花名坦丁)带来,和大家聊聊极致的 Hybrid 模式如何影响、推动前端技术的革新与进步。

演讲大纲:

1. 阿里-去啊 App 的Hybrid 架构的演变

2. 这些过程中带给我们的新的挑战,痛并快乐的采坑

3. 极致的体验要求使得前端技术不得不前所未有的和Native容器技术打通,这对App的架构和扩展性有了新的定义和要求

4. 可靠的Native与灵活的Web如何互相取长补短,互为备份,未来的Native容器技术是怎样的

5. 整个行业无线 All In的大背景下,前端技术、前端工程师、终端工程师都在悄悄的发生蜕变,未来我们对无线开发人才的需求到底是怎样的,怎么样的组织和人才能加速我们将无线技术和体验推向极致?

罗彧成,腾讯数字音乐部Android开发组负责人。2011年加入腾讯,先后参于过腾讯视频、QQ音乐、QQ电台等产品的Android客户端开发工作。现负责QQ音乐Android客户端开发。他将分享的是《涅盘新生——Android QQ音乐架构演进》:

随着移动互联网的不断蓬勃发展,更多用户在移动设备上使用音乐服务,QQ音乐移动客户端使用用户数也屡创新高,QQ音乐为了达到更好的用户体验并实现用户的新需求,原有的框架已经不能优雅地实现新需求和优化。如何优雅地实现各种需求,同时提高性能和稳定性?本次演讲将通过以下几个部分给大家分享QQ音乐架构演进所带来的痛与乐。

1.QQ音乐整体设计框架,如何能够快速迭代产品和技术需求

2.云歌单基础架构设计

3.云歌单架构演进,两次重构背景及重构方案设计

4.数据与存储设计——功能和性能

5.HttpDns——反劫持技术

6.Web+ H5性能解决方案

7.重构过程中碰到的坑

8.可持续改进体系

9.风险评估,在人力有限、版本中大量产品需求这些因素限制下,如何消化重构后带来的风险

韩凯,前端工程师,蚂蚁金融服务集团——体验技术部数据可视化系统的规划者和主要开发者。董晓庆,蚂蚁金服前端开发工程师,主要从事数据可视化工作。他们将联合分享《驱动DT时代的数据可视化》:

我们刚走过了信息互联的时代,我们正处在数据爆炸的时代,我们将走向数据驱动的时代。我们身处的这个时代已经不再缺乏数据。DT时代的标志是我们是否有力量来处理这些数据。数据可视化技术作为一种基础的数据处理技术将会成为DT时代的基础设施。本次演讲将会为大家介绍:

  1. 数据可视化技术在DT时代扮演的角色。
  2. DT时代的数据可视化技术应该具备的特征。
  3. 蚂蚁金融服务集团的数据可视化技术构架。
  4. 面向数据挖掘,分析的可视化技术——g2系统。
  5. 面向关系分析的可视化技术——spider系统。
  6. 如何降低可视化技术的使用成本。

贺师俊,百姓网前端工程师。网名Hax,有年头的Web开发者。信仰Web标准,HTML纯化论者+CSS理想主义者+JavaScript改革派+REST信徒。 他致力于构建真正实践互联网开放理念的Web产品,并平衡需求、技术和人性因素。所以在写代码以外,他还热切的关注可用性、无障碍性乃至更广泛意义上的用户体验(譬如售后服务)。 作为一个坚持己见的人,Hax因犀利的技术批评为人所知,其拍砖对象下到写书神棍上至业界权威,中间亦包括他的同事和朋友——因为他深信正直坦诚是技术人员必须坚守的美德,并希望通过自由而热烈的讨论推动技术社群不断成长、永葆活力。 Hax毕业于复旦大学,感兴趣的领域除了Web标准、协议、架构以及与Web相关的各种具体技术之外,还包括交互设计、编程语言和方法论,最近则迷上了字体和排版。可@haxy(推特、饭否或新浪微博)与他交流。他将分享《ES6实战》:

下一代JavaScript语言即ES6即将在今年6月份定案成为正式标准。但在实践中是否已经可以应用ES6,对我们的开发到底又有哪些帮助,许多人仍心存疑虑。本演讲将超出简单的新特性介绍,以实例出发展示ES6的魅力。

本专题还邀请了一位国际讲师——Evan Czaplicki,他是Elm语言的设计者和主要开发者。Elm借鉴了函数式编程语言的实践经验,强调“显式优于隐式”的观念。Elm会自然引导程序员开发高质量代码,所以代码库可以随产品规模扩展,而不会出现问题。他将带来的分享是《Elm架构:创建易读、易扩展和易测试的前端代码》:

在创建富UI时,复杂性很快就会失控。对很多团队而言,添加一个特性可能会导致其他几个特性出现bug。本演讲分享一个支持以下特性的简单架构模式:

  • 快速建立原型
  • 随着规模增长,项目仍然容易理解
  • 自然地隔离功能,所以添加特性不会破坏现有特性
  • 使得测试极为简单可靠

该架构对任何语言编写的前端代码都是有价值的,不管是JavaScript、TypeScript、Clojure或Elm,还是其他什么语言。除了讲解这个通用的架构模式,我们还会看一下它是如何自然地融入所有Elm程序中的。可以把Elm当做一个可以时时指导团队走向良好架构的工具,不用寄希望于自律和用心来保持代码库的整洁。

另外,本专题还有两位美女讲师。

郭旻桢(花名臻儿),蚂蚁金服前端工程师,2009年加入支付宝,现负责体验技术部-工程技术组。期望用小而美的技术产品、轻松的工程体系,让工程师们享受编码每一刻。她将分享的是《全栈时代下的前端工程体系》:

过去十年,前端行业从无到有,近几年更是蓬勃发展,前端工程师也从个人开发逐步转向团队协作。前端的队伍在不断壮大,参与的产品越来越多,在这过程中,经常会遇到团队协同上的问题。

优秀的工程体系能让一堆人做好一堆事,需要在需求、开发、测试、发布等各环节上不断优化。除了工具和流程上的优化,好的工程体系还需要考虑人性,要尽可能调动工程师的激情与潜能。本议题将以蚂蚁金服的实践作为基础,尝试探讨前端工程体系如何建设。主要会涵盖以下话题:

  • 蚂蚁金服前端工程体系的历史与现状
  • 产品、设计、前端、后端的最佳协作方式是怎样的?
  • 为什么研发模式很重要?前后端分离的初衷究竟是什么?
  • 为什么研发模式不重要?人与人性对工程体系的影响。

吕婷(Samantha Lv),青云前端工程师。负责青云QingCloud前端产品的设计与开发。大学毕业后曾加入一家电商初创企业负责前端开发,后在豆瓣任职前端工程师。2012年加入青云QingCloud,成为除三位创始人之外的第一位创业员工。青云QingCloud“一直被模仿、从未被超越”的前端界面便出自其手。她将分享的是《与产品紧密前端工程师的成与责》:

前端开发做为与后端及设计的中间衔接环节既要具备工程师理性、严谨的思维逻辑又需要有一定的产品观和审美观,在Web产品越来越复杂的今天,前端工程师更多的时候会承担更复杂的开发任务以及与设计师更加紧密的沟通、合作。

大部分公司在工作职责划分上比较严格,而这种划分既抹杀了工程师的创造力和想象力、也让工程师对自己的产品缺乏成就感。同时设计师对于开发的理解不深入导致其设计理念和细节无法被工程师很好的还原,造成一些返工和沟通困难的情况。

而在青云QingCloud我们尝试的做法是前端工程师负责产品的需求、交互、设计、开发测试等。这种模式的尝试有助于提高开发效率和质量,同时让每位工程师都可以深入了解产品本身,激发自己的创造力。演讲中将与大家分享吕婷在完成复杂产品开发的同时主导设计工作的一些经验。

听众受益:

·了解前端工程师如何学习设计;

·了解前端工程师参与或主导设计的优势;

·项目过程中遇到了哪些问题,如何解决;

·通过实例分析了解一些重要的设计原则。

更多精彩内容,尽在QCon现场。本周是9折报名最后一周,欲购从速。

 

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT