Web前端開發學習網站有：CodePen、w3ctech、前端觀察、Web App Trend、w3cplus、HTML5研究小組、HTML5中文網、大前端、Browsershot、W3C在線檢驗、Web Platform、Css3Maker、慕課網、菜鳥教程、GitHub、網易云課堂和一些技術論壇或博客等。

你好，我主要擅長Java后端，JQuery+Metro4前端的技術路線，且完全是基于多年工作經驗的自學成才。

我認為學習成本最低，效率最高的方法，從入門到實踐大體有三個階段：

第一階段，學習編程語言階段。

這個階段主要是對前端開發的編程語言工具有一個宏觀的認識。了解前端開發用到哪些語言工具，分別實現什么作用，以及基礎知識即可。

1）HTML，CSS：主要用于構建UI界面，HTML負責定義界面元素（控件），CSS負責定義元素（控件）的顏色、樣式。這兩種語言工具都十分簡單，內容都是由控件或屬性構成，建議記憶力好的話盡量記到腦子里，扎實基礎。

2）JS：主要用于編寫前端程序邏輯。JS想要學會只有靠代碼量堆，現階段記住基本語法和windows，document對象就行。實踐編程中都會用到框架，不一定會直接使用原生的JS語法，所以現階段不必深究。

3）正則表達式：主要用于字符串的高效處理（包括驗證、替換、截取），這個工具非常有用，建議記憶力好的話盡量記到腦子里，扎實基礎。

4）界面設計理論：UI界面不只是功能，最重要是用戶的可使用性，界面布局、色彩搭配、人機互動方法，看似跟編程無關，實際上這是前端設計的靈魂之處，也是前端工程師跟前端程序員的區別，所以請多學習相關設計知識。

第二階段，學習開發框架階段

前面講過實踐編程中都會用到框架，這個階段主要是對前端開發的框架工具進行實踐學習。目前比較熱門的框架推薦Vue，Element，Uni-app，EChart都可以學一學。這個階段的學習靠看是沒用的，動手是最有效的學習方法。

1）選擇順手的編程工具：前端開發的編程工具可以選用HBuilderX，功能強大，適用度廣泛（PC網站，移動端的網站、app、微信公眾號、微信小程序、百度小程序等很多）。

2）獲取開發框架：從框架官方網站上下載框架的程序文件，在后續實踐活動中使用。

3）實踐學習：主要內容包括使用編程工具建立項目，引用開發框架程序文件，找一個你認為很炫酷的PC網站成功案例，選取查詢瀏覽頁、表單頁、詳細內容查看頁、圖標分析頁、登錄頁這些有代表性的頁面形式模仿制作。

第三階段，迭代提高階段

經過第二階段的學習，應該已經可以做出簡陋的界面，這個階段就是：

1）在不斷的實踐中體會前端的設計方法和編程技巧；

2）接觸和學習更多的框架、組件；

3）掌握多種客戶端類型（如：PC網站、H5路線的網站、app、微信公眾號、微信小程序、百度小程序等很多）的開發方法。

其他建議：

1、編程是操作型技能，動手第一、思考第二、眼看沒用；

2、編程技術最大的特點就是門類、概念、工具、框架又多又復雜，剛入門的時候經驗不足難以找到主干的學習路線，看起來好像不知道該學什么，多久才能學會，但是如果認真梳理，漸進學習，其實也沒有那么困難，反而可以從不斷的成就感中獲得樂趣。

3、無論是多么牛逼的培訓學校、網課、書籍，一般只能幫助你完成第一階段的學習，極少數能夠深入的幫助你完成第二階段的學習，第一階段我更傾向于自學，第二階段我更傾向于尋找有實際工作經驗的大神教你，這樣性價比較高。

關于前端就寫到這里，全棧開發的其他建議后續有機會再補充，希望可以幫助到你。

Hi，大家好，我是阿詹，分享5個自己曾經學習的編程的網站，學習之路漫長，找到適合自己的才是最重要的！

一、妙味課堂

大學里自學過前端，看的視頻就是妙味課堂的，不想其他網站，理論講一大堆，到實際編程的時候，案例很快就講完了，妙味的課程一般都會以案例練習為主，講的通俗易懂，現在不僅有前端了，還有全棧的，有免費的視頻，也可以加入會員，看他們培訓的課程，還是非常的不錯的！

二、慕課網

程序員的夢工廠，記得最開始的時候，課程都是免費的，我的前端基礎知識都是在這里學習的，它每學完一節，還有練習任務，這樣學習起來，快一點，不容易忘記，現在慕課網的課程比之前豐富了許多，很多前后端課程，以及移動端的課程，都是非常不錯的，建議可以認真學習一下看看。

三、W3c school

全部免費的教程，這里應該是每個初學者的必經的學習之路，基礎的編程原理，編程思維，都可以在這里學到，學編程，邏輯和語法很重要，來這里準沒錯！

四、極客學院

這里的課程比較系統，這個會針對職業來規劃課程，從入門到精通，這里都有，講課的速度也還可以，有些課程有課后練習素材，我之前買過付費的課程，講的還可以吧，也沒有特別好，還是喜歡妙味課程的，但這里有很多wiki，還是非常值得看的！

五、GitHub

等你基本入門，再到進階了，自己能寫出一個項目了，就可以來這里看看大神們的編程是怎么樣的了，這時候你看懂了，從心里都會覺得自己是個菜鳥，然后瘋狂的學習代碼知識，我以前就這樣的，我學習的前端，感覺大神寫的就是和我不一樣，一個是代碼很有邏輯，很清楚，另外一個就是我看不懂，啊哈哈哈哈，但是能呈現驚人的效果，我想有一天你也能成為大神！

我是阿詹，今天分享的是自己曾經學習過的編程，覺得有用的，給個贊唄！祝你越來越厲害！