前端未来的主流技术方向有哪些?腾讯、京东、同城旅行等大厂都是怎么布局的?戳此了解 了解详情
写点什么

QCon 上海 2015 热点专题前瞻:新时代的前端

2015 年 9 月 28 日

最近几年,Web 前端领域的新标准、新框架、新工具、新理念不断涌现。今年 6 月,ES6 正式发布,也标志着 Web 前端已经进入了一个全新的时代!

在即将于 10 月 15~17 日举行的 QCon 上海 2015 上,我们邀请了资深前端专家、百姓网的贺师俊担任出品人,策划了“新时代的前端”专题。

贺师俊,网名 Hax(微博: @johnhax ),有年头的 Web 开发者。信仰 Web 标准,HTML 纯化论者 +CSS 理想主义者 +JavaScript 改革派 +REST 信徒。他致力于构建真正实践互联网开放理念的 Web 产品,并平衡需求、技术和人性因素。所以在写代码以外,他还热切的关注可用性、无障碍性乃至更广泛意义上的用户体验。

自十年前人们真正意识到“Web 作为平台”的价值,本来无足轻重的网页技术迅速进化为 Web 前端这样一个独立的技术领域。然而其发展路途也并非一帆风顺。幸运的是,这几年 HTML5 逐渐成熟,更有 Node.js 横空出世,整个前端领域突飞猛进。各种新标准、新框架、新工具、新理念风起云涌,迭代之快在整个技术发展史上是前所未有的。

这次我们请到六位演讲者,作为新时代的先驱者,将为我们带来关于 ES6 开发实战、React 框架和生态、前端工程的前沿实践、前端计算和安全防御、前端工程师职业发展等方面的分享。下面我们就来具体看看,他们将要分享的话题:

第一场偏编程语言方向。汤桂川,广发证券股份有限公司信息技术部 Web 前端资深工程师,负责广发微店,金钥匙,大数据平台等系统的架构设计与底层优化。曾在腾讯公司工作过三年,任职期间先后负责 WebQQ、QQ、手机 QQ 等产品的 Web 前端工作。同时也是开源狂热者,开源过一些自动化工具,Material Design 相关的组件与 ES6 相关脚手架,对前端新技术保持高度关注。他将带来的分享是《ES6 In Modern Developments》

演讲分为三个部分:第一部分主要介绍 ES6 的重要知识点,与广发证券实际项目使用过程中遇到的问题,由此引导出的编写 ES6 的最佳实践。第二部分主要介绍流行框架如 Angular.js、React.js 等与 ES6 之间的结合。并介绍 ES6 在当代开发模式下的使用,测试与整合工作流的实践,以及一些开源的 ES6 辅助工具与脚手架项目。第三部分主要对未来的展望,对 ES7、ES8 等技术的一览,看出 JavaScript 这门语言的发展趋势。

