北京 WebRebuild 演講,收獲滿檔!

此篇文章最近更新時間為2010-07-18 14:25:41 目前共有24篇留言

關於作者 - JosephJ

任職於 Faria。喜好戶外運動、2008 年 5 月完成「跑步環島」。對於新技術跟程式碼有著強烈的偏執狂。

後續更新

  • Javascript的模块化开发 : 這是上海合作廠商的 Niles 同學在 WebRebuild 會前就寫好的一篇文章,實在是很優秀,演講時應該拿這張圖表跟大家解說的!(此部落格我在試的時候要設定 host 才看得到)
  • gerrit : 由 Tim Green 同學分享,是一套基於 Git 的 Code Review 系統,看起來似乎還不錯,晚點來調查一下,可以的話就整進來啦!

這就是我覺得分享很棒的原因,往往可以從聽眾那邊得到很棒的反饋


緣起

P7190005 在北京百度工作的裕波是 WebRebuild (一個討論前端的社群,深圳發起,今年第四年) 的主辦人。坳不過他的熱情邀請我去參加年會、而 D-Link 的老闆們也願意出經費讓我去見見世面,於是乎就成行了。說真的,自己一開始並沒有要講課的意願,因為這一年來比較在做整合的部分,純前端的很少。後來心頭一轉,想說唯有透過上台演說才是最好的交流方式,直接分享前後端整合的部分算了。裕波也幫我取定了「建立前端開發團隊」的這個主題。但說真的,對我自己的主題沒啥信心、只期待能夠想海綿一樣多吸收點心得、回台灣帶給同事們。


百度分享

001 下飛機後我們就決定直奔百度,因這天有個分享會,剛好可以讓我跟百度的前端工程師們交流一下。百度的前端工程師先分享了他們內部使用的 JavaScript 框架介紹,對於他深深了解每種框架 (jQuery, YUI2, YUI3, Prototype...) 的寫法、優缺點、性能,真的感到十分佩服,是位硬底子的工程師啊。

