做前端需要學的東西

想學習前端的同學可以看看，大概的前端學習思路和前端程式碼要注意的東西、作為一個前端要學的東西有哪些。好了！讓我們一起來看看吧！

CSS不能程式？用Less、Sass、Stylus、甚至直接用 Absurd，框架除了Bootstrap還有很多。
JS寫多了很麻煩？ jQuery。
行動開發？ Zepto.js。
結構不好？找框架，Backbone.js是MVC，AngularJS和Ember.js是MVVM，Twitter還弄了個事件驅動框架Flight。
庫多了要最佳化載入？ RequireJS。

程式碼品質成問題？ Jasmine、QUnit、Mocha做單元測試。
各種瀏覽器都要測？用Karma。
測試通過了部署還有問題？持續集成，用Travis CI。
使用者行為也要測試？用Selenium 。樣式測試還有 Viff 。
覺得JS都夠麻煩的？用CoffeeScript。

想做動畫？ Canvas或SVG還有CSS3幫忙，幹掉Flash。
SVG太難畫？用Snap.svg。
想開發遊戲？用Canvas。
自己寫FPS太低？用框架，CreateJS.。
2D太幼稚？ three.js幫你用WebGL開發3D，
還不夠給力？ asm.js讓你在瀏覽器中擁有虛幻3引擎。

這一堆東西都要配置部署，麻煩，用Grunt，庫太多？用Bower管理，
專案開始要建立各種資料資料夾？用Yeoman。
開源專案太多了，GitHub.上找，不會？學Git。
順便用Jekyll託管博客，不是吧還有Ruby這玩意...SASS也是Ruby寫的，等等Sublime Text是Python寫的，要寫插件？也學一下。
調試太難？用Chrome開發者工具，一堆API和功能。

光在電腦瀏覽器上跑不給力？行動開發HTML5，離開網路就渣了？ HTML5離線應用程式。
不如原生應用程式？用PhoneGap。
想呼叫原生API？開發Firefox OS應用吧。瀏覽器應用程式也得會吧，Chrome Firefox都有自己的文件。
接著是不是把後端甩了，自己來？裝Node.js，所以還得學點伺服器知識。
想用npm管理node套件？ linux技巧shell神馬的也得學。
想前後端通吃？再看看http協議。
Web精通了？ node-webkit 讓你可以寫桌面程式了，繼續學吧。

想學模組化開發？看看CommonJS和AMD規範。
理解JS有偏差？看看ECMA-262，等等不知道什麼時候第6版就要出來了。
瀏覽器各不相同，搞不清楚該怎麼相容？看看W3C標準。
HTML寫出來人看的懂，機器看不懂？要SEO。
要支持殘障人士？看HTML語意化。
全會了但IE就是不支持？叫不出名字的瀏覽器尼瑪連JS都不知道是啥？漸進增強。
想一次把各種設備全搞定？響應式設計。

然後上面這些不過是一些討巧的小技術。
公司做什麼業務的？了解一下行業資訊。
面向大眾的產品？互動設計。
美工不給力？ UI設計。
外包和諮詢？ 設計模式、重構方法、演算法、資料結構。
知道軟體工程嗎？了解敏捷開發，或許還可以試試TDD、ATDD、BDD。

看了這麼多東西，第一個反應是不是求中文文檔？學英文去吧！做為程式設計師，不管是前端或後端，英文是相當重要的喔~

相關推薦：

初學者精通前端的學習路線

最新前端筆試題小結

作為前端開發工程師一定要關註三點的效能指標

以上是做前端需要學的東西的詳細內容。更多資訊請關注PHP中文網其他相關文章！