上周六有幸參加了在杭州阿里巴巴西溪园区举办的2014年D2前端技术论坛和晚上的酒会。实地感受了一下阿里巴巴前端开发的技术氛围和影响力。整体上看这次D2规模还是挺大的,国内前端的知名大牛基本上都到了。

      D2今年的主题是绽放。确实挺符合如今前端发展的阶段。随着对用户体验的不断追求,移动Web的迅猛发展。HTML5的普及,NodeJS的投入商用,AngularJS等新框架的出现,前端的重要性和project化程度不断提高,上午会上有个妹子说2015年D2的主题是逆袭,我个人认为挺合适的。从參会人数看,目測有接近1000人,上午分会场都没有位置坐了,男女比例应该在3:1作用。晚上的酒会大概2:1吧,还有不少是杭州的大学生。

      论坛日程方面,主论坛是各大公司的人讲,分论坛主要是阿里的人讲。我主要在分论坛呆着了。主要原因分论坛人比較少,比較方便提问和交流。

      本次论坛涉及的主题主要有数据可视化,前后端分离,nodejs,AngularJS,HTML5 Hybrid App,前端project化等比較前沿的技术趋势。

      上午是百度的张可竞《指尖上的数据》,介绍了大数据可视化,支付宝的苏千介绍了《支付宝前后端分离的思考与实践》,主要介绍了前后端分离的一些问题,前后端分离的重点是后端的服务化。然后介绍了支付宝的chair框架。一个基于nodejs的服务框架。

主要涉及nodejs的主题还有下午腾讯云的《nodejs一小步 前端开发一大步》,知名前端project师不四的《企业级
NPM 服务在阿里的实践》,主要介绍了开源npm私服软件CNPM,用来建立公司内部的npm库。由此可见,nodejs如今在阿里腾讯等公司已经有比較成熟的应用,nodejs已经開始进入主流server端技术行列了。

我们今年重点推广使用的AngularJS框架,论坛涉及的演讲主题并不多,仅仅有阿里云祝犁的《Listen to the buzz of Angular.JS》,主要介绍了AngularJS在阿里云控制台的应用。这个AngularJS的主题还是有些深度的。介绍的promise机制等都非常有启示价值,适合有一定AngularJS经验的人看。

然后是HTML5 Hybrid App,主要是涉及的主题是《面向多端的蘑菇街前端技术架构》和《航旅无线H5技术体系成长之路》。航旅无线主要介绍了H5页面和原生页面的整合,总体感觉这块技术还不是非常成熟先进。蘑菇街主要介绍多端技术架构,包含Webdemo
- 本地开发环境。Magpie - MOGU-FE 底层,Walkman - 前端自己主动化工具,Lotus - 数据模拟系统。JsBridge - js 与 App 开发环境等,技术选型风格是小而美的类型。

论坛最后的主题是前端project化,由京东的刘威和淘宝的一位分别讲了《京东前端工业化实践之路》和《淘宝前端project与自己主动化体系》。从这2个主题能够了解到大型互联网公司前端开发的发展现状,已经进入了工业化0基础阶段。京东和淘宝都有自己的前端自己主动化构建系统。命令行工具等。

个人感觉淘宝的前端工详细系更成熟一些,淘宝DEF前端开发环境包含前端应⽤用市场。前端⼯project基础服务,开发人员基础服务三块。覆盖了前端开发的全过程。

       整体来看,2014年前端开发的几个热点是前后端分离,nodejs,HybridApp和前端project化,AngularJS已经是去年的热点了,尽管大多数站点还没实用上。Nodejs的学习也要提上日程了。

