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

Introduction

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Joseph Chiang Joseph Chiang
June 06, 2012
360
3

 Introduction

Avatar for Joseph Chiang

Joseph Chiang

June 06, 2012

More Decks by Joseph Chiang

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

Featured

See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.5k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
300
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.2k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
140
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
390
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.2k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.1k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
340
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
310
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
150

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