高貴的前端程序猿們:前端
如何在前端開發這種高精尖的技術領域找到心儀的工做?實如今咖啡館喝喝咖啡敲敲代碼就能升職加薪、買房買車、迎娶白富美走上人生巔峯的職業夢想?這 篇《進化論:從 0 到 100,前端猿茁壯成長的精神飼料史》,確定能給你事業的加速動力。前端開發工做已經變的愈來愈複雜,僅僅是想羅列一份前端開發的學習列表就已是一件艱 巨的工做。曾經只要會編寫 HTML, CSS 和 Javascript 就是可以找到一份前端開發工做的所有要求。而如今,web 開發遠遠不止是簡單編碼。由於咱們的互聯網上有了更多的內容,也由於有更多的人、更多設備能夠訪問互聯網, web 前端開發技能也就更多了。咱們如今須要考慮的問題不少,好比載入時間,性能,不一樣的屏幕尺寸, 不一樣的輸入方式, build 系統, 部署策略,還有如何組織好咱們的代碼。這仍是想象中前端開發麼?好吧其實只要你有熱情,這些仍是頗有趣的,如今就來仔細看看,一份前端開發的工做,到底需 要你準備些什麼?git
入行行頭:5 大硬件github
請準備好如下東西web
一顆人類的大腦:智商在平均水平線以上便可shell
一份強烈的渴望:個人代碼要能夠運行在任何一個有瀏覽器的設備上。瀏覽器
一臺筆記本電腦:不須要花費不少錢得那種,只要它能夠運行 Windows, Mac OS X, 或 Linux 系統。固然你也能夠只用一臺臺式機,可是那樣就不能帶着它坐在咖啡館裏…服務器
一個文本編輯器:能夠推薦的好比 Atom,Visual Studio Code, TextMate, 它們都有在 Mac OS, Windows 的免費版本,什麼還有 Sublime, WebStorm? 啊,那些都很流行,不過須要須要一筆很多於 70 美圓的花費…異步
一個代理:這個你們都懂的,我就不解釋了編輯器
初級資質要求性能
一些專業基礎
你須要學會瀏覽器能理解的三大語言:HTML, CSS, Javascript – 神聖的三位一體!
很是重要的一點是,必定要理解這三大語言後再去學習別的,確保知道怎樣在各類尺寸的屏幕上排列好你的網頁,怎樣在一個按鈕被按下後 do something!
一些頗有用的學習資源
Codeacademy: interactive, code-along tutorials (this site is the bomb btw)
Web Development for Beginners: article from webplatform.org.
MDN:https://developer.mozilla.org/en-US/docs/Web
中級進階路徑一旦掌握了三大語言,就能夠開始學習專業的開發流程啦:
Command line:好吧,命令行也許都會,可是要掌握最基本的操做,熟悉怎樣配置你的環境,還有那些奇怪的 shell 腳本,由於你會常常用到它們。
CSS 已經不夠用了,咱們有了 CSS 的預處理:Sass, LESS。
知道如何搭建一個 build 系統:Gulp 或 Grunt 這類的構建任務腳本器,編譯 LESS 成 CSS, concatenating Javascript, minify 壓縮靜態資源, 選一個異步或同步的方式加載它們,而後一個好的 build 系統要能自動作到那些,包括一個本地的 web 服務器用於測試代碼。
代碼版本管理,git。
在 github 上分享你的代碼!