前段主要寫javascript和h5代碼，你理解的估計是美工美工給設計做圖不需要寫代碼。

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

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

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

博客園

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

現在博客園已經成為很多程序員必逛網站，文章資源豐富，分類精細，無論你什么專業都能在這里找到你想要的文章。web前端在這里被細分為：Html/Css、JavaScript、jQuery、HTML5四個方面。

芯晴素材網-網頁特效代碼

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

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

jquery中文網

前端所能涉及領域的干貨文章，包括：Jquery、腳本編程、數據庫、服務器技術、操作系統、建站教程。

菜鳥教程

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

jquery插件庫

各種前端程序員能用到的插件，喜歡研究新東西的自學者可以在這個網站里挖掘各種小插件。

首先我們需要下載。Sublime Text，然后安裝安裝完成之后，我們就可以在這個上面編寫代碼了，首先還要配置一下jdk，一切就緒之后我們可以新建一個web項目，然后就可以敲代碼了。第1次編寫的代碼，我們可以通過添加的方式添加進去，然后點擊運行就可以了。