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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
400
Let's Redux!
josephj
4
310
Automatic Functional Testing with Selenium and SauceLabs
josephj
2
300
From Hacker to Developer
josephj
1
140
tmuxinator
josephj
0
220
JavaScript Promise
josephj
0
210
Be an Internet Person
josephj
9
560
F2E Evolution
josephj
55
3.3k
F2E for Enterprise
josephj
42
5.6k
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1371
200k
Making Projects Easy
brettharned
120
6.6k
How STYLIGHT went responsive
nonsquared
100
6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.4k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.6k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
From π to Pie charts
rasagy
0
120
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
How to build a perfect <img>
jonoalderson
1
4.9k
Mind Mapping
helmedeiros
PRO
0
78
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
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 的使用