JSDC是JavaScript Developer Conference的縮寫,是台灣JavaScript開發者的年度盛會,今年5/18-19兩天舉辦,沒有親自參加,但FB、噗浪上的資訊如潮水般湧入,許多講者幾乎是一講完就把投影片上傳到Slide ShareSpeaker Deck,然後我開始陷入: "哇! 這個我想看、那個我得了解"的焦躁中,一口氣吞下超量資訊,就像:

JSDC的議程很多很廣,聲明一下,筆記偏向我的個人觀點,以自己JS程度能理解駕御及與目前學習方向接近的議題為主,某些議題過去有寫文章提過的筆記就會簡略些,請大家以投影片為主。完整的議程資訊則可在JSDC懶人包找到。

  1. 保哥 - JavaScript開發實戰 投影片 / 錄影
    IE, Chrome的效能工具、JavaScript效能及語法陷阱
  2. Lawrance – 愛料理網站前端開發經驗 投影片
    Bootstrap、RWD、CoffeeScript、jQuery、Backbon.js、SASS/SCSS、Require.js(造成部署慢後來未用)
    從Client追蹤滑鼠移動與點擊(CrazyEgg) / Google Analytics,將使用者行為作為網站改善依據
    新功能上線時自動跳出指示與教學(intro.js, bootstro.js)
    Mobile Tips: Request數要少、圖片要小、放棄特效省去CSS/JS下載
    JSON API很有用,前後端開發關注點分離
  3. ant - 前端工程師面對的資安挑戰 投影片
    2nd SQL Injection - 轉送到後端在後端爆炸(後端內網多半鋼板薄防護差,改不動可以考慮中間插入DB當DMZ)
    DOM XSS – 直接在Client端引爆與後端無關
    HttpOnly Cookie (document.cookie取不到)
    限定HTTP POST並不能有效防範CSRF,至少要加上Form Token,小心Click Jacking
    CDN要小心CDN被人攻破掛木馬(個人認為用Microsoft或Google的CND還出事就是命了)
    ** Filter Input + Escape Output + One Time Token **
    【同場加映】ant去年的講題: JavaScript的著作權問題,我的簡略心得是JavaScript授權問題比想像複雜。簡單來說,若使用的程式庫採MIT/BSD/Apache授權問題較少,但要小心打包壓縮後未保留著作聲明及原始檔連結的議題,使用CDN當成來源也是不錯的解決方案。
  4. fillano (費大公) - Easier Async - Flow Control 的原理、應用、實作及展望 投影片
    Promise是當今主流(ex: jQuery Deferred)
  5. josephj(蔣定宇,啊嗚) - F2E(前端工程),軟體工業的鍥石 投影片
    Frontend Engineer 前端工程師!! 2001起Yahoo首先定出F2E職位,兩年內擴充到600人。
    工程師不管呈現 + 設計師不管做法 + 瀏覽器/JS/CSS日益複雜(近年又多了Mobile) => F2E展現價值,將設計與技術完美結合
    ** 沒Github還能算是工程師嗎? **
  6. 大澤木小鐵 - 透視JavaScript的MVC/MVP/MVVM 投影片
    巡覽MV* Pattern,MVVM的代表以Knockout為例
  7. 流浪小風 – Rock with Knockout.js 投影片
    Knockout.js Rocks!!! 不解釋
  8. 小惡魔 - 你不可不知的前端開發工具 投影片
    CoffeeScript - 統一Coding風格、可透過JSLint測試
    Compass – CSS產生器,寫一行生出跨瀏覽器用的N行、簡化原本複雜的CSS寫法。SCSS跟CSS一樣、SASS對設計師而言很難。
    Require.js管理JavaScript載入時的相依性。
  9. 閃光洽 - 生在幸福的JS年代 投影片
    細數跨瀏覽器的血淚、瀏覽器是史上最複雜的測試環境(CSS/UI/UX/AJAX/WebSocket/Worker/IndexesDB/Camera API…)
    幸福的年代: 當代瀏覽器支援度相當完全、市面工具/套件與解決方案相當多元、IDE支援越來越完整
    ** 門檻是用來跨越的,不是用來絆倒的 **
  10. josephj - 關於JavaScript品質,我想說的是 投影片
    (PS: 愛跑步的工程師最帥氣~)
    在Yahoo!學到的教訓: F2E放在公用Pool、缺乏訓練/一致的開發規範
    miiiCasa: 當上F2E部門主管,迫於時程,大量Copy & Paste
    ** 數小時寫出的程式,要花數週的時間去維護它 **
    代碼抽象的原則: DRY(重複時用抽象化解決)、YAGNI(抽象化要快+簡單,不要耗費精力)、Rule of 3(出現3次再進行抽象化)
    JS檔不要超過500行、一行不要超過100個字元 => 抽離成模組
    善用try..catch、window.onerror –> 利用虛image?error_info在Log留下記錄,分析工具Sentry
    Esprima – JS Code品質工具,將程式碼轉成AST(描述語意),再轉成統一規範的程式碼
    CI整合!! 每次CheckIn都檢查 + 測試。現成的CI伺服器 CodeShip、CloudBees、Travis,可搭Github。
    文學編程(Literate Programming) - 寫文章 -> 變成程式碼

Comments

# by 貓咪圓滾滾

something wrong? 是因為LC鍋正在煮東西嗎? 哈哈 我剛剛看了閃光洽的介紹 想說原來IE不行用 難怪我怎麼keep up 都沒有用 哈哈 但......現在......這.....我哪ㄟ接歹命..........哈哈

# by 貓咪圓滾滾

看到黑大提及大家熱情分享 雖然已經事隔很久 但我還是想說一些話 我第一位請教問題的mvp是Andy 雖然當時我問了一個很不可思議的問題 哈哈 但他人真的很好 很詳細告訴我應該去哪裡看文章跟下載資料 另外像狗大 璉大 Bill淑 gipi AskaSu 91 等等 大家也都一直是熱情無私分享 當然更不要說黑大 現在部落格都已經近入"動畫"時代 這樣的方式對缺想像力的我真的幫助很大 哈哈 但是因為現在我就只能靠自己(為什麼這話聽起來有像悲慘世界正在上演的感覺哪 哈哈) 所以就深深覺得 如果照這樣繼續再努力下去 我應該很快就會在成功的道路上 哈哈 謝謝黑大! 謝謝! ^^

Post a comment