好的創意何止5萬。沒有好的創意，就是一個工人價。

你看現在網站基本都是一個樣子，互相抄襲，沒有好的創意。那些有名的企業不缺錢，做的網站也是比較爛。

體現企業產品親和力，美感，讓人愛不釋手那種感覺，都沒有。市場空間很大。你不會做就不能掙5w,會做不止5w.

其實前端和後端的差別還是蠻大的。就目前的市場環境來看，以後端Java為例，相同工作年限，比如3年，web前端工程師可以拿到比Java程式設計師高出5到7K的水平。

這主要是由於近幾年web前端逐漸熱火的原因，前端技術雨後春筍一般，導致了前端程式設計師的薪資水漲船高。

但從技術能力的角度而言，前端的核心技術非常單一無非就是JavaScript、HTML、CSS這三樣，另外可能還需要一點與後端對接的http知識，以及資料傳輸的格式。而後端程式設計師不僅要學習Java語言的知識，還有更多的架構比如Spring、JPA，還有資料庫mysql、Oracle，伺服器Linux、Windows，甚至還要學一點JavaScript。

這也是由於Java程式設計師逐漸飽和的一種必然趨勢，掌握的東西多，且工資低。不過工資高低與否並不能說明更廣泛的問題，Java程式設計師雖然學的東西要比前端多而且更復雜，但是提高了職業瓶頸和天花板，且更能夠在一家技術公司中擔任高階職位。

而前端web工程師，雖然可以在前期拿到比較不錯的薪水，但是知識範圍有限，如果無法突破技術壁壘，也很難有所大的發展。

其實說這麼多，無非還是分析目前的市場大環境。

5萬月薪對於目前整體的大環境還是非常高的，web前端工程師如果希望拿到5萬的月薪，必須有真才實學，而且一定是在網際網路巨頭公司，BAT或者小米、華為等這類公司才可以。且一執行緒序員是不可能拿到這個工資高度的。一定要是部門級別的web前端研發主管。

至於究竟需要哪些具體的技術能力，我剛才也已經說了，無非就是三樣：JavaScript、HTML、CSS。

另外，一定要有大型電商專案web前端的實戰經驗，絕大部分問題在你面前都要迎刃而解才可以。這些你可能覺得可笑，覺得這哪裡是在招什麼前端，不過，我的觀點可不是空穴來風，下面來看看boss直聘上web前端的最高薪水：

可以看到，崗位要求都是Leader的要求，因為這種月薪已經不是一線開發能拿到的工資了，技術選型、架構設計，制定前端開發規範，難點、前沿技術攻關等等，全都是資深web前端才會具備的職業技能。

所以，綜上來看，如果希望拿到5萬的月薪，你一定要進網際網路巨頭企業。其次，你必須具備領導能力，能夠規劃團隊的web前端開發，並在其中起到攻堅作用，這兩點缺一不可。

我認為有夢想有追求是好事，但是如果純搞技術或者進入一般的公司，5w估計很難達到！所以你的定位應該要向BAT看齊，並且朝管理崗位努力，比如阿里定級薪級如下

綜上你要達到主管經理級別才有可能達到你夢想的薪資。

擴大你的定位遠見，向著目標堅持，我想你一定能成功~！

高貴的前端程式猿們：

如何在前端開發這種高精尖的技術領域找到心儀的工作？實現在咖啡館喝喝咖啡敲敲程式碼就能升職加薪、買房買車、迎娶白富美走上人生巔峰的職業夢想？這篇《進化論：從 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 美元的花費…一個代理：這個大家都懂的，我就不解釋了

初級資質要求

一些專業基礎

你需要學會瀏覽器能理解的三大語言：HTML, CSS, Javascript – 神聖的三位一體！

一些很有用的學習資源

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 上分享你的程式碼！部署! 讓你的網站上線。可以找一個免費的服務提供商，比如 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 設計知識。

搜尋最佳化，要知道怎樣提高網站的搜尋排名，更容易被人們搜尋到。

關於效能，讓你的網站儘可能快的被載入，減少 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