从2014年D2前端技术论坛看前端发展趋势的更多相关文章

  1. D2 前端技术论坛总结(上)

    得幸获得D2前端技术论坛门票一张,今天就去了,公司还给批假了(有可能不会算做请假,哈哈). 早上8点50出门,骑个小毛驴,大概9点30分左右,到了阿里巴巴西溪园区,很多人,进去的门口有专人接待,看D2 ...

  2. 记录一次参加D2前端技术论坛的杭州之行

    前言 在这里,闰土首先要感谢以下两位大佬提供的门票,分别是来自新浪微博部门的H同学,以及来自小米科技的D同学. 当我周六晚上在青旅写完这篇文章过后,第二天上网发现,已经有大佬提前一步在掘金上发布了高质 ...

  3. 第12届D2前端技术论坛

    第12届D2前端技术论坛 最近参加了阿里的D2前端技术论坛,听了一天的报告,收获良多,下面对几场报告做一个记录. 自己选择听的主线也是从: 实践应用 -> 管理 -> 性能 -> 新 ...

  4. web前端体系-了解前端,深入前端,架构前端,再看前端。大体系-知识-小细节

    1.了解前端,深入前端,架构前端,再看前端.大体系-知识-小细节 个人认为:前端发展最终的导向是前端工程化,智能化,模块化,组件化,层次化. 2.面试第一关:理论知识. 2-1.http标准 2-2. ...

  5. D2 前端技术论坛总结(下)

    此篇文章不接上篇了,下午4场我就不一一介绍了,主要总结下 D2 整场下来都讲了些什么.   整场下来,就3个关键词:nodejs,多终端,工程化   nodejs 从杭js到d2,大会上提到最多的词汇 ...

  6. 关于当前Web前端技术的一些感悟和笔记

    最近这些年,随着前端应用技术突飞猛进,产生了很多新的前端框架,当然也引入了数不胜数的前端技术概念,前端不在是早期Web Form的拖拉处理方式,也不再是Ajax+HTML那么简单,随着前端技术的发展, ...

  7. 2019年一半已过,这些大前端技术你都GET了吗?- 下篇

    在上一篇文章中已经介绍了大前端关于状态管理.UI组件.小程序.跨平台和框架层的内容.在本文中,我会继续介绍编程语言.工程化.监控.测试和服务端,同时也会对下半年大前端可以关注的部分进行展望. 结合个人 ...

  8. HTML5学堂 全新的HTML5/前端技术分享平台

    HTML5学堂 全新的HTML5/前端技术分享平台 HTML5学堂是做什么的? HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织.致力于构建一个前端 ...

  9. 优秀网站看前端 —— 小米Note介绍页面

    刚开始经营博客的时候,我写过不少“扒皮”系列的文章,主要介绍一些知名站点上有趣的交互效果,然后试着实现它们.后来开始把注意力挪到一些新颖的前端技术上,“扒皮”系列便因此封笔多时.今天打算重开“扒皮”的 ...

随机推荐

  1. 从Oracle Database 角度来看浪潮天梭K1主机的操作系统选择

    背景: 浪潮天梭k1主机.事实上分好几个类别: K1-950 intel 安腾cpu K1-930 intel 安腾cpu K1-910 intel 安腾cpu K1-800 intel 志强cpu ...

  2. mysql---左连接、右连接、内连接之间的差别与联系

    现有两张表 第一张表为男生表,记录了男生的姓名和配偶的编号 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbXlfbWFv/font/5a6L5L2T/fo ...

  3. BZOJ4259: 残缺的字符串 & BZOJ4503: 两个串

    [传送门:BZOJ4259&BZOJ4503] 简要题意: 给出两个字符串,第一个串长度为m,第二个串长度为n,字符串中如果有*字符,则代表当前位置可以匹配任何字符 求出第一个字符串在第二个字 ...

  4. zzulioj--1825-- 会长爱数学(模拟)

    1825: 会长爱数学 Time Limit: 1 Sec  Memory Limit: 128 MB Submit: 6  Solved: 2 SubmitStatusWeb Board Descr ...

  5. 安卓开发--HttpDemo01

    package com.cnn.httpdemo01; import android.app.Activity; import android.content.Intent; import andro ...

  6. java9新特性-14-多分辨率图像 API

    1.官方Feature 251: Multi-Resolution Images 263: HiDPI Graphics on Windows and Linux 2.产生背景 在Mac上,JDK已经 ...

  7. Git放弃本地更改恢复到资源库版本

    使用git版本控制工具在本地clone一份代码后,如果发现修改错误想恢复到资源库版本,下面两行可以轻松加愉快的搞定: git clean -xdf git checkout -f git的更多详细用法 ...

  8. js中字符串转驼峰转为下划线

    function dasherize(str) { return str.replace(/::/g, '/') .replace(/([A-Z]+)([A-Z][a-z])/g, '$1_$2') ...

  9. Mac安装composer安装Yii2项目

    [注释:]本人原创,如需转载请注明来源链接! 通过安装Composer方式安装Yii 如果还没有安装 Composer,你可以按 getcomposer.org 中的方法安装. 在 Linux 和 M ...

  10. Leaflet绘制多边形

    drawPolygon = () => { let points = []; const polygon = new L.Polygon(points); this.map.addLayer(p ...