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
Be an Internet Person
Search
Joseph Chiang
January 25, 2015
Technology
9
540
Be an Internet Person
做個網路人 (認識網站開發、工作角色)
讓未婚妻大人了解網際網路產業有哪些角色、或許未來來雪梨的空閒時間能學習些技術或知識,幫助自己未來的職涯走得更寬廣。
Joseph Chiang
January 25, 2015
Tweet
Share
More Decks by Joseph Chiang
See All by Joseph Chiang
不断归零的前端人生 - 2016 中国软件开发者大会
josephj
1
380
Let's Redux!
josephj
4
280
Automatic Functional Testing with Selenium and SauceLabs
josephj
2
280
From Hacker to Developer
josephj
1
120
tmuxinator
josephj
0
210
JavaScript Promise
josephj
0
180
F2E Evolution
josephj
55
3.3k
F2E for Enterprise
josephj
42
5.6k
Jasmine - The JavaScript BDD Testing
josephj
8
600
Other Decks in Technology
See All in Technology
履歴 on Rails: Bitemporal Data Modelで実現する履歴管理/history-on-rails-with-bitemporal-data-model
hypermkt
0
1.7k
いまさら聞けない ABテスト入門
skmr2348
0
170
今日から始めるpprof / Pprof workshop for beginners
ymotongpoo
6
780
kaigi_on_rails_2025_設計.pdf
nay3
8
4k
Pure Goで体験するWasmの未来
askua
1
150
#普通の文系サラリーマンチャレンジ 自分でアプリ開発と電子工作を続けたら人生が変わった
tatsuya1970
0
750
analysis パッケージの仕組みの上でMulti linter with configを実現する / Go Conference 2025
k1low
1
240
Go Conference 2025: GoのinterfaceとGenericsの内部構造と進化 / Go type system internals
ryokotmng
3
530
stupid jj tricks
indirect
0
7.5k
サプライチェーン攻撃に学ぶModuleの仕組みと セキュリティ対策
kuro_kurorrr
3
790
20250929_QaaS_vol20
mura_shin
0
110
Goを使ってTDDを体験しよう!
chiroruxx
1
230
Featured
See All Featured
The Language of Interfaces
destraynor
162
25k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
How STYLIGHT went responsive
nonsquared
100
5.8k
Code Review Best Practice
trishagee
72
19k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Become a Pro
speakerdeck
PRO
29
5.5k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
560
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Designing for Performance
lara
610
69k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
600
Transcript
做個網路人! 認識網站開發、⼯工作機會
⻮䧏┮䥥テ∽⃮䇠㏰ֻ㏔截㚼悲挴┑傓䶺桬䥝 ∧⚩⃮䫆挴㧪⟋ⅼ単►捊⛩哋ヒ獑 ㏔屢哋ヒ⌻⋬⻩㱎䥥傓䶺 ∧哋ヒ㽳㧪㕡嬴ㅶ⸱ֻ嶬┆↛⌻⚩Ⰻ徕獑 ㏔屢⯻䁪䙖傓惐櫹⫀䥥䧙梽䫆帹ֻ 㔮叞哨↷↛䅾拻 வ΅ҳᅂ˪א̙˸ᏍпϞɨࠦซجٙЫ
*OUFSOFUପۜ੬ԈٙʈЪԉЍ Դ͜٫᜕ᗫ ൖᙂணࠇᗫ ʧࠦක೯٫ Ꮠ͜όක೯٫ ۃ၌ʈࢪ 'SPOU&OE ܝ၌ʈࢪ #BDL&OE ࡡҖணࠇࢪ
1SPUPUZQFS ༊ʈࢪ 2" 5FTUFS ӻ୕၍ଣʈࢪ 4" ਖ਼ᔖίணࠇɪ ݴၾʧࠦٙྌ Ό၌ʈࢪ 'VMM4UBDL Աʮ̡ცӋٙʔΝeேึϞԬฆሜ ପۜΆྌࢪ 1. ༧ҦஔeόϞᗫ Νࣛঐணࠇ˲ᅠᄳۃ၌ό Դ͜٫Ӻࡰ 3FTFBSDIFS ʝਗணࠇࢪ *% ൖᙂணࠇࢪ 7%
ପۜΆྌjྌၣ१א"QQࠅϞʡჿ̌ঐ ପ̈8JSFGSBNF ࣪ᇞྡ jᜫྠඟՉ˼ɛə༆ପۜࠅϞО̌ঐ Balsamiq Axure 常⾒見 Wireframe ⼯工具:
)19Ⴠᕦၳ ኪ୦Դ͜٫᜕eପۜΆྌٙλ̘ஈ http://www.hpx.tw/topics/hpx-events
*9%"4ZEOFZ ૣɰ݊Ϟٙ http://www.ixda.org/local/ixda-sydney
ൖᙂணࠇjਂ̈ၣ१ٙྼყᅵႶ ν؈ϞପۜΆྌdఱึܲ࣪ᇞྡ༧ࣸପ̈ணࠇ Photoshop 常⾒見製圖⼯工具:
%SJCCMF ௰᪴ٙணࠇڗܣჿᅵ https://dribbble.com/
ۃ၌ʈࢪjҪவᅵٙʧࠦਂ̈Ը ცࠅܲணࠇ̮ᝈeࣸࣖ؈ႡЪ̈ၣࠫ jsfiddle 上的範例程式碼 (歡迎直接編輯修改)
3(#"ၣࠫணࠇ༟๕ ኪ୦ၣࠫணࠇٙλ̘ஈ https://www.facebook.com/rgba.tw
ܝ၌ʈࢪjஈଣ༟ࣘၾᜌ፨ ࠋப༟ࣘࢫணࠇeਠุᜌ፨ 資料庫:資料該怎麼儲存 (設計) 較有效率 API:給不同的設備存取資料的介⾯面
視覺設計:把外觀勾勒出來、但還只是空殼 前端開發:把空殼變成⾎血⾁肉之軀、但還沒有⾃自主意識 後端開發:把⾎血⾁肉之軀注⼊入靈魂與記憶、有⾃自主意識 以神造⼈人做⽐比喻
⼯工程部⾨門還有系統管理 (SA/Ops)、品質保證 (QA) 的⾓角⾊色 SA/Ops 負責網路架構、佈署,不讓服務輕易被中斷 常⽤用的服務就是亞⾺馬遜的 AWS QA 負責測試,盡量避免產品上的問題
(Bug) 專業分⼯工這兩種⾓角⾊色仍需要寫程式、達到⾃自動化
注意 並不是所有公司都需要這些⾓角⾊色! 在草創階段 (Startup) 的公司,需要多功能的⾓角⾊色 通常產品企劃是 CEO、網站製作是 CTO 當規模漸漸變⼤大,才會把⾓角⾊色慢慢分⼯工 所以前期並不⼀一定會有前端、後端的分別
⽽而喜歡找「全端」(Full Stack) ⼯工程師:什麼都要會 公司到了成熟階段,才會把⾓角⾊色都分出來
除了⾓角⾊色... 敏捷開發! 多數的網路公司已經在實⾏行 Agile 開發 是⼀一⾨門你需要了解的學問、對⽣生活都很有幫助 創業其實不難、只要⽤用了對的⽅方式 固定且短的產品週期 (Iteration)、每天都有進度、調整 ex.
每兩週檢討、重排 Task 宗旨:快速取得使⽤用者回饋、進⾏行調整
待辦 ————————> 上線 ӊੵୃး̙ঐʔ൴ཀʃࣛeوɪהϞୃߒ_ੵʔўʊɪᇞ ӊ˂Ϙɪ4UBOEVQਪ˂ҁϓධͦeʦ˚ධͦeຠՑٙѢᗭאਪᕚ ึᙄ˴ܵɛ 4DSVN.BTUFS ึቇήԱᎴනҏሜ
把 Agile 的精神⽤用在⽣生活上 ̥ࠅɓӉӉܲఱफਂe՟Ϋ㉿eሜdΎᗭٙਪᕚɰঐ༆Ӕ Ӌܙ፬ԫධ ͊ֈၾɩ͎ࢅԸ༨ϋ ᗴૐආܓ ᓿࠇ Trello 常⽤用免費專案⼯工具:
如何開始.... ? (剛剛提到的聚會都很值得去)
3BJMT(JSM5BJQFJ е൬ኪ୦ਿᓾݖணၣ१ٙλ̘ஈ
3BJMT(JSM4ZEOFZ ૣɰ݊Ϟٙ
ίૣٙ(FOFSBM"TTFNCMZ https://generalassemb.ly/ ʱؓeܝ၌eΆุe༟ࣘeᅰЗБቖeۃ၌ක೯ ˓ዚක೯eପۜணࠇeԴ͜٫᜕ணࠇeൖᙂணࠇ ɓՑʞeӊ˂ᓃՑᓃdމಂ_ މಂ_dϞ˚eૉගe1BSUUJNFഃ፯ ߒ"6% _ ߒ"6%
ପۜ၍ଣeุਕၾΆุක೯eԴ͜٫᜕eၣ१ක೯
ί̨ᝄԶ˹൬ኪٙᅀਠ • 五倍紅寶⽯石 • Alphawork • 恆毅、資策會、巨匠、聯成、學成... 族繁不及備載 講師不同會有很⼤大的差異 建議付費前多打聽、確保學習品質
ᇞɪኪ୦ • Code School • Code Academy • Tree House
我個⼈人是很喜歡 Code School 先看影⽚片再練習的⽅方式 建議可以試試看 HTML & CSS 的免費課程 看看⾃自⼰己是否喜歡、且英⽂文能⼒力是否能跟得上
㏔缙㠚幫珮⻮傓䶺桬䥝㧪哩羨苌㼙肈⃮眑㤻⡵猳