如何從零開始系統地學習前端？

01-03

某211非計科大一小白一枚～
想要走前端方向

該怎麼進行學習呢？

零基礎的網站開發初學者應如何系統地學習？ - 張帥的回答

不是高手菜鳥前端一枚。

211本科如果真的潛心走前端那真的是太好了。前端目前的狀態太過浮躁了，很少有人認真的去學習。以下是幾點建議：

學好英語，數學，演算法。這從很大程度上決定著你以後所能達到的高度，以及你與自學以及非本專業轉行過來童鞋的本質區別。
明白一個道理，任何時候不是越炫越好，而是越適合越好。
做點開源項目。github上面有點東西，我覺得不管如何有份工作挺簡單的。
對後台要有更深入的了解，對後台不了解的前端程序員很容易理所當然的選擇一套被後台同事鄙視的方案。
html,css,javascript都要一遍一遍的啃基礎經典的書籍。多思考，不要停留在理解字面意思。有可能盡量看英文原版。
國外大神的博客隨時關注。這些搞前端的很兇殘，我們現在玩的都是他們玩剩下的。從一定程度上來說他們代表這前端的發展方向。
對新的東西不鄙視，對自己不熟悉的東西不鄙視。
jquery的原碼一定要看，看不懂可以下載視頻，北京某前端培訓機構的視頻已經網路滿天飛了，有些東西是良心之作。
盡量多接觸一些代碼管理方面的東西，以及項目管理的東西，除非你準備一輩子做程序員。

計算機專業的學生如何系統學習前端技術？ - Jason Chen 的回答 - 知乎

看完W3C的文檔然後運用自己的「自身創造力」即可。其餘的第三方技術皆是次要，甚至可以說都是浪費時間的干擾

看不下去了，樓上的都扯什麼蛋呢，前端哪有這麼複雜，

既然樓主是小白，我就說點簡單的，讓你一聽就懂的，

photoshop會一點就夠了，這個會一點指的是會切圖

html常用的標籤要知道，比如div,p,ul,ol,li,dl,dd,dt,table之類的，因為經常用，所以也不用

特意去背，寫幾遍自然就會。

css要知道，排版用的，常用的有css reset（樣式重置），類樣式疊加

上面的基本上就能做出來非常簡單的小網頁了，如果要做複雜的，還必須會一個JavaScript

這個就比較複雜了，建議你報班學，剛開始可以先用JQuery寫點簡單的小效果，寫寫就有感覺了

這些都是入門的東西，寫的多了，學的多了，自然就該知道怎麼寫了

HTML, CSS, JavaScript是基礎…

前兩個不算難，JavaScript就比較複雜了！

他們說做設計的的程序員像是魔獸世界裡的術士，右手執光明，右手執黑暗！

所以你還得學平面設計，色彩搭配啊神馬的……

群裡面看見的，不知道誰總結的，挺有邏輯，借來答個題吧。

你說的前端應該是指頁面交互相關實現吧，那它應該包括（不僅限於）：HTML,CSS,js,html5,css3。工作中，美工的ps圖轉為頁面，這個你要能做，所以ps要會。頁面內容來源於後端，組織數據的工作你要會，如果基於http://asp.net來做MVC或者Webform要學，如果基本java或者其它來做也要學習相關框架。

再說說深入前端的話，前端常用JS框架要學習，jquery,ext,prototype,knockout，....深入兩三個，其它了解

如果涉及手機端頁面，還要學一些手機端的js框架。

最後再學習了解常用設計模式，演算法。可能有人會吐嘈，前端也要學習設計模式和演算法？

當然，非常肯定，當你了解一下上面那些框架源碼，你就明白了。

不管前端後端，核心就是數據結構與演算法，基本相似，就像設計模式中「高類聚，低耦合」是基本指導思想一樣，基本點不變

www.w3school.com.cn

我就是在這學的，基礎的東西都能學到，一邊學一邊自己練。

先搞清楚範圍…

雖然我也是前端，做了三個月，但感覺我就是個渣渣。基本原理很重要，我只能說