前端程式設計師:月薪 5K 到 5 萬，我做了啥

前端程式設計師:月薪 5K 到 5 萬，我做了啥
如何在前端開發這種高精尖的技術領域找到心儀的工作？實現在咖啡館喝喝咖啡敲代碼就能升職加薪、買房買車、迎娶白富美走上人生巔峰的職業夢想？這篇《進化論：從 0 到 100，前端猿茁壯成長的精神飼料史》，絕對能給你事業的加速動力。
前端開發工作已經改變的越來越複雜，光是想羅列一份前端開發的學習清單就已經是一件艱鉅的工作。曾經只要會寫 HTML,CSS 和Javascript 就是能夠找到一份前端開發工作的全部要求。而現在，web 開發遠遠不止是簡單編碼。因為我們的網路上有了更多的內容，也因為有更多的人、更多裝置可以存取網路, web 前端開發技能也就更多了。我們現在需要考慮的問題很多，例如載入時間,效能,不同的螢幕尺寸, 不同的輸入方式, build 系統, 部署策略，還有如何整理我們的程式碼。
這還是想像中前端開發麼？好吧其實只要你有熱情，這些還是很有趣的，現在就來仔細看看，一份前端開發的工作，到底需要你準備些什麼?
入行行頭：5 大硬體
請準備好以下東西
一顆人類的大腦：智商在平均水平線以上即可
一份強烈的渴望：我的程式碼要可以運行在任何一個有瀏覽器的裝置上。
一台筆記型電腦：不需要花很多錢得那種，只要它可以運行 Windows, Mac OS X, 或 Linux 系統。當然你也可以只用一台桌上型電腦，但是那樣就不能帶著它坐在咖啡館裡…
一個文字編輯器：可以推薦的例如Atom,Visual Studio Code, TextMate, 它們都有在Mac OS, Windows的免費版本，什麼還有Sublime, WebStorm? 啊，那些都很流行，不過需要需要一筆不少於70 美元的花費…
1. 初級資質要求
一些專業基礎。你需要學會瀏覽器能理解的三大語言：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
MDN：https://developer.mozilla.org/en-US/docs/Web
MDN：https://developer.mozilla.org/en-US/docs/Web
MDN：https://developer.mozilla.org/en-US/docs/Web
MDN：https://developer.mozilla.org/en-US/doc 2. 中階進階路徑
一旦掌握了三大語言，就可以開始學習專業的開發流程啦：
Command line：好吧,命令行也許都會,但是要掌握最基本的操作,熟悉怎樣配置你的環境,還有那些奇怪的shell 腳本，因為你會經常用到它們。
CSS 已經不夠用了,我們有了 CSS 的預處理：Sass, LESS。
知道如何建立一個build 系統：Gulp 或Grunt 這類的建置任務腳本器,編譯LESS 成CSS, concatenating Javascript, minify 壓縮靜態資源, 選一個非同步或同步的方式載入它們，然後一個好的build 系統要能自動做到那些,包括一個本地的web 伺服器用於測試程式碼。
程式碼版本管理，git。
在 github 上分享你的程式碼！
部署! 讓你的網站上線。可以找一個免費的服務供應商，像是heroku.com, https://pages.github.com
這些幾乎就是現代前端開發者會用到的工具和技術，好了，你現在可以成為一個前端開發工程師了。
高級炸裂裝備。你已經能夠為你的朋友的業務搭建一個網站了，簡潔的排版，高清大照片，你成功了，它甚至在你的手機都看著很棒。那還有什麼值得學的呢？
把你的網站和一個內容管理系統 (CMS）整合在一起。一個 CMS 能夠讓你透過使用者介面增、刪、改、組織你的內容，不需要任何程式碼。這就是那些部落格網站如何運作的。像是免費的 WordPress，去熟悉一個開源的 CMS 吧，會很有用的。
學習怎麼搭建一個 CMS，代表你講要熟悉一個伺服器端的語言，像是 Node.js, 或 PHP，然後你還會想要知道怎麼跟資料庫打交道，像是 MySql 或 MongoDB。
來熟悉一種 Javascript 框架吧，這樣你可以真正的搭建一個交互出色的 web 應用，那真的很重要，比如 Angular, React, Ember。只要挑一個你喜歡的，但一定要精通它。 🎜Javascript design patterns，javascript 也有設計模式？ 是的，讀一下吧。 🎜突破天際的大招。溝通技巧！你需要和你的小伙伴們溝通，他們是你的coder 夥伴，你的老闆，你的用戶，你的….stackoverflow.com， 有問題找stackoverflow，擴展一下人脈把，上meetup.com, 在博客上寫一些你的學習經驗， 在Gitgub 貢獻一下你的Pull request。 🎜介面設計與使用者體驗設計 UI/UX design，前段開發的小夥伴需要具備基本的 UI/UX 設計知識。搜尋優化，要知道怎樣提高網站的搜尋排名，更容易被人們搜尋到。 CSS 過度效果，為你的按鈕寫一個 hover 的 CSS 動畫，還有你的從右邊滑入的導覽選單也需要一個平滑的動畫。
關於性能，讓你的網站盡可能快的被加載，減少 DOM 的 reflow 和 repaint 操作，防止滾動性能瓶頸，優化 Javascript, 讀一讀這個吧 google web developer fundamentals。
用一些測試框架來實作 Javascript 單元測試，像是 Jasmine，QUnit。持續整合 Continuous integration (CI)，知道怎樣配置一套和夥伴們一起使用的自動測試和部署的工具，例如 CircleCI, Travis CI, Jenkins.
超好用的其他加成技能。
↓↓↓這些並非必須，但能幫你脫穎而出：
用 CSS3, SVG, Canvas API 實現動畫。
後端開發， Node.js
最後：去找工作吧！
有了技能是不夠的，你需要能展示它們，你還能幹的是：
搭建一個小網站，公開你的gitub 程式碼庫，確保你的程式碼和文件清楚漂亮，還有一份README
去meetup. com 找你的老闆或投資人吧，開一個博客，申請一個linkedin 帳號
因為web 技術總是在變化，最後，即使找到了一份稱心的工作，還是需要stay motivated, 你需要時常去下面這些地方轉轉：CSS Tricks，SitePoint，Smashing Magazine
當然還有些像CSDN 這樣中文社區，總之遇到任何難題，社區裡有總有樂於助人的。保持良好的職業態度：Stay humble, and build cool shit。
兄弟會高洛峰免費收徒：http://www.hdb.com/party/lzcw-comm.html
免費領取LAMP兄弟連原創PHP影片教學光碟/《細講PHP》精要版，詳情諮詢官網客服：
http://www.lampbrother.net
【兄弟連IT教育】學PHP、Linux、HTML5、UI、Android等影片教學（課件+筆記+影片）！
網盤教學下載：http://pan.baidu.com/s/1sjOJiAL

以上就介紹了前端程式設計師:月薪 5K 到 5 萬，我做了啥，包括了方面的內容，希望對PHP教程有興趣的朋友有所幫助。