沒什麼基礎的人，自學的人起碼七八個月吧，如果培訓班學習的話，差不多四五個月就能學完，不過有正規機構，也有小作坊，需要自己注意了，我以前瞭解過北京的培訓機構，對每家機構都有一定了解，特別是當處在這個行業時間越長，感受越深。選擇機構，一定要找大品牌，企業綜合實力強、師資水平高、就業服務好的。我以前在優就業培訓過，那裡的老師基本是從名企出來的，學歷基本本科以上，還有像北大、清華等名校畢業。當然，也只是推薦，可以去簡單諮詢一下。

來自一枚前端開發程式猿結合自身的經歷回答：

前端開發在整個軟體開發中是相對較簡單的開發崗位，如果想要達到找到一份不錯的工作，自學的時間應該是3-6月

結合我自身的經歷簡單講述一下前端開發要學些什麼：

1.前端三劍客：html+css+js 這是最基礎也是最重要的必備技能，學習時間為：四周，推薦學習網站是：菜鳥教程，上面能實時模擬程式設計

2.三劍客的最新版本：html5+css3+es6 這是最新的版本，主流瀏覽器已經支援，所以也是必備的，推薦學習時間為：兩週

3.VUE.js：作為時下最火的三大js框架之一，vue.js的漸進式開發，元件系統，狀態管理都是特別好用的（主要是api簡單易學，相比angular，react兩大框架來講學習成本低，學習速度快，畢竟是華人自己開發的框架，哈哈哈）推薦學習時間為：六週

4.Gitlab/Github：版本管理庫，設想一下如果你辛辛苦苦敲的程式碼，因為電腦宕機或者誤刪導致前功盡棄，是不是很氣呢？這時候就需要用到Git版本管理庫，主要作用就是用來管理你在本地編輯好的程式碼，只要上傳上去，就可以在託管在Git上，無論你本地怎麼操作，都不會影響到Git上的程式碼，同時支援多人協同工作，推薦學習時間：兩週

我相信只要這四點都能打下一個有個好的基礎，至少找到一份前端開發的工作不是很難的事情：

結語：前端開發長路漫漫，堅持學習才是正途！

1.先學html，css，可以找一些簡單的文件比如w3c school ，菜鳥教程先把基礎的看了

2.學習javascript，推薦先看影片，可以看慕課網，或者智慧社有一套js影片很不錯。然後可以試著看書，看js高階程式設計第三版，或者js權威指南。看完，可以看你不知道javascript系列，上中下三冊。

3 學習框架，雖然jquery現在下坡，但是非常經典，還是可以學習，再學vue.react，angular這些框架

4學習nodejs，有一本node入門的書，再看node深入淺出，

5. 接下來，你得會一些基本的排序演算法，作業系統啊，資料結構啊之類的

6 學會合作工具git

7 學一些工程化的基礎， 自動化構建，自動化測試，cicd

8.等等

週期多長？不存在的，一個星期不學感覺都要落後了。學無止境吧。不過學完上面的東西，你基本的場景你已經能應付了。

新手學習前端開發的話，一般需要5到8個月的時間。

如何學習前端開發，

Web前端的學習路線

結合我的學習經歷、近年來輔導學生的經驗以及公司中實際專案的需求，在這裡將Web前端的學習分為以下幾個階段，具體的學習路線圖如圖所示。

第一階段——HTML的學習。

超文字標記語言（HyperText Mark-up Language 簡稱HTML）是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML程式碼，瀏覽器將HTML程式碼解釋渲染後呈現給使用者。因此，我們必須掌握HTML的基本結構和常用標記及屬性。

HTML的學習是一個記憶和理解的過程，在學習過程中可以藉助Dreamweaver的“拆分”檢視輔助學習。在“設計”檢視中看效果，在“程式碼”檢視中學本質，將各種檢視的優勢發揮到極致，這種對照學習的方法彌補了單純識記HTML標籤和屬性的枯燥乏味，想必對各位初學的小盆友們來說必定是極好的！

在學習了HTML之後，我們只是掌握了各種“原材料”的製作方法，要想蓋一幢樓房就還需要把這些“原材料”按照我們設計的方案組合佈局在一起並進行一些樣式的美化。

於是進入第二個階段——CSS的學習。

CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言其樣式是可以複用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。

同時CSS中的盒子模型、相對佈局、絕對佈局等能夠實現對網頁中各物件的位置排版進行畫素級的精確控制。透過此階段的學習，我們就可以順利完成“一幢樓房”的建設。

“樓房”建設完成之後，我們可以交給使用者使用，但是如果想讓使用者獲得更佳的體驗，我們還可以對“樓房”進行更深一步的“裝修”，讓它看起來更“豪華”一些。

為了完成這個任務，我們進入第三個階段——JavaScript的學習。

JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當中為我們提供了一些內建函式、物件和DOM操作，藉助這些內容我們可以來實現一些客戶端的特效、驗證、互動等，使我們的頁面看起來不那麼呆板，屌絲瞬間逆襲高富帥！有麼有？

此時，也許你還沉浸在JavaScript給你帶來的驚喜之中，但你的專案經理卻突然對你大吼道

