我該怎麼自學前端?

請問下各位大佬，我在阿里學堂里自學的html5+css和js。感覺是把原理教了。但是感覺有些東西沒教，比如（斷點）debug.這些是要自己重新找教程學還是去實戰找經驗學習，求大神告知！

2020這個時間點選擇自學其實是找罪受。

目前前端早已不是那個學一點東西就能找工作的年代了，要不然你讓人家計算機相關專業的學生臉往哪放。

如果想學東西，請認真對待這個東西而不是覺得它人傻錢多速來，並且選擇一個效率高的方式。

我也贊成不要自學。很多人誤以為前端簡單而一腳踏了進去，最後發現自己不適合了。前端和後端開發只是負責不同的工作方向和內容，但是二者存在很多關聯。前端要懂的知識甚至比開發要廣，而後端則相對前端的工作內容要深入。常見的現象是後端轉前端，而很少見前端轉後端的。現在對前端的要求越來越高了，而且本身這個行業技術更新頻繁，需要不斷的跟進最新的技術，你現在選擇自學確實容易落後。但不管怎麼樣，給你一個百戰的課程大綱作為參考吧，希望對你有幫助。

自學路線一言難盡，簡單來說先html css再簡單js

然後這個時候需要結合做一些demo去領會學到的技能點

然後再開始嘗試用vue react 做靜態頁面

再用請求做前端虛擬數據

總之要不斷制定要做的demo的小目標，然後一點一點引入需要學的東西

比如數據交互頁面跳轉前端國際化換膚封裝組件代碼檢查打包部署等等等等

如果你想要一份細緻的自學路線，可以私信我，技術行業，取經好過自己走彎路。

優秀的前端開發工程師在知識體系上要有廣度和深度，要具備快速學習的能力。

初學者應該如何學習前端？

前端開發工程師不僅要掌握基本的Web前端開發技術，網站性能優化及一些基礎知識，而且要學會運用各種工具進行輔助開發以及理論層面的知識，包括代碼的可維護性、分層語義模板和瀏覽器分級支持等。零基礎也可以去程序員編程網下載一些資料學習下。

前端工程師至少要滿足四類客戶的需求

1、產品經理。這些是負責策劃應用程序的一群人。他們會想出很多新鮮的、奇怪的、甚至是不可能實現的應用。一般來說，產品經理都追求豐富的功能。

2、UI設計師。這些人負責應用程序的視覺設計和交互模擬。他們關心的是用戶對什麼敏感、交互的一貫性以及整體的好用性。一般來說，UI設計師侯傾向於流暢靚麗、但並不容易實現的用戶界面，而且他們經常不滿前端工程師造成1px 的誤差。

3、項目經理。這些人負責實際地運行和維護應用程序。項目管理的主要關注點，無外乎正常運行時間、應用程序始終正常可用的時間、性能和截止日期。項目經理追求的目標往往是盡量保持事情的簡單化，以及不在升級更新時引入新問題。

4、最終用戶。指的是應用程序的主要消費者。儘管前端工程師不會經常與最終用戶打交道，但他們的反饋意見至關重要。最終用戶要求最多的就是對個人有用的功能，以及競爭性產品所具備的功能。

好了，列舉了這麼多…… 接下來做好準備，一起享受學習前端的樂趣吧！

零基礎學web前端要學哪些內容？該怎麼學？

新手學習前端的話，一定要想想為什麼要學習它，是出於一種什麼心態，然後定位好自己，多向大牛請教，多教一些沒有自己水平高的人，那樣往往能讓自己成長的快，切勿急躁。在這裡一定要對自己做分析，然後找出一種適合的學習方法。也可以加下我自己創建的【web前端學習群】

正確的學習方向大於無謂的努力

初學者應該如何學習前端？

很多時候，成功除了勇氣、堅持不懈外，更需要方向。也許有了一個好的方向，成功來得比想像的更快。如果在錯誤的路上奔跑，再怎麼努力也是白搭，學習Web前端也是如此。

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

每個人的成長與基礎不一樣，結合自己的實際情況，再執行。還是重複一下，前端的核心是js，css，不難但需要積累。對前端我是這麼看的：

人生學習的態度是：不急不躁，不快不慢。持之以恆，相信自己。不求能改變世界，但求能改變自己的生活。不求健步如飛，但求一步一腳印。感謝磨難，他使我們內心更為堅強。感謝挫折，他使我們不斷的成長，感謝bug，他使我們的思維更加深邃。感謝前端，他使我們更加的相信，撐起一片天空需要十八般武藝。

