Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introduction
Search
Joseph Chiang
June 06, 2012
3
330
Introduction
Joseph Chiang
June 06, 2012
Tweet
Share
More Decks by Joseph Chiang
See All by Joseph Chiang
不断归零的前端人生 - 2016 中国软件开发者大会
josephj
1
350
Let's Redux!
josephj
4
250
Automatic Functional Testing with Selenium and SauceLabs
josephj
2
220
From Hacker to Developer
josephj
1
86
tmuxinator
josephj
0
170
JavaScript Promise
josephj
0
160
Be an Internet Person
josephj
9
510
F2E Evolution
josephj
55
3.2k
F2E for Enterprise
josephj
42
5.6k
Featured
See All Featured
Bash Introduction
62gerente
608
210k
How to train your dragon (web standard)
notwaldorf
88
5.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
The Cult of Friendly URLs
andyhume
78
6k
KATA
mclloyd
29
14k
Speed Design
sergeychernyshev
24
610
Product Roadmaps are Hard
iamctodd
PRO
49
11k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k
GitHub's CSS Performance
jonrohan
1030
460k
For a Future-Friendly Web
brad_frost
175
9.4k
Transcript
A滴前端練功坊 http://www.wallpapergate.com/wallpaper22725.html My Kun Fu is Good
2005-2009 Who am I?
• 前端工程師 (2.5 年) 2005-2009 Who am I?
• 前端工程師 (2.5 年) • YDN 傳教士 (0.5 年) 2005-2009
Who am I?
• 前端工程師 (2.5 年) • YDN 傳教士 (0.5 年) •
無名小站工程師 (1 年) 2005-2009 Who am I?
• 前端工程師 (2.5 年) • YDN 傳教士 (0.5 年) •
無名小站工程師 (1 年) 2005-2009 Who am I? • 徵才、面試、教育訓練
• 前端工程師 (2.5 年) • YDN 傳教士 (0.5 年) •
無名小站工程師 (1 年) 2005-2009 Who am I? • 徵才、面試、教育訓練 • 主要:音樂、知識+
• 前端工程師 (2.5 年) • YDN 傳教士 (0.5 年) •
無名小站工程師 (1 年) 2005-2009 Who am I? • 徵才、面試、教育訓練 • 主要:音樂、知識+ • 支援:生活+、地圖、首頁
• 前端工程師 (2.5 年) • YDN 傳教士 (0.5 年) •
無名小站工程師 (1 年) 2005-2009 Who am I? • 徵才、面試、教育訓練 • 主要:音樂、知識+ • 支援:生活+、地圖、首頁 • 製作 YSM 所需廣告 叫我 Awoo (啊嗚) 或 Joseph
None
None
None
目前任職於 Who am I?
目前任職於 Who am I? F2E 主管、傳教士
目前任職於 Who am I? F2E 主管、傳教士 • 建立前端開發團隊與架構
目前任職於 Who am I? F2E 主管、傳教士 • 建立前端開發團隊與架構 • Goodie
Bar (Injection)
目前任職於 Who am I? F2E 主管、傳教士 • 建立前端開發團隊與架構 • Goodie
Bar (Injection) • Open Platform
目前任職於 Who am I? F2E 主管、傳教士 • 建立前端開發團隊與架構 • Goodie
Bar (Injection) • Open Platform • Dashboard (MVC)
目前任職於 Who am I? F2E 主管、傳教士 • 建立前端開發團隊與架構 • Goodie
Bar (Injection) • Open Platform • Dashboard (MVC) • Space (Storage)
超容易建立起家中一朵雲 (Web 3.0) Space
超容易建立起家中一朵雲 (Web 3.0) Space
無線分享器掌握了家中所有流量 Goodie Bar
無線分享器掌握了家中所有流量 Goodie Bar
Injection 分享器會自動過濾網頁內容 在 <body> 標籤後面塞入一段程式碼
None
miiiCasa Bar
miiiCasa Bar http://tw.yahoo.com
miiiCasa Bar http://tw.yahoo.com http://www.google.com.tw
miiiCasa Bar 家中所有人在任何網站皆可存取 miiiCasa 的服務 http://* http://tw.yahoo.com http://www.google.com.tw
相容性支援 不只是不同瀏覽器、甚至到不同的網站也要考慮 從這個角度就跟 AD 的需求很像了!
miiiCasa Bar 相容性支援 不只是不同瀏覽器、甚至到不同的網站也要考慮 從這個角度就跟 AD 的需求很像了!
miiiCasa Bar http://tw.yahoo.com 相容性支援 不只是不同瀏覽器、甚至到不同的網站也要考慮 從這個角度就跟 AD 的需求很像了!
miiiCasa Bar http://tw.yahoo.com http://www.google.com.tw 相容性支援 不只是不同瀏覽器、甚至到不同的網站也要考慮 從這個角度就跟 AD 的需求很像了!
miiiCasa Bar 家中所有人在任何網站皆可存取 miiiCasa 的服務 http://* http://tw.yahoo.com http://www.google.com.tw 相容性支援 不只是不同瀏覽器、甚至到不同的網站也要考慮
從這個角度就跟 AD 的需求很像了!
課程大綱 • 基礎 HTML、CSS、 Compass 的使用 • 基礎 Event, DOM,
RegExp 的操作 • Fiddler 教學 - 在任意 Production 的 Yahoo! 網頁上塞入廣 告 • YUI 入門,以 Animation, Transition 為範例 • Script Injection 廣告 的數種塞法研究 • CSS 動畫特效、YUI Graphic 的使用 • Mobile Device 的支援 - Media Query • Long Polling - nodeJS 的使用