Modern Web 2017 線上共筆

# Modern Web 2017 線上共筆 ###### tags: `ModernWeb2017` ## 第一日 ### Keynote 1 [The evolution and the future of the web](https://hackmd.io/BwQxBMEYAYCYDMC08DMBjArIgLGgnNIiKAOyIbQBGa2I80JseaQA?view) / 北村英志(Eiji Kitamura) ### Keynote 2 [Bots and AI - Future of the Web with Conversational Interface](https://hackmd.io/IYE2DMCYGZwNgLQGMAsBWRKkjQgRqOAiAAwhx6RIAceApg0A) / 井村友美(Tomomi Imura) ### 13:30 - 13:55 - [WAT JavaScript Date](https://hackmd.io/GwTgZgpsAmoLTQEyIMxwCwogBjgIzHQjmBWG23BAFYBjcoA=?view) 高偉格(othree) - [構建高可用消息推送平臺](https://hackmd.io/MYBgnCwBwKZgtAVjIgJvALARlVeAjKfGeMAJiIHYyBDDDSmGIA==?view) 李曉清(清聲聆) - [GraphQL + Relay 試玩心得 —— 串起前端與後端的資料橋樑](https://hackmd.io/AwRgzARgrAZgxiAtNEBTRAWOA2CiAccMMiM+UAJvqqgOyECGGQA=?view) 張博凱(zetavg) - [CSS3 Grid Layout 與蒙德里安](https://hackmd.io/EYYxEMEYQTgDgLTnAVmAgLMcGF2AGYCmCkGADOACYBMVKAbHAOw1A===?view) 王志誠(卡斯伯) ### 13:55~14:20 - [React Fiber - 被重寫的 React 核心](https://hackmd.io/CYYwDATARsAsAcBaWA2AhgdmRAZrR8ArAJzCJhQoDMVUAplcYRLEA===?view) 林承澤(C.T.Lin) - [Gogolook 動物園自動化測試藴育之旅](https://hackmd.io/OwNgJgZghgTBBGBaALFADAVhQRgJxsQA5l4DcBjGAUwGYMqowbhCg===?view) 尤俊凱(Eric Yu) - [Angular Component 也可以這樣玩](https://hackmd.io/KYRgbA7CAMAcCGBaAzATjYgLMgTDx8AxoUmPGAGbAUCssFI6QA==?view) 楊捷凱(Kevin) - [PixiJS，另一種畫面視覺與動態的選擇](https://hackmd.io/CwdgRgDAnAxjBsBaMBWexHBeZICmAhojACYAcBKUUeAjLVPEA===?view) 洪毓翔(Eia) ### 14:30 - 15:10 - [Meteor - JavaScript 全端開發](https://hackmd.io/MwNgJgLBDsCMCGBaATABgBwE5EXgMzEUwGN51Fo9M9jZ1iBTPEAViA==?view) 徐銘谷(谷哥) - [高潮吧設計師！Flex &Grid的黑魔法來了！](https://hackmd.io/KwRgzGIAwGYgtFA7ADgGzwCwkwE3gJwCGRY8IMApjAEYBMaUYaOQA===?view) 李建杭(Amos) - [企業 App 開發的普適架構 - Web 前端搭配既有後台](https://hackmd.io/OwFmFYEMCYDMGMC00BGBGEiS1tRKBTKRGacaAg+eaYaIA===?view) 許精一(Jambo Hsu) - [Vue.js + Electron，打造自己的瀏覽器！](https://hackmd.io/EYZgLGDGwEwKYFoCMBWAbGhYCGBOSCwuuYCMAZigBxgAMRtkttQA?view) 蘇學翔(Boik) ### 15:30 - 16:10 - [Progressive Web Apps & Web Performance](https://hackmd.io/KYEwnAbALAzGwFoCGAOAjGBUBG0FgDMoUEAmGAgYwAYIRcQkYg==?view) 吳俊賢(CodinCat) - [用 Go 語言打造微服務架構](https://hackmd.io/EYYwpg7CDMIIYFoAmICsYEBZYDMFwCYAOTBHANmALAAZVUdVM4g=?view) 吳柏毅(Appleboy) - [你知道 Git 是怎麼一回事嗎?](https://hackmd.io/KwJg7AnGAsDGAcBaeAjEBGR0UQMyJ2CQEMw0QRcA2AM3nXiA?view) 高見龍 - [Cryptography and Blockchain](https://hackmd.io/MwE2CMBZPA2BaA7LC9IGMQngDkQQ0XgFZxwBGEAU3QE4RIAGWoA=?view) 王毅丞(Yicheng) ### 16:20 - 17:00 - [Designing Scalable ORM for PHP](https://hackmd.io/AwMwRg7AhgrBIFoAcYBMwEBYAmNvIkzARAGMBmYMARggFNyA2ATlKA==?view) 林佑安(c9s) - [Angular 4 網站開發最佳實務](https://hackmd.io/OwIwHAjAnAhhwFooDNmICwGYrqQEzBgQCYA2AVjDwjGVMzGCA===?view) 黃保翕(Will保哥) ## 第二日 ### Keynote 1 [Modern Web Architecture Design Journey](https://hackmd.io/IwBgnAxgRgTA7AEwLQQMwDMAcSAsBDYVJPAU2DCWDjADY8bUodo8g===?view) 曾義峰(Ant) ### Keynote 2 [Hiiir百人開發團隊導入敏捷開發實踐經驗](https://hackmd.io/JwUwjAzAZmDGBMBaAbGYAORAWAhgEwFZFgAjKLRPPCYHEeYKEksIA===?view) 李佳憲(Neil Lee) ### Keynote 3 [愛．可曾記得](https://hackmd.io/EYVmEMAYDYEYDMC0B2AHKpAWZATYjUBTCRYSAJmUKoE5IBjeVIA=?view) 李維翰(Paul Li) ### 13:30 - 14:20 - [Node.js 在阿里巴巴的這些年](https://hackmd.io/KwQw7ADGAmBGEFpoBYDG0HIMxgJwNwA5gBGBMYMAU12lVwkJIiA=?view) 袁鋒(蘇千) - [58速運百萬用車O2O系統架構優化實踐](https://hackmd.io/MYJmE4CMEZgNgLQGY4A4AMCAs72oZAKbSEICGMk4cAZjfACZxA==?view) 沈劍 - [當 Turbolinks 遇上 React](https://hackmd.io/GYFgJswEZgpgtABmATgGzxAdgKwEZ4AOFAZgWixDywCZhEHCg===?view) 邱政憲(蒼時弦也) - [Docker + CI pipeline 的高效率 ChatBot 開發方法](https://hackmd.io/JwMwTAjAHArAhnAtMMBjAbIgLBAzEuKDRABgFMSATdEYVCAdlQCMg===?view) 鄭淳尹(Philipz) - [Phaser + Airconsole = Serverless 多人遊戲](https://hackmd.io/KwBgJgbApg7AhgTgLRgEYA5kBYCMNhLoSohIBm6AxiBGftDgMxA=?view) 莊兼愿(UNCLE WES 餵食叔叔) - [Snapshot Everything - 從元件測試點燃新一代測試觀念](https://hackmd.io/CYJgjCBsBmDMCcBaaBjArNRAWA7CJ8AHAAwCmishaKxOAhvJJGpEA===?view) 卓承賢(Aaron 小狂) ### 14:30 - 15:10 - [如何打造自己的PWA](https://hackmd.io/BwNhAYBMFYGYEMC0BOA7OciAs0BMqVcNEQBjSLU3U+LLSWIA?view) 鐘恒 - [Zookeeper多活實踐](https://hackmd.io/IwJhEMFMBYGYFYC0BjAZgIxI6AGAnNIgByoDs4KOAJrMjuqsPPEUA===?view) 趙子明 - [開發複雜網頁應用的黃金法則](https://hackmd.io/BwTgLAJgzAZgpgIwLQEYp2EyAGAhkkEGEJAJjGGwgDZ0wBWEbIA=?view) (The Method to Build Complex Web App) 彭兆蔚(彭彭) - [Phoenix demystify, with fun](https://hackmd.io/IwDgzAnMBsAmCsBaY8BGrEBYCGDElQGMBTRMQgJiPAHYiIag?view) 蘇泰安(Taiansu) ### 15:30 - 16:10 - [公司級元件複用方案實踐](https://hackmd.io/KYQwjATAnFAcYFooDYAsATBrUGMQNhDSXVgCMQQAGMMAM2QGYg==?view) 潘佳韓 - [統一內容-閱文集團內容系統統一與整合](https://hackmd.io/OwIwZmAMLAnAtLALAYwIzyRArPAHEgEwDM82AbAWipGOYSCEA===?view) 徐海峰(大嘴) - [分散式緩存服務實踐](https://hackmd.io/KwZghgRgLADKC0BTAJgDgOzygJhN+qi2AbPAJwTGphgBmMEIIEQA?view) 羅仲成(Roy Lou) - [關於 Javascript 非同步的那些事兒](https://hackmd.io/KwYwHCBmCcAMDsBaYBmExEBYBGLaLAEYA2fYsYlOAQ0OACYBTeIA?view) 陳鋒逸(陳小風) ### 16:20 - 17:00 - [JavaScript - 世界第一程式設計語言](https://hackmd.io/JwQwxgZg7GAMBMBaAjAUwKzEQFgGwCMRFh0AOJCVEXdXXEVbEEIA?view) 賀師俊(Hax) - [如何構建基於容器雲的大型支付交易平臺](https://hackmd.io/EYFmFYCYDMAYGMC0ATe4SJARgOy0QJwBsAhjovMgMwECmk8J1R4QA===?view) 陳斌(Chuck)

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.