其實就我所知,台灣比較少公司自己去刻框架(大概是因想到 Don't Reinvent The Wheel 這句話吧) ,跟裕波聊了之後才知北京的情況恰好相反,比較有規模的公司都有一套或多套自己的框架,這點讓我蠻印象深刻的。不過,刻框架讓自己技術增進是一回事,但是,後續的維護是一條不歸路啊。一但有人開始用了之後就要為它負責、做好向前與向後相容、持續地除蟲及增加功能... 沒有計畫與決心永續經營下去,對用的人就會是很痛苦的一件事,真的是良心事業中的良心事業啊。

接著我也分享了隔天 WebRebuild 年會要講的重點:「模組化開發」,在聊的過程中發現這個,有啊」團隊資質相當不錯,想的問題點都很深入、而且我要分享的東西他們也有在用了(Fiddler 與 CDN 的檔名),讓我有點野人獻曝的感覺 XD 另外他們提到了像是 DataURI 在 IE、UnitTest、Smoking Test 的實作等都是我很想要深入了解的部份。心裡不禁在想:「糟了,北京前端工程師的實力都這麼好,明天的分享大家會不會覺得無聊」。

順道一提,百度的工作環境真的很好,除了優異的硬體設施外,員工們享有很高的自主權,像是上下班時間自己負責、累了可以去睡眠室休息、開放式空間、下午大半時間跟我交流等。台灣大概沒有公司能夠比得上

WebRebuild 演講

雖然心裡不安,但想太多也沒用、就豁出去了啦!下面是我這次的投影片:



真的完全沒想到,我的演講獲得在場許多人的迴響:

  • 毛头明月耍大刀 - 参加 Webrebuild 7.17北京站分享收获颇丰
    上午的第二位也是最后一位是台湾D-link的蒋定宇先生的 《建立团队前端开发环境》。坦率的讲,听完他讲的东西我觉得今天就算立即走了也不虚此行(当然后面的不听就明显亏了)。Guidline 的制定,模块化,从无到有,满腔激情,充实的生活,一个活生生的榜样呀。他个人的感染力的价值绝不亚于分享的内容。
  • 潘魏增 - webrebuild 第四届年会总结
    接下来是我们的定宇同学,今天他要讲《建立团队前端开发环境》,也是今天最有料的主题。定宇讲的主题中,我比较感兴趣的是三点:1.虚拟代理软件fiddler的使用和其中含有的一些开发思路;2.源码提交时使用jslint和code sniffer来作语法检查,让犯错误变得困难;3.模块化的开发实践
  • 月下竖琴 - WebRebulid之我的总结(上)
    蒋老师讲到的很大一部分是模块化开发,对于这点,反思我们公司现状,作为二百多人的团队,部门间沟通变得困难,网站存在十年,东西繁杂想一下修改过来是不太可能。中午我们3个同事商量了一下,开发管不了,那么就做自己能做的,想办法将我们现在的页面模块化。
  • AvenirZheng:# 重构人生#
    非常想看定宇大哥的分享,PPT讲到的以一个个独立的[Div模块]做开发单元,是曾相识的看法彪叔也提过,不知道两位大哥在现场有没有火花碰撞!

還有一些是對我的誇獎,真的是快飛上天啦!

  • 则名:# 重构人生# 欢迎蒋定宇来北京发展,台湾局面有点小哈
  • 手机用户 1777299273:# 重构人生#喜欢台湾口音的啦。。。啊呜
  • 小秦同学:# 重构人生#D-link的讲师好帅,技术知识丰富,人又活得潇洒。榜样

北京 Webrebuild 之旅-45 此外,我也從其他講師身上學到了不少,像是 RDF、HTML 5 & CSS 3、Performance、豆瓣的前端架構等,回來台灣得好好整理這些資料跟大家分享了!!感謝裕波的邀約,這次的經驗真的是個永生難忘的回憶啊!期待未來繼續跟大家交流啊!

結語:台灣的前端要加油

到了北京、逛了百度、參加了研討會、跟當地的朋友聊了天,真的對當地的前端開發有種驚豔的感覺... 每一家網路公司都有前端工程師、百度 FE 的人數甚至是台灣雅虎的數十倍之多、專門的前端社群有三個、薪資水平跟台灣差不多、工作環境佳、來參與聚會的人超過 400 人、企業對 FE 社群的重視程度... 過個一兩年,他們將會遠遠地超越台灣的開發水平... 我們怎能不加油呢?我想,也應該是時候,在台灣成立一個前端專屬的社群,透過彼此切磋,技術才能不斷地往前。

在北京機場,有位大姊希望我可以陪他 73 歲的媽媽一起,怕她搞不清楚怎麼走。我也答應了,那位大姊也就這樣順便請我吃了晚餐(結果我都沒花到啥錢 XD),聊到原來她到北京工作了兩年,真的見識到這邊的機會多很多、環境也好、賺的錢也多,之前沒見識過時都會有刻版印象,以為很多鄉村地方還是很落後的.... 了解過後才知道原來我們都是井底之蛙,真的要常常跳出這個匡匡去看看世界變成什麼樣子才是啊。



Comments

  1. 2010-08-18 04:11:26
  2. NeiL 2010-08-01 17:48:43
    謝謝 josephj 的回應,

    但我覺得 如果div模組的可用性不高, 那便不如ASP.NET控制項了. 反觀div模組就只是以block為單位的獨立功能模組, 事實上有經驗的程式設計師都會使用模組的方式去開發(而不會一整頁混合), 但重點是這樣還不夠, 快速開發與維護方便是個議題, 當然 josephj大有提到如何包裝div模組, 但就只是對前端而言.

    我知道拿ASP.NET來比較, 其實是有點不公平, 因為它有很棒的IDE能幫助開發, 控制項的前端會自動被render, 所以它易學難精, 尤其是當要修改前端的時候, 門檻比MVC架構的還高很多.

    至於前端整合我覺得不免會做很多雜工, 因為前端整合的不只是函式庫, 還包括實際顯示在網頁上的元件, 去包裝別人的元件是個大麻煩, 不會只是寫個界面這麼簡單.
  3. small F2E 2010-07-29 01:33:56
    <div>模組化我會習慣用php function包起來,
    function的參數可多設計為<div>模組加「技能」or「視覺技能」(例: 多加某css classname),
    function太多時,可再考慮集合成一個class~~


    這篇依舊Awoo style,仍然十分令人熱血 >.< !!
  4. josephj 2010-07-25 13:06:51
    Neil,

    我是認為 ASP.NET 的 Control 不能算是 div 模組耶, 概念上有差別:
    * ASP.NET 控制項是 Reusability 為導向的(Grid, Pagination, Validation, TextBox)
    * <div/> 模組的劃分是按照 Independent Functionality 為導向(文章發表、天氣、照片列表、最新文章列表)
    .NET 也寫了一年半,雖四年多沒用,概念應該還是差不多的吧 ? :p
    另外跟後端的連結性,<div/> 模組還是可以有相依的 Controller,看架構的規劃囉

    前端如何包裝整合,是個好議題!我提到的幾個主題其實跟整合並沒有太大衝突。就 Nicholas Zakas 的看法是:「不讓開發者直接存取 Library,只能透過 Sandbox 模組 API 提供的方式使用」所以他會再依專案需求去對要整合的 Library 刻 Extension,去擴充模組 API 可以使用的功能... 壞處當然是每次用新東西都要刻 API Interface、效能差,好處是所有人的撰寫及使用方法可趨於一致:模組化、符合規範、好維護、好除錯。

    NZ 的想法對一般公司的實作還一段路要走,不過我個人是還蠻推崇的。
  5. NeiL 2010-07-22 09:19:27
    div模組的概念 事實上就像 ASP.NET中的控制項差不多 只是控制項對後端的連結性更高
  6. NeiL 2010-07-22 09:08:54
    您好, 看完您的投影片, 其中介紹的一些工具似乎挺實用的!

    不過我想請教你, 對於前端異質函式庫或軟體的整合修改, 有什麼特別的看法?

    事實上, 不是每個案子的前端從頭到尾都由自己開發, 我覺得如何整合包裝也是個大議題.
    我之前的案子都是在做整合開發, 像是混合google map api 在 timeline 上做出新功能
    timeline是開源軟體 http://www.simile-widgets.org/timeline/
    對於混合異質函式庫或軟體其包裝與開發修改, 不知您有什麼特別的見解?
  7. samir 2010-07-21 14:19:09
    鼓掌欢迎蒋哥来京演讲,哈哈,那天的主题很贴近目前的现状哦,虽然北京的大公司多,但是中小型公司的前端架构也是刚刚起步,你的分享主题很符合潮流哈。谢谢分享。
  8. lilychen 2010-07-21 10:11:25
    有幸能到现场听到帅气阳光的蒋老师的分享,收获颇丰....
  9. josephj 2010-07-21 01:15:56
    耶~ 小黑師父出現啦 ~~

    我真的有受到很大的衝擊啦!
    有一種現在雖然是我去分享,未來只有我取經的份
    我自己是覺得大陸只差細膩度還不夠,其他的沒什麼可以挑剔了
    像是 Accessbility 我認為是前端工程師應該必備的良心基礎
    但是大陸似乎比較沒有朋友關心這一塊,倒是蠻意外的
  10. idd.chiang 2010-07-20 09:55:04
    遗憾因为一些原因未能到现场一睹蒋氏同门风采,盼能有幸到台湾旅游时相见。
  11. 裕波 2010-07-20 01:18:44
    哈哈,我看到hedger也来了!
  12. Hedger 2010-07-20 01:12:21
    China已經超前TW很多了
    除了創新上比較落後外
    在技術應用上的發展速度真的很快
  13. 勾三股四 2010-07-20 01:03:31
    来支持一下Awoo~
    p.s. 造轮子是个很经典的话题哦
    p.s.s. 深夜还在回邮件,写部落格,专业精神令人敬佩!
  14. Fynn 2010-07-19 16:54:22
    Awoo超赞的啦,看你的博文,都很有激情。
    虽然很不幸没有机会到现场听你的演说,但是看到你写出文章来分享下就心满意足了。
    崇拜Awoo啊
  15. simaopig 2010-07-19 14:47:52
    在会上听你讲的很多,收获颇丰。
  16. pan 2010-07-19 13:16:34
    欢迎再次来北京分享,多多交流啊。
  17. Jerry Qu 2010-07-19 12:02:06
    有幸在周五提前听到了你的分享,真的很不错~
  18. 比特球 2010-07-19 11:34:16
    欢迎有机会再来北京!!
  19. Awoo~ 2010-07-19 11:22:11
    Jackson Tian:

    是啊,但是我是拿台灣跟大陸兩家頂級的公司來做比較的...
    Scale 真的有差
  20. 裕波 2010-07-19 11:14:25
    哈,随时欢迎你来大陆!
  21. Jackson Tian 2010-07-19 10:55:56
    Awoo你看到的是大陆走的比较前沿的公司啦,还是有很多中小的网站没有走到那一步的。
  22. 阿肆 2010-07-19 10:39:24
    非常欢迎Awoo有机会再来北京
  23. Anderson(mingjaan) 2010-07-19 09:50:26
    Awoo 真是熱血的男孩!!~

    是啊,大陸的進步真的超過我們想像很多,我前幾週去趟山東,看到青島、濟南的建設,真的也讓我省思很多。
  24. jiing 2010-07-19 09:45:05
    真是中肯,最後一句有點小錯字,匡匡 => 框框,定宇兄有好玩的找我啊~~~~
暱稱: 必填。
Email: 非必填。若填寫為不公開欄位,僅供站長參考聯繫。
內容: 必填。限 255 個字元以內。
驗證碼:
送出

Facebook Comment