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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Joseph Chiang
January 25, 2015
Technology
580
9
Share
Be an Internet Person
做個網路人 (認識網站開發、工作角色)
讓未婚妻大人了解網際網路產業有哪些角色、或許未來來雪梨的空閒時間能學習些技術或知識,幫助自己未來的職涯走得更寬廣。
Joseph Chiang
January 25, 2015
More Decks by Joseph Chiang
See All by Joseph Chiang
不断归零的前端人生 - 2016 中国软件开发者大会
josephj
1
410
Let's Redux!
josephj
4
310
Automatic Functional Testing with Selenium and SauceLabs
josephj
2
300
From Hacker to Developer
josephj
1
150
tmuxinator
josephj
0
230
JavaScript Promise
josephj
0
220
F2E Evolution
josephj
55
3.3k
F2E for Enterprise
josephj
42
5.7k
Jasmine - The JavaScript BDD Testing
josephj
8
640
Other Decks in Technology
See All in Technology
システムは「動く」だけでは 足りない - 非機能要件・分散システム・トレードオフの基礎
nwiizo
23
6.8k
プロンプトエンジニアリングを超えて:自由と統制のあいだでつくる Platform × Context Engineering
yuriemori
0
120
さくらのAI Engineから始める クラウドネイティブ意識
melonps
0
120
バックオフィスPJのPjMをコーポレートITが担うとうまくいく3つの理由
yueda256
1
290
AIドリブン開発の実践知 ― AI-DLC Unicorn Gym実施から見えた可能性と課題
mixi_engineers
PRO
0
120
機能・非機能の学びを一つに!Agent Skillsで月間レポート作成始めてみた / Unifying Bug & Infra Insights — Building Monthly Quality Reports with Agent Skills
bun913
5
3.8k
🀄️ on swiftc
giginet
PRO
0
250
システムは「動く」だけでは足りない 実装編 - 非機能要件・分散システム・トレードオフをコードで見る
nwiizo
1
180
デシリアライゼーションを理解する / Inside Deserialization
tomzoh
0
180
Webアクセシビリティは“もしも”に備える設計
tomokusaba
0
170
制約を設計する - 非決定性との境界線 / Designing constraints
soudai
PRO
6
2.4k
【関西電力KOI×VOLTMIND 生成AIハッカソン】空間AIブレイン ~⼤阪おばちゃんフィジカルAIに続く道~
tanakaseiya
0
180
Featured
See All Featured
WCS-LA-2024
lcolladotor
0
520
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Un-Boring Meetings
codingconduct
0
260
The Curious Case for Waylosing
cassininazir
0
290
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
310
AI: The stuff that nobody shows you
jnunemaker
PRO
4
520
Discover your Explorer Soul
emna__ayadi
2
1.1k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.7k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
240
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
Making Projects Easy
brettharned
120
6.6k
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 的免費課程 看看⾃自⼰己是否喜歡、且英⽂文能⼒力是否能跟得上
㏔缙㠚幫珮⻮傓䶺桬䥝㧪哩羨苌㼙肈⃮眑㤻⡵猳