2014 JSDC

Day 1

  • Future of Enterprise Web Applications
  • Browserify 
  • CNPM: 打造企業私有NPM
  • 不被重視的 HTML: Accessibility
  • PgREST - PostgreSQL
  • RxJS FOR f2e

Day2

  • Panel talk - 大師經驗分享會

  • Koa - Asynchronous Decorators as Middleware
  • 特色導向式開發 - Feature-oriented Programming（FOP）

  • 大型互聯網公司前端團隊那些事兒（前端團隊發展思考）

  • GitHub 大冒險

     

Future of Enterprise Web Applications

  • ExtJS是一個Javascript庫，功能強大，介面美觀，可以使用Ajax, DHTML，DOM等技術開發網路應用程式。開發網路應用程式。
  • 2010年6月, Ext JS更名為Sencha（Sencha是日本的煎茶），這是世界上第一個基於HTML5的行動應用框架，全面相容 Android 和 Apple iOS。
  • 此開場只有簡介重點放在隔天的 90 分鐘 Workshop，但是我參加了ZMQ & 前端的那些事兒。

Browserify

不被重視的

HTML: Accessibility

  • voice over 盲人上網 （Mac Vo: Control + Option)
  • chromeVox 工具  Accessibility Developer Tools

Panel talk

大師經驗分享會

1. 程式開發是興趣還是工作？

  • 興趣當工作：周末寫一個modual

  • 喜歡跟人溝通

  • 團隊工作比較強： open source

  • 做覺得有趣的事

  • 喜歡把事情做好的感覺

  • 寫 Code 原來可以這麼專心，我寫故我在

  • Enjoy 寫 Code 的過程

  • 喜歡解決問題，解決了就會很開心

  • RxJs for frontend developers

  • 太喜歡寫 code 而週末在家當宅宅沒陪朋友出去玩，你可以找朋友來教他寫程式

  • Cats members find on instegrame

  • Caffeine is really active

  • 工作吃飯每三小時一個循環

  • 一天睡五-六小時！工作18個小時

  • 很專心的時間中可以搞定一天的工作量

  • Coffee shop 是好朋友

  • 時間管理： 一直工作、一直工作、一直工作 ，一周給自己一天人間蒸發

2. How to be a hard coder?

  • Find a teacher work together everyday! 
  • Find something you care about!
  • Read code and asking, communicate with hard coder
  • 跟別人一起寫程式可以學比較多東西，所以要用GitHub 
  • 找到一個大師一直問問題、一直問問題 
  • Sometimes be good ex: buy a coffee for him

3. Is there any news like RSS about JavaScript?

  • 追綜Twitter - who write interesting code!

4. 會想要自由生活嗎？

  • 我不喜歡有老板
  • 我賺還可以的錢就好
  • 把 View 垃高、理解笨蛋老板背後原因
  • 做開心的事或是賺更多錢

5. JavaScrip 對你的意義？

  • 這不是一個選擇 而是你需要他
  • 我喜歡的是每個人都可以寫
  • 世界上有好多有趣的人在社群
  • 無聊的話我才會離開 JavaScript
  • 社群被受到歡喜 感到非常興奮
  • JavaScript 很有趣可以做很多事情而且也很容易

特色導向式開發

- Feature-oriented Programming（FOP）

大型互聯網公司前端團隊那些事兒（前端團隊發展思考）

  • 360奇舞團 - 奇虎 360 中大於 70人的團隊，由前端工程師+ 部分特約人員組成。
  • 導航、雲盤、搜索、電子商務、遊戲、瀏覽器⋯

GitHub 大冒險  

- Muan ( Designer at GitHub )

  • 嘖嘖稱奇
  • 2014 JSDC 是他本人第一場在台灣中文的演講
  • GitHub 設計師，寫寫 Ruby ( GitHub 設計師都會前端 )
  • 70%人不在公司工作 
  • @muanchiou
  • Slides

在GitHub裡面

你可以加入不同的組織

  • @github/CSS
  • @github/engineering (工程)
  • @github/design (設計)
  • @github/accessibility (無障礙)
  • @github/education (教育)
  • ...
  • @github/colorBlind ( 是由一群有有色盲的人所組成 )

設計師都會寫程式，但有少部分 Hardcore 專注在技術上並不會做設計

  • Engineering > Design > CSS > accessibility

設計師提案

is a protoype, not a picture!

多鼓勵設計學寫程式

  • 現在學寫程式比以前容易多了 ( 她小時候以為寫程式就是做設計的工具，當時還不曉得有Photoshop 這個東西 )
  • Be care about accessibility
    ( http://www.accessibilitycamp.org/ ) 
  • CSS 不要超過5層，最好3層就好

Accessibility 檢測的項目

  • img tag 要 + alt.
  • a 要 +  href 
  • 有些按鈕只有圖，要加上文字說明。
    ( 不然 VoiceOver 讀到會變成 "嗶" 一聲 )

JSDC 自發性共筆

Thank You!