Introduction

Transcript

1. A滴前端練功坊 http://www.wallpapergate.com/wallpaper22725.html My Kun Fu is Good

2. 2005-2009 Who am I?

3. • 前端工程師 (2.5 年) 2005-2009 Who am I?

4. • 前端工程師 (2.5 年) • YDN 傳教士 (0.5 年) 2005-2009

   Who am I?

5. • 前端工程師 (2.5 年) • YDN 傳教士 (0.5 年) •

   無名小站工程師 (1 年) 2005-2009 Who am I?

6. • 前端工程師 (2.5 年) • YDN 傳教士 (0.5 年) •

   無名小站工程師 (1 年) 2005-2009 Who am I? • 徵才、面試、教育訓練

7. • 前端工程師 (2.5 年) • YDN 傳教士 (0.5 年) •

   無名小站工程師 (1 年) 2005-2009 Who am I? • 徵才、面試、教育訓練 • 主要：音樂、知識+

8. • 前端工程師 (2.5 年) • YDN 傳教士 (0.5 年) •

   無名小站工程師 (1 年) 2005-2009 Who am I? • 徵才、面試、教育訓練 • 主要：音樂、知識+ • 支援：生活+、地圖、首頁

9. • 前端工程師 (2.5 年) • YDN 傳教士 (0.5 年) •

   無名小站工程師 (1 年) 2005-2009 Who am I? • 徵才、面試、教育訓練 • 主要：音樂、知識+ • 支援：生活+、地圖、首頁 • 製作 YSM 所需廣告 叫我 Awoo (啊嗚) 或 Joseph
10. None
11. None
12. None

13. 目前任職於 Who am I?

14. 目前任職於 Who am I? F2E 主管、傳教士

15. 目前任職於 Who am I? F2E 主管、傳教士 • 建立前端開發團隊與架構

16. 目前任職於 Who am I? F2E 主管、傳教士 • 建立前端開發團隊與架構 • Goodie

    Bar (Injection)

17. 目前任職於 Who am I? F2E 主管、傳教士 • 建立前端開發團隊與架構 • Goodie

    Bar (Injection) • Open Platform

18. 目前任職於 Who am I? F2E 主管、傳教士 • 建立前端開發團隊與架構 • Goodie

    Bar (Injection) • Open Platform • Dashboard (MVC)

19. 目前任職於 Who am I? F2E 主管、傳教士 • 建立前端開發團隊與架構 • Goodie

    Bar (Injection) • Open Platform • Dashboard (MVC) • Space (Storage)

20. 超容易建立起家中一朵雲 (Web 3.0) Space

21. 超容易建立起家中一朵雲 (Web 3.0) Space

22. 無線分享器掌握了家中所有流量 Goodie Bar

23. 無線分享器掌握了家中所有流量 Goodie Bar

24. Injection 分享器會自動過濾網頁內容 在 <body> 標籤後面塞入一段程式碼

25. None

26. miiiCasa Bar

27. miiiCasa Bar http://tw.yahoo.com

28. miiiCasa Bar http://tw.yahoo.com http://www.google.com.tw

29. miiiCasa Bar 家中所有人在任何網站皆可存取 miiiCasa 的服務 http://* http://tw.yahoo.com http://www.google.com.tw

30. 相容性支援 不只是不同瀏覽器、甚至到不同的網站也要考慮 從這個角度就跟 AD 的需求很像了！

31. miiiCasa Bar 相容性支援 不只是不同瀏覽器、甚至到不同的網站也要考慮 從這個角度就跟 AD 的需求很像了！

32. miiiCasa Bar http://tw.yahoo.com 相容性支援 不只是不同瀏覽器、甚至到不同的網站也要考慮 從這個角度就跟 AD 的需求很像了！

33. miiiCasa Bar http://tw.yahoo.com http://www.google.com.tw 相容性支援 不只是不同瀏覽器、甚至到不同的網站也要考慮 從這個角度就跟 AD 的需求很像了！

34. miiiCasa Bar 家中所有人在任何網站皆可存取 miiiCasa 的服務 http://* http://tw.yahoo.com http://www.google.com.tw 相容性支援 不只是不同瀏覽器、甚至到不同的網站也要考慮

    從這個角度就跟 AD 的需求很像了！

35. 課程大綱 • 基礎 HTML、CSS、 Compass 的使用 • 基礎 Event, DOM,

    RegExp 的操作 • Fiddler 教學 - 在任意 Production 的 Yahoo! 網頁上塞入廣 告 • YUI 入門，以 Animation, Transition 為範例 • Script Injection 廣告 的數種塞法研究 • CSS 動畫特效、YUI Graphic 的使用 • Mobile Device 的支援 - Media Query • Long Polling - nodeJS 的使用