kpman | code

JSDC

這是第二屆的 JSDC，由 TonyQ 及三大社群舉辦的聚會，非常幸運的我能順利的利用社群票的機制搶到票，在眾多非常有經驗的強者面前，聽完他們的分享，越感覺自己對於網頁開發充滿了熱情！

『我們不叫前端工程師，以後請叫我們前端設計師！』

這是聽完今年的 JSDC 感覺最有趣的一句話了。這句話帶出了他們的幽默風趣，在 Web Develope 這一個圈子，能結合設計還有程式的，就是前端工程師，也就是所謂的 F2E。

雖然對於網頁開發我自己算是沒有什麼經驗，要談設計我也沒有什麼基礎知識，但我知道這條路是我喜歡的，我會繼續走下去。給自己的目標是十年，我希望十年後我能跟現在我敬佩的前輩們一起討論，一起努力。

議程記錄＆見聞

Day1

  • 【AWS】介紹了他們的服務現在已經針對 node.js 有放出 SDK - 有用過的人歡迎一起分享討論。

  • 【保哥】介紹了他的開發經驗，針對 code 要怎樣去調教，他說了一句話讓我印象深刻：

通常你的網站會慢，第一個要查的就是你自己所寫的 code，不是你套用的那些 framework。

保哥也推薦利用jsperf.com去測試自己的 code，雖然執行上面的效果一模一樣，有可能只差一個new效率就差了 200 倍之多。

  • 【Lawrence】同樣待過資種的 Lawrence 學長介紹了愛料理的開發，主要是一些用過的套件還有經驗談，舉凡 Bootstrap、Font Awesome、template 利用 Handlebars 去完成等。利用 Crazyegg、GA 去分析，也談到了 RWD 的問題。最後三句話，始終在腦海中揮之不去。

在技術上有卓越表現，是工程師的浪漫。
在設計上有卓越表現，是設計師的浪漫。
在產品上有卓越表現，是企劃與 PM 的浪漫。

  • 【Even Wu】Even 介紹到了如何教前端技術，投影片的風格太有趣 XD 聊到了教設計師寫 code 其實要讓他們自動自發的學習，也是一個最重要的觀念：激勵。這個議程談的不是技術，而是一種經驗和體悟。
    最後剩下的時間，大家交流的問題也很有趣。就有某設計師提到：他原本是設計師，但他每次提出的效果，前端工程師都跟他說這做不出來，他為了證明做的到，便開始自動自發的學習寫 code，來向前端工程師證明。

  • 【up chen】介紹了很多實用的工具，但可能我自己本身就是一個很偷懶的人，（偷懶的人都會想要去找一些好用的工具讓自己做事更快）所以覺得這一個議程沒有得到很多新知。
    但像是 sublime text 的 column selection 便是之前沒有在使用，但是覺得對自己很方便的技巧:)

  • 【Rex Huang】這個主題很酷，在瀏覽器上面建立一個 os，而且執行起來很順，重點是利用 js 去打造的，同時也是大會的贊助商，未來應該很有發展，但是對於現階段的我來說比較艱深，所以就沒有很仔細的記錄筆記。

  • 【KKBOX】kkbox 來談談利用 node.js 開發的心得。介紹了一些 node 的用法還有經驗，但這種議程最難過的就是自己對於 node.js 接觸還沒有很深，所以聽起來會有點懵懵懂懂，印象最深刻的就是這句話：

利用 JavaScript 去寫後台聽起來很酷，但做起來會想要哭。

  • 【Ruben Tan】是一個聲音很好聽的英文場議程。講者提到了 flow control 問題，要避免寫太多 call back 才是，single thread 一直是 node.js 開發的問題。

Day 2

picture from Josephj

  • 【Josephj(啊嗚)】早在 JSDC 開始前，就在網路上得知該前輩維護的資源，對於網頁開發，他待過 yahoo!，從 IE4 開始就寫前台了！投影片上面也列出好幾位很值得學習的前輩，真是看的我心花怒放 XD
    前端魂，是身為前端工程師（設計師？）應該有的精神！

