DAY 1
Future of Enterprise Web Applications
- Jeff Pope
Future of Enterprise Web Applications
- Jeff Pope
1. JS css3 html5
2. Ember jquery angulars...
3. What about Micro-frameworks?
- Ext.js the interface of Business
- 監控系統等
- 10/12 有 workshop
- Customers Sony Casio ...3m top 100 company. TSMC
- IBM CITYBANK...
- 公司內外部都會用
- AIR Asia -touch app to check fight
- Master card 桌上跟行動應用
- Smile brands - 牙醫記錄 sophisticated ExtJS IMPLEMENT
5. Want to know more?
- The 90 minute app Ext JS Workshop
Q1: 未來始用層面
- 更快架構Application
Q2: SENCHA any way to improv ?
- Htc 台基電 亞洲有好多客戶
介紹 Ext JS 超好用及擁有多少大廠客戶，詳細介紹沒有多著墨，重點放在隔天的 90 分鐘 Workshop，但是我並沒有參加。
Browserify - Maxwell Ogden
- JavaScript for cats
- 請告訴我台北哪裡有貓咖啡廳 (他真的很喜歡貓XDD)
- http://browserify.org/
- @maxogden
- http://voxeljs.com/
雖然我是第一次聽到 Browserify 整場下來聽不太懂，但是演講者超有親和力，講解的很生動有趣，Demo了用瀏覽器玩 Minecraft，他非常喜歡貓，也利用社群結交愛貓人士，結束時還徵求台北哪裡有貓咖啡廳。參加JSDC 讓我認識好多國外的大師，而 Maxwell本人真的非常可愛! 會後已經開始關注他的動態。
CNPM: 打造企業私有NPM
- MK 袁鋒 ( 支付寶技術專家 )
- MK 袁鋒 ( 支付寶技術專家 )
- NPM in Taiwan
- #scalenpm
- CNPM
- 為蛇麼需要私有NPM?-發佈私有模組
- CNPM Solution-快宿同步
- There's some tigon prpbelm 共有 有模組重名、如何接入公司內部授權
- 阿里巴巴 一個月下載兩百萬次 paypal 1⃣️周五十萬次 2014開始
- PayPal 400 new JavaScript engineers per year
- Lower Cost - 一個月600 新台幣 20美元 cnpmjs.org for example...
- 部屬簡單- My SQL
- 便捷參與開發
- Koa example- what koa? Who use? Who enjoy?
- 代碼量減少、
- Alobaba
- Meituan
原本很期待會了解支付寶的相關介紹，不過這似乎是商業機密，有稍微了解到阿里巴巴跟PayPal的發展及技術組織。
不被重視的 HTML: Accessibility
- 楊曉明
- 楊曉明
- The matro, toilet deisign, traffic light,
- trellis Color Blind Friendly Lables
- Yue.css
- voice over 盲人上網 （Mac Vo: Control + Option)
- chromeVox 工具 Accessibility Developer Tools
- Accessibility is easy
- Aria Label
- tablist
- Captcha
- Recaptcha 台灣的 被google買了
- Lepture.com
聽完 HTML Accessibility ，覺得跟工業設計的 "通用設計" 意思非常相近，讓所有人無障礙公平的使用產品，了解原來Web 也有一塊關心少數人的權益，可以讓世界亙美好。
- @clkao
- 獨立開源開發者
- Decent.tw
- 抓資料沒問題 他是公開資訊
- Jason資料倒出
- PgREST is: http://pgre.st/
利用本身的知識及技術，將開源資料倒出幫助社會大眾更容易接觸及了解這些公開的資訊，非常崇拜這些自由軟體程式員，一直為這個世界奉獻，希望有朝一日我也可以利用自己的知識技術造福人群。
RxJS FOR f2e
- Huge Huang
- Huge Huang
- Spotify
- Netflix-線上影音串流
- Callback
- throttle input(250m)
- Array V.S. eventForEach
- Collections
- Event 有時間概念
- Map
- Filter
- Reduce
- ConcatAll
- 二維變一維array
- Get top rate videos
- Map filter output
- Get mouse dragsLike SQL
- Mouse down
- OBSERVABLERecap every thingies observable
- COLLEction+time
- Reference
Q1: 適合拿來解決什麼問題？
- Ui pattern
- User重覆發query
- 重新組合檔下來
- Demo: mouse move = Rx observable
- Delay 重新render
- 滑鼠特效
希望可以有更多實際的 DEMO 可以欣賞，Slides 非常多Code 其實看不太懂也消化不了，只好加緊腳步充實自己的能力了。
Substack - James Halliday
- TBD
- Micro database
- Leveldb
- #wikidb
DAY 2
Panel talk - 大師經驗分享會
- Huge (https://github.com/huang47)
- Jonathan Ong (https://github.com/jonathanong)
- Mu-An Chiou (https://github.com/muan, @muanchiou)
- Jessica Lord (https://github.com/jlord, @jllord)
- maxwell ogden (https://github.com/maxogden, @maxogden)
- Caesar Chi (http://blog.caesarchi.com/)
1. 程式開發是興趣還是工作？
- 興趣當工作：周末寫一個modual
- 喜歡跟人溝通
- 團隊工作比較強： open source
- 做覺得有趣的事
- 喜歡把事情做好的感覺
- 寫 Code 原來可以這麼專心，我寫故我在
- Enjoy 寫 Code 的過程
- 喜歡解決問題，解決了就會很開心
- RxJs for frontend developers
- 太喜歡寫 code 而週末在家當宅宅沒陪朋友出去玩，你可以找朋友來教他寫程式
- Cats members find instegrame
- Coffeeen is really active
- 工作吃飯每三小時一個循環
- 一天睡五-六小時！工作18個小時
- 很專心的時間中可以搞定一天的工作量
- Coffee shop 是好朋友
- 時間管理： 一直工作一直工作一直工作 ，一周給自己一天人間蒸發
2. How to be a hard coder?
- Find a teacher work together everyday! This is important
- Find something you care about!
- Read code and asking, communicate with hard coder
- Muan: 跟別人一起寫程式可以學比較多東西，所以要用GitHub
- 找到一個人一直問問題一直問問題 （註：台灣人很nice問他問到煩也沒關係，過幾天就好了）
- Sometimes be good ex: buy a coffee for him
3. Is there any news like RSS about JavaScript?
- 追綜Twitter who write interesting code!
4. 會想要自由生活嗎？
- 我不喜歡有老板
- 我賺ok money 就好
- 把view垃高 理解笨蛋老板背後原因
- 做開心的事 或是賺更多錢
- 這不是一個選擇 而是妳需要他
- 我喜歡的是每個人都可以寫
- 世界上有好多有趣的人在社群
- 無聊的話我才會離開JavaScript
- Web page I an use JavaScript write
- 社群被受到歡喜 感到非常興奮
- JavaScript 很有趣可以做很多事情而且也很容易
此座談會是兩天下來最輕鬆的一場聊天式的互動議程，可藉由發問了解開發者及大師們的心路歷程及寫程式所會遇到的大大小小事，關於生活態度也著墨非常多值得我借鏡及學習非常的有趣，也是我筆記最多的一場，最喜歡 Maxwell 及 Muan，開始關注他們的動態。
Koa - Asynchronous Decorators as Middleware
- Jonathan
- Node.js
- ES7 Asynchronous/Await with promises
- Koa:Generators as Middleware
- Try catch
- Middleware are Apps
- Koajs there are 4000^ fans in github
- Try catch any where
- Apps are like Christmas trees
- Keep decorated it
- ES6+
- Koa is very new
2014 JSDC 有許多關於 Node.js 的議程，但是我比較想聽到關於 Client 端的應用，Node.js似乎是趨勢，我要多加油了!
特色導向式開發 - Feature-oriented Programming（FOP）
- 錢逸翔 （Fred Chien)
- @cfsghost
- HanGee 蕃薯國民機
- 創業
- 立志以JavaScript 統一天下
- https://github.com/cfsghost/wag.js
這是我點頭如搗蒜的一場議程，因為一值寫同樣功能的Code有時候會重複做工，原來我以前的開發經驗所用的開發模式叫做 "特色導向式開發"，當初用得很開心就像堆積木一樣有趣，所有的產品部位模組化可供擴充，雖然有順序及相依性問題，但是可以綁keyword來解決，而一層又包一層的開發模式 Debug 工具還是可以告訴壞在哪一支JS裡，物件是獨立的。
leveraging ZMQ with Node.js
- Ruben
Zero Message Queue
- ZMQ is a lightweight networking library
- A very useful tool to have and understand
Q: 有沒有實作例子
- Taxi app
Q: 馬來西亞程式現況
- Javascript很年輕
- Php比較強
- Ruby找不到人
大型互聯網公司前端團隊那些事兒（前端團隊發展思考）
- 吳亮 ( 奇虎 360 高級技術經理 )
1. 百度 奇虎360 （ >70人 ）奇舞團 - 導航 雲盤 搜索 電商⋯
- 大師說"這裡"就解決問題了 - 但，真的解決問題了嗎？
- 設定目標
- 學習、工作 -> 累積、沉殿 -> 分享 -> 影響力
- 知識 ( 書本 ) -> 眼界 ( 學習他人 ) -> 影響力 ( 分享 )
- 技術構成
- HTML, JavaScript, CSS, AS, PHP, Web, Mobile, Web Server...
- 人員組成
- 工程師、業務接口人( 我想應該意思是 PM 吧? )、自由人
- 技術能力
- 建立技術的公信力（解決問題的能力）
- 跨瀏覽器的挑戰
Q: 分享會頻率太高沒東西怎麼辦？
- 停一期，分享很多期其實還好沒這個問題
Q: 如何面試前端人才？
- 看簡歷看他對前端有沒有的興趣？
- 可從GitHub 發佈頻率，還有對問題的理解及理想，技術程度的描述其實沒什麼公信力！
Mathias - Node.js P2P and MAD SCIENCE
- BitTorrent - nice and simple
- Peer to peer
- Split the file into pieces ~512k to 1024k ...
- Hash them
- Peerflix on GitHub
- This is not gimmick
- Stream 流量
- Peerwiki
- Stream video p2p
Q1: there's many problems in the beginning , what's the biggest challenge
- There no article
- And there is many bugs
- It can work just ok
GitHub 大冒險
- Muan ( Designer at GitHub )
1. 經歷:
- 嘖嘖稱奇
- 2014 JSDC 是他本人第一場在台灣中文的演講
- GitHub 設計師，寫寫Ruby ( GitHub 設計師都會前端 )
- 70%人 不在公司工作
- @github/CSS
- @github/engineering
- @github/design
- @github/accessibility
- ...
- ...
- ...
- @github/colorBlind ( 是由一群有 colorblind 的小可愛所組成 )
- @github/$$ ( ?賺錢的部門 )
3. 設計師都會寫程式，但有少部分 Hardcore 專注在技術上並不會做設計
( 註: Hardcore - 程式硬漢。來源: http://goo.gl/ryZV8d)
- Engineering > Design > CSS > accessibility ( 這裡 ">" 指的是包含的意思 )
4. 設計師提案 is a protoype, not a picture!
5. Design + Code = 魯夫 + 惡魔果實
6. 多鼓勵設計學寫程式
- 現在學寫程式比以前容易多了 ( 她小時候以為寫程式就是做設計的工具，當時還不曉得有Photoshop 這個東西! )
- Be care about accessibility ( http://www.accessibilitycamp.org/ )
- CSS 不要超過5層，最好3層就好
- accessibility 檢測的項目
- img tag 要 + alt.
- a 要 + href
- 有些按鈕只有圖要加上文字說明。( 不然 VoiceOver 讀到會變成 "嗶" 一聲 )
Q1: GitHub 有幾個華人?
- 2個台灣人，一個設計、一個會計。
Q2: Hardcore Javascripters 要做設計嗎?
- Hardcore 關注在JS，不用做設計。
Q3: Prototype 需要做到什麼程度?
- 不一定要非常完整才能提出，提出後大家可以一起修改
Q4: 有 Deadline嗎?
- 沒有 Deadline 要放假提出就可以放假。
Q5: 您在台灣有公開的場合技術交流嗎? 或是在哪兒可以找到您交個朋友?
- 基本上在GitHub可以找到我XD
在參加大會之前 Muan 是我的偶像之一，台灣第一個GitHub員工，能聽到他的大冒險之旅真的是非常幸運，程式可以幫助實現設計的願望，就像Photoshop之於設計，會後有好多繽紛的 GitHub 的貼紙可以拿，不過太搶手了拿到了一張還是很開心，未來要好好學習多多活躍於 GitHub。
Lighting talk
- Data Visualizaion/資料視覺化
- http://muyueh.com/
- 50 天 50 張選舉圖表