JavaScript的相容性和複雜性有時候的確讓我們頭疼，還好有“大神”幫我們做了封裝。

接下來我們進入第四個階段——jQUery的學習。

jQuery是一個免費、開源的輕量級的JavaScript庫，並且相容各種瀏覽器（jQuery2.0及後續版本放棄了對IE6/7/8瀏覽器的支援），同時現在有很多基於jQuery的外掛可供選擇，這樣在我們實現一些豐富的動態效果時更方便快捷，大大節省了我們開發的時間，提高了開發速度，這也充分體現了其write less,do more的核心宗旨。這個Feel倍兒爽！有麼有？

“豪華大樓”至此拔地而起，但是每天這樣日復一日，年復一年的蓋樓，好繁瑣！能不能將大樓裡面每一個單獨部件模組化，當需要蓋樓時就像堆積木一樣組合在一起，這樣豈不是爽歪歪？可以實現嗎？答案是肯定的。

這種思想在Web前端開發中也是適合的，於是乎就出現了各種前端框架，在這裡推薦給大家的是Bootstrap。

在專案開發過程中，我們可以藉助Bootstrap提供的CSS樣式、元件、JavaScript外掛等快速的完成頁面佈局和樣式設定，然後再有針對性的微調樣式，這樣基於框架進行開發大大縮短了開發週期。站在巨人的肩膀上就是爽！

Web前端的學習建議

最後給大家聊聊在學習Web前端中的一些建議和方法。

自己是一個五年的全棧工程師，這裡推薦一下我的前端學習交流群：開始484然後757最後760，裡面都是學習前端的，群裡會不定期更新最新的教程和學習方法，有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的web前端黨歡迎加入，

在CSS佈局時需要注意的一個問題是很多同學缺乏對頁面佈局進行整體分析，不能夠從宏觀上對頁面中盒子間的巢狀關係進行把握，就急於動手去做，導致頁面中各元素間的關係很混亂，容易出現盒子在浮動時錯位等情況。建議大家在佈局時採用“自頂向下，逐步細化”的思想，先用幾個盒子將頁面從整體上劃分，然後逐步在盒子中繼續巢狀盒子。

“君子生非異也，善假於物也”，在學習的過程中還要多瀏覽一些優秀的網站，善於分析借鑑其設計思路和佈局方法，見多方能識廣，進而才可以融會貫通，取他人之長為我所用。

同時還要善於使用Firebug這個利器。Firebug一方面可以在我們學習過程中幫助我們除錯自己的頁面，另一方面我們可以使用Firebug方便地檢視、分析別人網站的原始碼，“偷”也是一種技能！

隨著移動網際網路熱潮的到來，移動開發越來越受到大家的追捧，響應式佈局、微網站等需求量不斷增加，也是我們Web前端未來的發展方向之一，學有餘力的同學可以多多關注。最後祝願大家能在Web前端開發道路上走出一片更寬更廣的天地！

由於前端開發入門學習門檻比較低，市場上有越來越多的小夥伴選擇學習前端開發技術，至於學習前端開發技術需要學多久，還得看小夥伴自己的基礎和怎麼去學習，學習的方式是什麼，不同的學習方式，學習週期也是不同的。

有些初學前端開發的小夥伴比較熱衷於自學，也是因為自學前端開發的學習時間比較自由，學習費用比較低，但是小夥伴經常忽略了比較重要的方面，自學前端開發最終缺少的是專案實戰案例練習。

在自學前端開發過程中，由於學習效率比較低，從而延長了小夥伴的學習週期，一般自學的話時間大約是8個月到1年不等，這得看小夥伴的基礎怎麼樣了。所以說，自學前端開發技術並不是適合所有人學習，小夥伴要根據自身的基礎去選擇適合自己的學習方式。

相比較而言，前端培訓就比較適合零基礎小夥伴來學習，在前端培訓班小夥伴可以根據培訓課程內容為主線去學習，紮實的學習基礎知識，不僅如此，在培訓班還能透過專案實戰案例的練習積累更多的專案開發經驗。

前端培訓班以理論實踐相結合的教學方式傳授相關前端開發技術知識，讓小夥伴在學習前端開發技術知識的同時，積累更多的專案實戰經驗，一般來說，培訓週期在5-6個月的時間，培訓費用大約在2萬左右。

那小夥伴在前端培訓班該如何學習呢？

1.小夥伴在前端培訓班學習開發技術知識過程中，要端正自己的學習態度，以培訓課程內容為主線，積累學習相關前端開發技術知識。

2.小夥伴不要只學習前端開發技術基礎知識，還需要結合專案實戰案例練習來鞏固深入學習相關的開發技術知識。

3.在學習過程中，小夥伴要多和老師、同學進行交流，在交流過程中學習別人好的程式設計思路，經過實戰案例的練習慢慢培養自身程式設計思維。

所以說，小夥伴想要學好前端開發技術知識，選擇適合自己的學習方式和方法還是比較重要的。尚矽谷前端培訓班是以理論實踐相結合的教學方式傳授相關的開發技術知識，讓小夥伴在學習開發技術知識的同時，積累更多的專案實戰經驗，培訓班還有相對較多的前端影片供小夥伴下載學習！

http://www.atguigu.com/html5_video.shtml