Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introduction
Search
Joseph Chiang
June 06, 2012
3
350
Introduction
Joseph Chiang
June 06, 2012
Tweet
Share
More Decks by Joseph Chiang
See All by Joseph Chiang
不断归零的前端人生 - 2016 中国软件开发者大会
josephj
1
390
Let's Redux!
josephj
4
290
Automatic Functional Testing with Selenium and SauceLabs
josephj
2
290
From Hacker to Developer
josephj
1
130
tmuxinator
josephj
0
220
JavaScript Promise
josephj
0
200
Be an Internet Person
josephj
9
550
F2E Evolution
josephj
55
3.3k
F2E for Enterprise
josephj
42
5.6k
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1032
470k
Scaling GitHub
holman
464
140k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.6k
Designing for humans not robots
tammielis
254
26k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
286
14k
What's in a price? How to price your products and services
michaelherold
246
13k
The Cult of Friendly URLs
andyhume
79
6.7k
How GitHub (no longer) Works
holman
316
140k
The Cost Of JavaScript in 2023
addyosmani
55
9.4k
[SF Ruby Conf 2025] Rails X
palkan
0
540
Done Done
chrislema
186
16k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.2k
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 的使用