Pro Yearly is on sale from $80 to $50! »

成為網站開發者的職涯之路

67e1e5892ba9f6936de27ea756ccf4aa?s=47 ALPHA Camp
October 16, 2014

 成為網站開發者的職涯之路

http://www.alphacamp.tw/
CrossCamp 職涯探索系列課程《第6場》
成為網站開發者的職涯之路

你想成為網站全端開發工程師,卻不知道該從何下手?
身為菜鳥開發者,期望往上一層突破現狀?

創業者希望從前輩角度先知道可能會遇到的問題與階段性困境?
當大家一窩蜂投入這產業的同時
我們用專業職業技能角度切入,帶你一一認識了解成為網站開發者的職涯之路

【課程大綱】

分享語言的選擇—身為Web Dev. 該如何選取自己要的語言呢?
1.介紹不同語言的開發特質及相關社群之特性與活動

2. 介紹前、後端人員,各自所需要的特質與差異性內容

3.砍掉重練 非相關領域者會遇到的關卡與可以從何找到資源

身為網站全端開發工程師的菜鳥之路
1.分享身為小菜鳥的junior 成員,有什麼樣的資源可以突破現狀

2.介紹目前幾大新創vs.傳統產業 不同公司的Web Dev. 工作上差異性在哪

創業者該如何利用軟體網路來打造自己優良產品?
1.後端 vs.前端的選取與建議

2.如何依照不同產品特性來適時調配呈現的重點

3.分享創業者最常遇到的問題與階段性困境

67e1e5892ba9f6936de27ea756ccf4aa?s=128

ALPHA Camp

October 16, 2014
Tweet

Transcript

  1. 成為網路開發者的職涯 之路 ⾙貝殼放⼤大 共同創辦⼈人 Eugene ⺩王佑哲

  2. About Me • CTO, 共同創辦⼈人 Backer-Founder ⾙貝殼放⼤大股份有限 公司 • 系統⼯工程師,

    FlyingV • 共同創辦⼈人, Inside 網路趨勢 • 資策會, 副⼯工程師 • 資訊種⼦子/微軟實習⽣生/華碩校園CEO • 北科電機所畢 • 全國學校網界博覽會 網⾴頁⽐比賽 ⾦金獎
  3. 怎麼會變成網站⼯工程師? • ⾼高中網⾴頁⽐比賽得獎 - 純網⾴頁設計 • ⼤大學社團、活動、專題、論⽂文,有網站就做 • 資策會當兵、創辦Inside、⾃自告奮勇接下網站開發 案

    • 兵役結束後前往flyingV • 成⽴立新公司 : ⾙貝殼放⼤大 !
  4. 積極的迷惘⼈人

  5. 累積、分享、夥伴 創辦 Inside 學到的事

  6. 持續累積

  7. 蠢事做⼀一百次
 還是蠢事 每⼀一次的作品都要⼒力求進步

  8. 持續分享 透過分享,找到夥伴。
 透過分享,驗證實⼒力。

  9. IDEA不值錢

  10. 夥伴 熱情會熄
 夥伴是你的另⼀一顆⽕火種

  11. 選擇創業
 可能遇到的階段性困境 • 找不到夥伴 • 找不到資⾦金 • Idea不work • 合夥⼈人吵架、拆夥

    • 先認真⽣生活,再學習創業
  12. 新創 v.s.傳產 
 ⼤大公司 v.s. ⼩小公司 • 技術靈活與創新度 • 可決定技術⽅方向的程度

    • 社群與同儕氣氛 • ⼯工作廣度與深度 • ⾞車輪與釘⼦子
  13. 接案、CMS 包著糖⾐衣的毒藥

  14. ⼯工程師養成⼿手冊

  15. 全端開發⼯工程師 • 網⾴頁⼯工程師是最幸福的⼯工程師 • Html、CSS、jQuery • 後端語⾔言、Framewrok、資料庫 • 上戰場(實習、⼯工作)、調效能、裝機器 •

    前後端分離
  16. ⼀一個專案從開始到結束 • 1.溝通 • UserStory • Wireframe • 2.製作 •

    切版 • 前端、動線 • 後端資料庫串接 • 3.佈署 • dev - Staging • 4.驗收 • production
  17. UserStory Admin! • admin 可以使⽤用帳號密碼登⼊入後台 • admin 可以 CRUD vendor

    • admin 可以 CRUD mail list (belong to vendor) • admin 可以 儲存 WYGIWYS email template (公⽤用或 under vendor) • admin 可以 選定mail list 、template 新增(匯⼊入) mail event belong to vendor (subject)
  18. 網站到底是怎麼回事? html Browser Javascript CSS 後端語⾔言 資料庫 前端 後端

  19. 前、後端⼈人員
 各⾃自所需要的特質與差異性內容 • 前端 • 喜歡美的、有設計感的事物 • 對流程、動線敏銳度⾼高 • 喜歡和⼈人互動

    • 後端 • 喜歡挑戰快速完成有品質的網站 • 喜歡挑戰⼤大量搶票活動 • 對於省下主機費⽤用、網站速度變快、CPU下降覺得興奮覺得開⼼心
  20. 網⾴頁元素的關係 • 以舞台表演⽐比喻 • html ⾓角⾊色 <html> <a href=‘http://abc.com> •

    CSS 服裝、站位 text-align:center;font-size:red • Javascript 劇本 $(‘.text’).show();
  21. MUST know • jQuery - Javascript framework • Bootstrap、font awesome

    - CSS framework • themeforest.net
  22. NICE know • sass less • 切版 AI、photoshop • 前端

    framework • backbone • angular • ember
  23. 編輯器 Editor • sublimetext 3 http://www.sublimetext.com/ • Vim

  24. 後端語⾔言選擇 • 前端沒什麼好選,後端好多可以選 • 選社群、不是選語⾔言 • 新⼿手村裡,永遠都在造輪⼦子

  25. 語⾔言與社群 • Ruby on Rails • PHP • Python •

    Node.js • etc…(java、asp… )
  26. 何謂 MVC 架構

  27. 資料庫 • MySQL、PostgreSQL • No-SQL • ORM

  28. 伺服器管理

  29. 伺服器選擇 • aws • linode • digital ocean

  30. 基礎安全性 • xss • csrf • sql-injection

  31. Git & github

  32. ⼯工作流程 • Issue tracking - Asana、Redmine、mantis.. • Communication - Slack、HipChat

  33. 程式品質 • rollbar • 寫測試 • continuous integration

  34. ⼯工程師的⼀一天 • 技術主管 • 開票、跨部⾨門溝通、確認品質、Code review、 改善⼯工作流程 • ⼯工程師 •

    解票:New feature、Bug、Improvement
  35. 學習資源 • HTML、CSS、jQuery、PHP、Javascript • W3Cschools http://www.w3schools.com/ • Ruby on Rails

    實經 • http://ihower.tw/rails3/ • 程式問答 • http://stackoverflow.com
  36. 社群 • Ruby http://ruby.tw/ • Ruby on Rails 新⼿手村 •

    Ruby on Rails 讀書會 • PHP 也有 Day • JavaScript.tw • Front-End Developers Taiwan
  37. 線上⼯工具 • 測速 https://developers.google.com/speed/ pagespeed/insights/ • SEO https://support.google.com/webmasters/ answer/35291

  38. 謝謝 & QA