出於工作原因，最近接觸了很多想轉行的朋友，很多人躍躍欲試卻又不敢轉到前端這一行，都是因為害怕自己搞不懂、學不會程式設計，搞不定程式碼。

小U很明白大家心中的這種顧慮，但既然已經有了這個轉行或者學習的心思，不妨先自己看一看學一學。

這裡小U給想要嘗試的大家整理了5個必備「自學前端資源網站」——

部落格園

一個面向開發者的知識分享社群，一個IT技術人員想為IT技術人員們提供一個純淨的技術交流空間，部落格園很長時間只有一個不能再簡單的部落格，近四年，部落格園僅靠一個人幾年工作的積蓄在維持。

現在部落格園已經成為很多程式設計師必逛網站，文章資源豐富，分類精細，無論你什麼專業都能在這裡找到你想要的文章。web前端在這裡被細分為：Html/Css、JavaScript、jQuery、HTML5四個方面。

芯晴素材網-網頁特效程式碼

是一個集各種網頁素材以及網頁原始碼為一體的面向開發人員的一個網頁素材網站，如果你想要學習前端頁面開發，這裡，將是一個很好的起點。

前端網頁製作過程中所涉及到的任何特效程式碼，都可以來這裡搜尋，非常方便使用，在你還不會自己寫程式碼時，先看看別人是如何寫這種動效程式碼的，滑鼠特效、圖片切換、導航、滑鼠、圖片輪播、文字滾動、css、選單、圖片放大等特效程式碼全部都有。

jquery中文網

前端所能涉及領域的乾貨文章，包括：Jquery、指令碼程式設計、資料庫、伺服器技術、作業系統、建站教程。

菜鳥教程

網站HTML、CSS、Javascript、PHP、C、Python等基礎程式設計教程，同一個知識點有多篇不同角度的文章可供參考學習，資源免費，會實時更新站內文章。

jquery外掛庫

各種前端程式設計師能用到的外掛，喜歡研究新東西的自學者可以在這個網站裡挖掘各種小外掛。

前端自學的網站有很多，其中有不少的網際網路企業（如騰訊、網易等）都開展了相關的網路課堂。

恰好我也是自學前端，所以推薦你去騰訊課堂。

百度搜索，進入首頁，在課程分類看到，除了有網際網路相關的內容，還有考證、初中、高中的升學，以及雅思考證等。

點開IT·網際網路，你會看到下面的頁面。

這些課程都是培訓班在騰訊課堂上架的網路課程，其中有不少是免費的，而且是基礎知識的課程，對於小白來說，是不錯的。

前端自學的程式設計網站有非常多，對於零基礎而言，配套看基礎和影片比較好，有基礎直接看官方文件

1.零基礎的自學網站有 w3cschool 菜鳥教程 這兩個比較基礎的，配套再去看相關的影片，現在很多免費一整套零基礎的前端影片可以下載或者加群去要

2.零基礎影片自學有什麼騰訊課堂 慕課網 極客學院 等等，去搜搜就有，有收費和免費的

3.搜尋可以去看一些別人寫的部落格學習

4.有了基礎基本就是看官方文件了，不懂的就百度

自學的話，我個人推薦以下幾個網站：

這是最權威 的自學網站，程式碼例項都是專業工程師寫的。

各種測試題，以及隨堂測試，很好的幫助前端初學者提升自己

及時的反饋

專門學習JavaScript的網站，畢竟前端中JS技術是最主要的。

主要是影片教程，對於自學這來說很實用的網站

從大廠的經驗來告訴你應該如何去學，學那些知識，對初學者比較良心的網站，還有各種比賽幫助你進步。

以上就是我自學時認為比較好用的網站，當然網站再多也要花時間好好學習才行。

一、ECharts

ECharts是小U目前接觸過最優秀的視覺化工具網站，一開啟網頁首屏就非常炫酷，該網站開源免費商用、功能豐富、涵蓋各行業圖表、滿足各種需求、社群活躍，能多維度資料分析、多裝置隨意展示。

主要提供ios開發所用工具，例如：ios程式碼下載、ios特效示例等，幫助做ios移動端開發的研究者提供了一個資源集中的網站。

內含許多的開源庫，最新的前端資訊都會在這裡即時更新，還有很多技術前輩可以討教，是一個很棒的技術交流網站。

內含多種格式的icon，平臺還給提供了非常方便功能，可供前端學習者自由調整呼叫或者圖示轉換文字。

最後

為幫助那些往想網際網路方向轉行想學習，卻因為時間不夠，資源不足而放棄的人。我搜集整理了一套完整的IT學習資料，包括運營技巧、SEO最佳化等，比自己在網上零散收集的結構性和連貫性更強，只為幫助那些想學習的人！需要的同學可私信！私信！回覆“資料”

菜鳥教程

網站HTML、CSS、Javascript、PHP、C、Python等基礎程式設計教程，同一個知識點有多篇不同角度的文章可供參考學習，資源免費，會實時更新站內文章。

IT喜好者應該都去過這個網站，前端方面知識挺全的，只有很少一部分收費，如果把慕課網上前端方面的影片80%看完了，就算是入門了。