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
530
Be an Internet Person
做個網路人 (認識網站開發、工作角色)
讓未婚妻大人了解網際網路產業有哪些角色、或許未來來雪梨的空閒時間能學習些技術或知識,幫助自己未來的職涯走得更寬廣。
Joseph Chiang
January 25, 2015
Tweet
Share
More Decks by Joseph Chiang
See All by Joseph Chiang
不断归零的前端人生 - 2016 中国软件开发者大会
josephj
1
370
Let's Redux!
josephj
4
270
Automatic Functional Testing with Selenium and SauceLabs
josephj
2
270
From Hacker to Developer
josephj
1
110
tmuxinator
josephj
0
200
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
GitHub Copilot の概要
tomokusaba
1
150
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
370
事業成長の裏側:エンジニア組織と開発生産性の進化 / 20250703 Rinto Ikenoue
shift_evolve
PRO
1
770
AI専用のリンターを作る #yumemi_patch
bengo4com
4
2.1k
生成AIで小説を書くためにプロンプトの制約や原則について学ぶ / prompt-engineering-for-ai-fiction
nwiizo
4
3.6k
作曲家がボカロを使うようにPdMはAIを使え
itotaxi
0
390
Understanding_Thread_Tuning_for_Inference_Servers_of_Deep_Models.pdf
lycorptech_jp
PRO
0
150
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
26k
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
250
Tech-Verse 2025 Global CTO Session
lycorptech_jp
PRO
0
1.2k
生成AI活用の組織格差を解消する 〜ビジネス職のCursor導入が開発効率に与えた好循環〜 / Closing the Organizational Gap in AI Adoption
upamune
5
4.6k
OpenHands🤲にContributeしてみた
kotauchisunsun
1
500
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
17
950
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Automating Front-end Workflow
addyosmani
1370
200k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
24k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Typedesign – Prime Four
hannesfritz
42
2.7k
Faster Mobile Websites
deanohume
307
31k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
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 的免費課程 看看⾃自⼰己是否喜歡、且英⽂文能⼒力是否能跟得上
㏔缙㠚幫珮⻮傓䶺桬䥝㧪哩羨苌㼙肈⃮眑㤻⡵猳