前端，你的名字叫熱血

前輩也提到，技術不是重點，態度才是，避免盲目的追求技術，好的前端不等於知道很多技術。積極分享、多回饋，這點我真的在 Josephj 身上看到，從他架設的 f2eclass 就可以知道他願意分享的態度。

  • 【york】這是一場非常酷的 live demo，台上講者的投影片，透過連線到 jsdc.york.tw 可以即時的在自己電腦切換，且下方就 demo 了 socket.io 的實作。雖然自己還沒有接觸到這一塊，但知道 socket.io 是利用 websocket 去做，在沒有實作 websocket 的瀏覽器，會切換別的通道，讓他們也可以 work，所以支援的瀏覽器很廣。

  • 【大澤木小鐵】小鐵與我們分享了在 JavaScript 上面實作 MVC、MVP、MVVM（簡稱 MV*）的心法，這場我聽的津津有味！利用圖解的方式搭配很多時事梗 XD 重點是讓沒什麼經驗的我也可以略懂，相信未來在開發 JS 的時候，會再想到這一份投影片。

  • 【othree】othree 和我們分享了 this 的用法。在不同情況呼叫 this 的時候，他針對的 function 以及目標會不同。然而我覺得這對我來說也還是太深了 XD 開發的經驗還是不太足夠，但這一個主題應該是很多有經驗的前輩們都想要討論的問題，期待自己能好好的加強自己，等到我也遇到 this 的問題，我相信我又更加進步了。

  • 【阿修(Justin Lee)】阿修介紹到了在與設計溝通的時候，其實為了記錄當下討論的結果，利用 inline 把效果寫進 html 最快，等到往後要維護的時候，工程師在自己去 maintain，著實讓我上了一課。阿修也示範了一套很酷的 Titanium，可以即時的在 web 編輯 app 程式，然後利用手機即時連線，為了加速效果，也利用了Tishaow去 built，存檔的同時就可以即時看到，效率非常高。

  • 【Mozilla】介紹了利用 Emscripten 去把不同的語言編譯成 JavaScript，可以在瀏覽器上面運行這樣。

  • 【Nowill】Nowill 介紹了 RWD 的一些想法，她是一個非常有經驗的前輩，參與很多專案，與很多公司有很多合作經驗。她說了，RWD 不是口頭上說說就是用 media query 就可以解決的，還有很多技巧是要自己真的去做過才會知道的。提到了五大秘訣：掌握解析度、流動式布局、使用者經驗、體驗操作、推敲思考。且她也提到，不是每一個網站都適合作 RWD，因為在需要圖片解析度，文字閱讀的網站，應該針對不同的 case 去做因應。

心得

參與了本次的 JSDC，我體會到了那些專注於在一件事情上面的美好，那種熱忱，都是在這些前輩們上面可以看到。前端工程師要做的事情，會一點設計，會知道要怎樣寫程式，其實就是將這世界上美的事物，利用 web 的方式讓大家看的見。
我相信分享是這世界上最美好的事情，聽到許多前輩的分享，我自己會有一種想要讓自己變很強的衝動，但有時候會忘記那些最單純的人際關係。在周遭一些朋友身上，我看見了他們很強，很厲害，讓我打從心底佩服；但不知道為什麼，對於他們我會有一種不太想向他們請教的感覺，或許是他們平時透露出來的訊息吧，讓我感覺不是那麼好。
我認為交流是一件很愉悅的事情，可以讓彼此在短時間就可以學習到很多，因此我很樂意分享，把自己知道不多但覺得實用的東西給記錄下來，期許大家可以開心的交流，開心的分享，而並非是那種『我知道這個很好用，但你沒有問，你沒有一起來討論，所以我不想告訴你。』提醒自己，要當一個樂意分享的人，在前端開發這一塊，我又重新充滿電了！

在變強之前，我想要先變好:)

reference