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
290
Automatic Functional Testing with Selenium and SauceLabs
josephj
2
280
From Hacker to Developer
josephj
1
130
tmuxinator
josephj
0
210
JavaScript Promise
josephj
0
190
F2E Evolution
josephj
55
3.3k
F2E for Enterprise
josephj
42
5.6k
Jasmine - The JavaScript BDD Testing
josephj
8
610
Other Decks in Technology
See All in Technology
Data & AIの未来とLakeHouse
ishikawa_satoru
0
720
LINE公式アカウントの技術スタックと開発の裏側
lycorptech_jp
PRO
0
350
嗚呼、当時の本番環境の状態で AI Agentを再評価したいなぁ...
po3rin
0
400
【AWS reInvent 2025 関西組 事前勉強会】re:Inventの“感動と興奮”を思い出してモチベ爆上げしたいです
ttelltte
0
140
「データ無い! 腹立つ! 推論する!」から 「データ無い! 腹立つ! データを作る」へ チームでデータを作り、育てられるようにするまで / How can we create, use, and maintain data ourselves?
moznion
6
3.6k
Copilotの精度を上げる!カスタムプロンプト入門.pdf
ismk
10
3.4k
us-east-1 の障害が 起きると なぜ ソワソワするのか
miu_crescent
PRO
2
800
隙間ツール開発のすすめ / PHP Conference Fukuoka 2025
meihei3
0
340
設計は最強のプロンプト - AI時代に武器にすべきスキルとは?-
kenichirokimura
1
350
Spring Boot利用を前提としたJavaライブラリ開発方法の提案
kokihoshihara
PRO
2
140
“それなりに”安全なWebアプリケーションの作り方
xryuseix
0
290
ソフトウェアエンジニアとデータエンジニアの違い・キャリアチェンジ
mtpooh
1
750
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
A better future with KSS
kneath
239
18k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.6k
Navigating Team Friction
lara
190
15k
Producing Creativity
orderedlist
PRO
348
40k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.1k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
24
1.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
How to train your dragon (web standard)
notwaldorf
97
6.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 的免費課程 看看⾃自⼰己是否喜歡、且英⽂文能⼒力是否能跟得上
㏔缙㠚幫珮⻮傓䶺桬䥝㧪哩羨苌㼙肈⃮眑㤻⡵猳