第二场偏工程方向。林建锋(微博: @sofish ,饿了么资深前端架构师兼大前端团队负责人。曾就职于支付宝、百姓网,中间去创了次业。多个流行开源工具的作者,如 Pen Editor、Typo.css、AliceUI、Puerh 等。他将分享《ele.me 是如何运行的》

前端方面 ele.me 算是比较激进的团队,在面向大众产品中,包括桌面端、移动端,深度使用 SPA、SVG、ES6 等技术,组件式开发,自动化构建,甚至利用 Nginx 层解决前端一些硬伤,更极端到整个服务器 / 虚拟机上只有一个 HTML 文件,并做到 99.99% 可用的前端。同时,发布 / 回滚速度(包含编译)只需要 100s 发布到全部生产环境机器,供快速响应、迭代。这一年多来,我们遇到了什么?解决了什么?想跟大家分享一下。

然后是 React 专场。将由王沛郭达峰两位老师联袂奉上。

王沛,SAP 高级工程师。曾出版过《征服 Ajax:Web2.0 开发技术详解》、《Web2.0 界面设计模式》等前端开发书籍。InfoQ 原创文章及翻译作者,深入浅出 React 专栏作者。崇尚使用正确的思路和方法解决问题。他的分享是《ReactJS 实战》

ReactJS 今年很火,已经被越来越多项目使用,并有着很好的反馈。其很多特性都让人眼前一亮,相信很多小伙伴也已经跃跃欲试。通常来说一个新的框架需要从一个新项目开始,或者对已有项目的全面重构。然而这对 ReactJS 却并非如此。作为面向 View 的解决方案,其遵循的是组件化的思想,这意味着我们可以一步一步在已有项目中使用 ReactJS 组件来展现部分 UI。而其需要的成本和带来的风险都可以控制在很小的范围之内。

React 没有引入很多的新概念和机制,却带来了全新的开发思想。本次演讲就将对这些特性进行详细的介绍,而且会思考每个机制背后的设计动机和原理。主要分为三个部分:

  1. 每一次页面更新都是通过“全局”刷新完成
  2. 理解组件和 JSX
  3. 虚拟 DOM 如何工作

ReactJS 已经不仅仅是一个前端开发框架,其基于组件和状态的开发思想已经衍生到 Native 开发和一些其他非 Web 的 UI 开发;其提出的“Learn Once, Write Anywhere”也正在逐渐被应用和验证。无论你是一个 Web 新手,还是已经熟练应用各种主流框架,ReactJS 都是你不可错过的全新技术和理念。

郭达峰,Strikingly 的联合创始人。于 2010 年开发了三款 Facebook 平台的应用,获取了超过 2 千万的用户。2012 年创立了市面上最简易的建站平台 Strikingly,成为第一家进入 YC 孵化器的华人团队。他将带来的分享是《探索 React 生态圈》

React 带来的革命性创新是前端世界过去几年最激动人心的变化。自从接触 React 以来,我深信 React 会彻底改变客户端开发者的开发体验。在这次分享中,我想从四个大的方向——目标平台、数据处理、语言、工具——分享一下 React 生态系统和社区的进展和未来趋势。

之后是一个 Web 安全方面的话题。我们邀请了淘宝前端工程师佳辰(微博: @EtherDream )。他尝试将过去研究的「安全」和「前端」这两个少有交集的领域结合,开始挖掘更多的新玩法。平时喜欢写些 Web 安全方面的文章,分享一些思路和创意。他将分享的话题是《前端计算与安全防御》

如今硬件配置的发展,加上浏览器软件不断优化更新,前端的性能得到极大的提升。当服务器疲于奔命时,用户的电脑大多数却处于空闲状态。这些资源与其空着,为何不主动分担一些服务器的工作量。本次演讲将讨论和探索,如何利用浏览器的计算资源,让前端参与安全防御。主要内容包括:

  1. 前端计算案例:富文本过滤在后端和前端的对比
  2. 前端安全监控:让每个用户都参与跨站攻击的监控和上报
  3. 高性能计算方案:讨论过去的 Flash、如今的 asm.js 以及未来的 WebAssembly
  4. 前端密码强化:在用户注册和登陆时,贡献少量的时间用于密码散列强化
  5. 前端解谜计算:类似比特币的机制,消耗用户一定量的计算力解题,降低恶意用户的频率

最后一个话题,我们将邀请大漠(微博: @w3cplus )谈一下传统 Web 工程师在面对整个变化时的思考。大漠,阿里巴巴无线事业部前端开发专家。曾就职于 Wiredcraft、慕和、Ctrip。中国 Drupal 社区核心成员之一。2011 年创建 W3cplus 前端社区,致力于推广前端行业的最新技术。对 HTML5、CSS3 和 CSS 预处理器、CSS 后处理器和 Mobile 等前端新技术保持高度关注。2014 年出版《图解 CSS3: 核心技术与案例实战》。他将带来的分享是《Web 重构之道》

重构是一个含“金”量低的职位,而重构之道是具有历史的一个话题,做为一名 Web 重构从业人员,思考许久,毕竟目前很多 Web 从业人员都还在从事这部分工作,也有不少人对自己的职业或者所从事的重构工作感到迷茫。借此机会与大家一起探讨重构在 Web 中的重要性与历史使命。

更多精彩,尽在现场。敬请期待。大会报名截止日期是 10 月 10 日。

2015 年 9 月 28 日 22:233245
用户头像
臧秀涛 略懂技术的运营同学。

发布了 300 篇内容, 共 117.3 次阅读, 收获喜欢 27 次。

关注

评论

发布
暂无评论
发现更多内容

区块链IM即时社交通讯系统开发,区块链社交平台源码搭建

13530558032

为什么有的专科程序员比本科程序员薪资高?他们之间有多大的区别?

Java架构师迁哥

懵了!一口气问了我18个JVM问题!

yes

面试 JVM

解读登录双因子认证(MFA)特性背后的TOTP原理

华为云开发者社区

算法 totp 密钥

接口测试并不只是测试参数和返回值

测试人生路

接口测试

备战2021年金三银四,阿里P8面试官梳理的2020年999道大厂高频Java面试题(附答案)

Java架构之路

Java 编程 程序员 架构 面试

来不及解释了,快上车!LR.NET开发平台助力企业信息互联

雯雯写代码

2020年底备战—从技术到面试合集

iOSer

ios 编程 面试题 大厂面试 面试题总结

惊喜!Alibaba架构师终于发布“微服务架构与实践”文档

Crud的程序员

架构 微服务

7面阿里,最后一面居然挂在了JVM上面!狠下决心恶补JVM知识

Java架构之路

Java 程序员 架构 面试 编程语言

这才是图文并茂:我写了1万多字,就是为了让你了解AQS是怎么运行的

鄙人薛某

Java 并发编程 AQS 并发 ReentrantLock

C++调用Go方法的字符串传递问题及解决方案

华为云开发者社区

c++ 内存 代码

奥卡姆剃刀 - 如无必要,勿增实体

石云升

认知 奥卡姆剃刀 简约

渣本全力以赴33天,四面阿里妈妈(淘宝联盟),拿下实习岗offer

小Q

Java 学习 编程 架构 面试

深圳区块链钱包系统开发,区块链钱包app源码

13530558032

K3d vs Kind 谁更适合本地研发

郭旭东

Kubernetes k3s kind

《深入理解java虚拟机》- java内存区域

never say never

JVM笔记 堆内存

为什么容器内存占用居高不下,频频 OOM

996小迁

Java 架构 容器 面试 k8s

区块链币支付系统开发搭建,USDT支付平台源码

13530558032

史上最通俗Netty入门长文:基本介绍、环境搭建、动手实战

JackJiang

网络编程 Netty nio 即时通讯 IM

奋力准备一个月成功进字节,来看一下我都看了哪些资料做了哪些准备

小Q

学习 编程 程序员 架构 面试

这4个Java异常框架,很多人竟然还不知道

比伯

Java 编程 架构 面试 计算机

阿里P8大牛整理的300页图解网络知识+计算机底层操作系统

Java架构之路

Java 编程 程序员 架构 面试

适用初学者的5种Python数据输入技术

华为云开发者社区

Python 数据 函数

爆火的低代码,到底是真需求还是伪风口?

ToB行业头条

低代码

go-zero 如何扛住流量冲击(一)

万俊峰Kevin

go microservice go-zero goctl

vscode + vim : vscode 全键盘使用方案

lmymirror

vim vscode Spacemacs

区块链交易所软件,数字货币场外交易系统搭建

13530558032

Java读取Excel/CSV格式的科学计数法问题

团子粑粑

Java Excel csv

影视剪辑类自媒体运营心得:如何抓住观众的痛点

石头IT视角

【应用运维】公司业务迭代迅速,运维如何高效进行应用发布?

嘉为蓝鲸

可视化 PaaS 运维自动化 部署与维护 发布

技术为帆,纵横四海- Lazada技术东南亚探索和成长之旅

技术为帆,纵横四海- Lazada技术东南亚探索和成长之旅

QCon上海2015热点专题前瞻:新时代的前端-InfoQ