Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction

Avatar for Joseph Chiang Joseph Chiang
June 06, 2012
3
350

 Introduction

Avatar for Joseph Chiang

Joseph Chiang

June 06, 2012
Tweet

More Decks by Joseph Chiang

See All by Joseph Chiang
不断归零的前端人生 - 2016 中国软件开发者大会
Avatar for Joseph Chiang josephj
1
400
Let's Redux!
Avatar for Joseph Chiang josephj
4
310
Automatic Functional Testing with Selenium and SauceLabs
Avatar for Joseph Chiang josephj
2
300
From Hacker to Developer
Avatar for Joseph Chiang josephj
1
140
tmuxinator
Avatar for Joseph Chiang josephj
0
220
JavaScript Promise
Avatar for Joseph Chiang josephj
0
210
Be an Internet Person
Avatar for Joseph Chiang josephj
9
560
F2E Evolution
Avatar for Joseph Chiang josephj
55
3.3k
F2E for Enterprise
Avatar for Joseph Chiang josephj
42
5.6k

Featured

See All Featured
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
450
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
190
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.3k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
170
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Done Done
Avatar for chrislema chrislema
186
16k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
910

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 的使用