Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Be an Internet Person

Be an Internet Person

做個網路人 (認識網站開發、工作角色)

讓未婚妻大人了解網際網路產業有哪些角色、或許未來來雪梨的空閒時間能學習些技術或知識,幫助自己未來的職涯走得更寬廣。

Joseph Chiang

January 25, 2015
Tweet

More Decks by Joseph Chiang

Other Decks in Technology

Transcript

  1. 做個網路人! 認識網站開發、⼯工作機會

    View full-size slide

  2. ⻮䧏┮䥥テ∽⃮䇠㏰ֻ㏔截㚼悲挴┑傓䶺桬䥝
    ∧⚩⃮䫆挴㧪⟋ⅼ単►捊⛩哋ヒ獑
    ㏔屢哋ヒ⌻⋬⻩㱎䥥傓䶺
    ∧哋ヒ㽳㧪㕡嬴ㅶ⸱ֻ嶬┆↛⌻⚩Ⰻ徕獑
    ㏔屢⯻䁪䙖傓惐櫹⫀䥥䧙梽䫆帹ֻ
    㔮叞哨⑗↷↛䅾拻
    வ΅ҳᅂ˪א஢̙˸ᏍпϞɨࠦซجٙЫ

    View full-size slide

  3. *OUFSOFUପۜ੬ԈٙʈЪԉЍ
    Դ͜٫᜗᜕޴ᗫ
    ൖᙂணࠇ޴ᗫ
    ʧࠦක೯٫
    Ꮠ͜೻όක೯٫
    ۃ၌ʈ೻ࢪ 'SPOU&OE

    ܝ၌ʈ೻ࢪ #BDL&OE

    ࡡҖணࠇࢪ 1SPUPUZQFS

    ಻༊ʈ೻ࢪ 2" 5FTUFS

    ӻ୕၍ଣʈ೻ࢪ 4"

    ਖ਼ᔖίணࠇɪ
    ݴ೻ၾʧࠦٙ஝ྌ
    Ό၌ʈ೻ࢪ 'VMM4UBDL

    Ա๫ʮ̡ცӋٙʔΝeேึϞԬ஢ฆሜ
    ପۜΆྌࢪ 1.

    ༧Ҧஔe೻όϞᗫ
    Νࣛঐணࠇ˲ᅠᄳۃ၌೻ό
    Դ͜٫޼Ӻࡰ 3FTFBSDIFS

    ʝਗணࠇࢪ *%

    ൖᙂணࠇࢪ 7%

    View full-size slide

  4. ପۜΆྌj஝ྌၣ१א"QQࠅϞʡჿ̌ঐ
    ପ̈8JSFGSBNF ࣪ᇞྡ
    jᜫྠඟՉ˼ɛə༆ପۜࠅϞО̌ঐ
    Balsamiq Axure
    常⾒見 Wireframe ⼯工具:

    View full-size slide

  5. )19Ⴠᕦၳ
    ኪ୦Դ͜٫᜗᜕eପۜΆྌٙλ̘ஈ
    http://www.hpx.tw/topics/hpx-events

    View full-size slide

  6. *9%"4ZEOFZ
    ௛ૣɰ݊Ϟٙ
    http://www.ixda.org/local/ixda-sydney

    View full-size slide

  7. ൖᙂணࠇjਂ̈ၣ१ٙྼყᅵႶ
    ν؈Ϟ˜ପۜΆྌ™dఱึܲ๫˜࣪ᇞྡ™༧˜஝ࣸ™ପ̈˜ணࠇ™
    Photoshop
    常⾒見製圖⼯工具:

    View full-size slide

  8. %SJCCMF
    ޶޶௰᪴ٙணࠇڗ੻ܣჿᅵ
    https://dribbble.com/

    View full-size slide

  9. ۃ၌ʈ೻ࢪjҪவᅵٙʧࠦਂ̈Ը
    ცࠅܲ๫˜ணࠇ™€̮ᝈe˜஝ࣸ™€ࣖ؈ႡЪ̈ၣࠫ
    jsfiddle 上的範例程式碼
    (歡迎直接編輯修改)

    View full-size slide

  10. 3(#"ၣࠫணࠇ༟๕
    ኪ୦ၣࠫணࠇٙλ̘ஈ
    https://www.facebook.com/rgba.tw

    View full-size slide

  11. ܝ၌ʈ೻ࢪjஈଣ༟ࣘၾᜌ፨
    ࠋப༟ࣘࢫணࠇeਠุᜌ፨
    資料庫:資料該怎麼儲存 (設計) 較有效率
    API:給不同的設備存取資料的介⾯面

    View full-size slide

  12. 視覺設計:把外觀勾勒出來、但還只是空殼
    前端開發:把空殼變成⾎血⾁肉之軀、但還沒有⾃自主意識
    後端開發:把⾎血⾁肉之軀注⼊入靈魂與記憶、有⾃自主意識
    以神造⼈人做⽐比喻

    View full-size slide

  13. ⼯工程部⾨門還有系統管理 (SA/Ops)、品質保證 (QA) 的⾓角⾊色
    SA/Ops 負責網路架構、佈署,不讓服務輕易被中斷
    常⽤用的服務就是亞⾺馬遜的 AWS
    QA 負責測試,盡量避免產品上的問題 (Bug)
    專業分⼯工這兩種⾓角⾊色仍需要寫程式、達到⾃自動化

    View full-size slide

  14. 注意
    並不是所有公司都需要這些⾓角⾊色!
    在草創階段 (Startup) 的公司,需要多功能的⾓角⾊色
    通常產品企劃是 CEO、網站製作是 CTO
    當規模漸漸變⼤大,才會把⾓角⾊色慢慢分⼯工

    所以前期並不⼀一定會有前端、後端的分別

    ⽽而喜歡找「全端」(Full Stack) ⼯工程師:什麼都要會
    公司到了成熟階段,才會把⾓角⾊色都分出來

    View full-size slide

  15. 除了⾓角⾊色... 敏捷開發!
    多數的網路公司已經在實⾏行 Agile 開發
    是⼀一⾨門你需要了解的學問、對⽣生活都很有幫助
    創業其實不難、只要⽤用了對的⽅方式
    固定且短的產品週期 (Iteration)、每天都有進度、調整
    ex. 每兩週檢討、重排 Task
    宗旨:快速取得使⽤用者回饋、進⾏行調整

    View full-size slide

  16. 待辦 ————————> 上線
    ӊੵୃး̙ঐʔ൴ཀʃࣛeوɪהϞୃߒ_ੵ€ʔўʊɪᇞ
    ӊ˂Ϙɪ4UBOEVQਪ˜݌˂ҁϓධͦ™e˜ʦ˚ධͦ™e˜ຠՑٙѢᗭאਪᕚ™
    ึᙄ˴ܵɛ 4DSVN.BTUFS
    ึቇ຅ήԱ๫Ꮄ΋නҏሜ዆

    View full-size slide

  17. 把 Agile 的精神⽤用在⽣生活上
    ̥ࠅɓӉӉܲ௅ఱफਂe՟੻Ϋ㉿eሜ዆dΎᗭٙਪᕚɰঐ༆Ӕ
    Ӌ੎ܙ፬ԫධ
    ͊੎ֈၾɩ͎ࢅԸ༨ϋ
    ᗴૐආܓ
    ੎ᓿࠇ೥
    Trello
    常⽤用免費專案⼯工具:

    View full-size slide

  18. 如何開始.... ?
    (剛剛提到的聚會都很值得去)

    View full-size slide

  19. 3BJMT(JSM5BJQFJ
    е൬ኪ୦ਿᓾݖணၣ१ٙλ̘ஈ

    View full-size slide

  20. 3BJMT(JSM4ZEOFZ
    ௛ૣɰ݊Ϟٙ

    View full-size slide

  21. ί௛ૣٙ(FOFSBM"TTFNCMZ
    https://generalassemb.ly/
    ʱؓeܝ၌eΆุe༟ࣘeᅰЗБቖeۃ၌ක೯
    ˓ዚක೯eପۜணࠇeԴ͜٫᜗᜕ணࠇeൖᙂணࠇ
    ඄ɓՑ඄ʞeӊ˂ᓃՑᓃdމಂ_඄
    މಂ_඄dϞ৿˚eૉගe1BSUUJNFഃ፯኿
    ߒ"6% _
    ߒ"6%
    ପۜ၍ଣeุਕၾΆุක೯eԴ͜٫᜗᜕eၣ१ක೯

    View full-size slide

  22. ί̨ᝄ౤Զ˹൬઺ኪٙᅀਠ
    • 五倍紅寶⽯石
    • Alphawork
    • 恆毅、資策會、巨匠、聯成、學成... 族繁不及備載
    講師不同會有很⼤大的差異
    建議付費前多打聽、確保學習品質

    View full-size slide

  23. ᇞɪኪ୦
    • Code School
    • Code Academy
    • Tree House
    我個⼈人是很喜歡 Code School 先看影⽚片再練習的⽅方式
    建議可以試試看 HTML & CSS 的免費課程
    看看⾃自⼰己是否喜歡、且英⽂文能⼒力是否能跟得上

    View full-size slide

  24. ㏔缙㠚幫珮⻮傓䶺桬䥝㧪哩羨苌㼙肈⃮眑㤻⡵猳

    View full-size slide