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

Introduction

Joseph Chiang
June 06, 2012
3
330

 Introduction

Joseph Chiang

June 06, 2012
Tweet

More Decks by Joseph Chiang

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

Featured

See All Featured
Unsuck your backbone
ammeep
669
57k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
330
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
A Tale of Four Properties
chriscoyier
158
23k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k

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