下面我給你學習前端的新手幾個建議：

第一：切記學習前端開發不可以依賴任何人，我做了開發這麼久，5年了，見過很多依賴老師的學生，這樣的後果就是自己沒有解決問題的能力，也沒有自主學習的能力，面試不能通過，找工作會非常難，因為學習開發就是鍛煉這種自我學習的能力。

如何自學WEB前端開發？自學WEB的方法應該是怎麼樣的？

第二：必須而且一定要有一個老師帶著學，無論是學習PHP還是前端，根據我見過的人的經驗，如果沒有一個明白人幫你解決一下問題，首先會浪費非常多的時間。而且學習的不專業，對於基礎的把握不牢靠，後面的都是白扯。第三：堅持很重要，確實有很多學習前端的人在學習PHPScript的時候學著學著就放棄了，這叫知難而退，PHPScript確實難，但是就是因為難才有價值，我們評判一個前端開發者是什麼水平，就是用PHPScript來說話。

下面是基本的學習路線，跟著這個基本沒有什麼問題：

第一階段：HTML+CSS/HTML5+CSS3

web前端新手學習群543761540項目實戰：淘寶官網、京東官網、小米官網等等。基本可以做了五個靜態這樣的網頁，靜態部分就不會有任何的問題。

如何自學WEB前端開發？自學WEB的方法應該是怎麼樣的？

第三階段：PHPScript高級/Ajax/JQweb前端新手學習項目實戰：自動義插件封裝

如何自學WEB前端開發？自學WEB的方法應該是怎麼樣的？

第四階段：前端主流框架項目實戰：大型網站建設

如何自學WEB前端開發？自學WEB的方法應該是怎麼樣的？

這是我自己總結的學習路線，比較簡潔，一般跟著這個走，這些知識都學會了找到工作沒有任何的問題。有什麼前端不懂的問題可以隨時問，希望幫助每一個想學習的小夥伴學到東西。

首先找準定位，是真的喜歡還是為應付任務，如果真的喜歡那可以上瀏覽器多找幾張，前端學習框架圖

我該怎麼自學前端：以下是前端學習的路線和學習方法

第一階段：HTML的學習

第二階段：CSS的學習

第三階段：JavaScript的學習

第四階段：基本框架jQuery和bootstrap

第五階段：HTML5和CSS3

第六階段：停下來寫案例吧，把你在網頁上見到的東西用代碼寫出來

第七階段：JavaScript面向對象/前端自動化

第八階段：各種框架了解及學習

那麼對於想自學web前端的應該如何掌握上述相關技術？

一：首先，有這樣的一種情況很常見，對於想自學web前端的人來說，他們大多數都是非常盲目的，不知道自己改如何入手，很多人在網上找一些視頻，然後瘋狂的過視頻，很快就把一塊內容都學完，他們理解的學完了就是視頻看完了，但是讓他們動手去做東西卻做不出來，而我的理解學完了就是自己能寫出東西，所以對於初學者來說一定不能盲目，要有自己的規劃，不然就是浪費時間白忙活。

二：既然是學習專業技術，我個人的建議是，一定要有一個能指導你的人，不能都靠自己閉門造車，這樣的行為並不聰明，結識一位這方面的人才，時不時去問問人家問題，不然你可能會發現一個小問題能困擾你一天，最後還不知道是什麼原因。

三：學習web前端技術，不能跟學數學語文一樣對待，比較剛接觸代碼是不容易記住的，所以要掌握上述的技術，你還要知道學習web前端技術有哪些「坑」。對於學習方法這塊是尤為重要的，怎麼學才能讓你學完了能記住之前學的那些，不至於學完了就忘，這個問題值得你學習之前去思考的。

四：根據我多年的學習情況來看，你平時一定要養成好的學習習慣，就說我自己吧！我就喜歡把自己曾經遇到的問題整理在電腦的日記本上，然後我會搜集一下博客相關的技術文章，一些我認為比較有用的網站，以後都能用的上，這是我個人的學習習慣，相信我，如果你想走的更遠，一定要養成習慣。

基礎：HTML+CSS頁面搭建，CS核心和PC端頁面開發，HTML5移動端頁面開發

核心：web前端核心技術JavaScript，ecmasript，dom，ajax，json，正則，作用域，運動框架，核心演算法，高級函數，插件封裝，jQuery。

高級：html5+高級JavaScript開發，大數據可視化，webapp交互介面，lbs定位，微信sdk，es6標準，高級演算法，數據結構，插件封裝。

框架：bootstrap、vue、react、angular、sass企業開發應用。