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
520
Be an Internet Person
做個網路人 (認識網站開發、工作角色)
讓未婚妻大人了解網際網路產業有哪些角色、或許未來來雪梨的空閒時間能學習些技術或知識,幫助自己未來的職涯走得更寬廣。
Joseph Chiang
January 25, 2015
Tweet
Share
More Decks by Joseph Chiang
See All by Joseph Chiang
不断归零的前端人生 - 2016 中国软件开发者大会
josephj
1
360
Let's Redux!
josephj
4
260
Automatic Functional Testing with Selenium and SauceLabs
josephj
2
240
From Hacker to Developer
josephj
1
95
tmuxinator
josephj
0
180
JavaScript Promise
josephj
0
160
F2E Evolution
josephj
55
3.3k
F2E for Enterprise
josephj
42
5.6k
Jasmine - The JavaScript BDD Testing
josephj
8
580
Other Decks in Technology
See All in Technology
AIエージェント開発のノウハウと課題
pharma_x_tech
7
4.2k
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
210
生成AI “再”入門 2025年春@WIRED TUESDAY EDITOR'S LOUNGE
kajikent
0
150
Amazon Aurora のバージョンアップ手法について
smt7174
2
170
Snowflake ML モデルを dbt データパイプラインに組み込む
estie
0
110
JavaにおけるNull非許容性
skrb
2
2.7k
Oracle Database Technology Night #87-1 : Exadata Database Service on Exascale Infrastructure(ExaDB-XS)サービス詳細
oracle4engineer
PRO
1
200
AIエージェント時代のエンジニアになろう #jawsug #jawsdays2025 / 20250301 Agentic AI Engineering
yoshidashingo
8
3.9k
Change Managerを活用して本番環境へのセキュアなGUIアクセスを統制する / Control Secure GUI Access to the Production Environment with Change Manager
yuj1osm
0
110
生成AI×財務経理:PoCで挑むSlack AI Bot開発と現場巻き込みのリアル
pohdccoe
1
780
2/18 Making Security Scale: メルカリが考えるセキュリティ戦略 - Coincheck x LayerX x Mercari
jsonf
0
230
AIエージェント元年@日本生成AIユーザ会
shukob
1
240
Featured
See All Featured
Designing Experiences People Love
moore
140
23k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
GraphQLとの向き合い方2022年版
quramy
44
14k
Bash Introduction
62gerente
611
210k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Fireside Chat
paigeccino
35
3.2k
The Pragmatic Product Professional
lauravandoore
32
6.4k
How to train your dragon (web standard)
notwaldorf
91
5.9k
Automating Front-end Workflow
addyosmani
1368
200k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
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 的免費課程 看看⾃自⼰己是否喜歡、且英⽂文能⼒力是否能跟得上
㏔缙㠚幫珮⻮傓䶺桬䥝㧪哩羨苌㼙肈⃮眑㤻⡵猳