網(wǎng)友解答: 樓主問這個問題應(yīng)該是準(zhǔn)備轉(zhuǎn)行做前端工作，而且是空閑時間自學(xué)。我本身也是自學(xué)的前端知識，現(xiàn)在工作半年多，跟你分享一下我的經(jīng)驗。樓主說的javascript，html，css這些

網(wǎng)友解答:

樓主問這個問題應(yīng)該是準(zhǔn)備轉(zhuǎn)行做前端工作，而且是空閑時間自學(xué)。我本身也是自學(xué)的前端知識，現(xiàn)在工作半年多，跟你分享一下我的經(jīng)驗。

樓主說的javascript，html，css這些都是基礎(chǔ)的，稍微進(jìn)階點是jquery和bootstrap的使用。學(xué)習(xí)順序就是第一先從html和css入手，這兩個是標(biāo)簽和樣式的使用，不涉及邏輯語法，快的話兩三天就能明白、上手，可以先做點靜態(tài)頁面，頁面上都是寫死的，切換輪播都不需要的那種，當(dāng)然有的效果做不出來，不要怕，內(nèi)事不決問百度，外事不決查谷歌，都可以找到的。

第二步建議了解點j瀏覽器的東西，javascript也可以了解點，了解什么是dom操作，了解一些概念像瀏覽器請求加載，不用學(xué)太深了解概念為主，這時候以jquery為主，這樣可以使頁面有一些行為操作，輪播，放大鏡等效果，可以上網(wǎng)查看jquery之家有很多寫好的可以直接使用的效果，頁面就變得好看了。自學(xué)的話照葫蘆畫瓢我不擔(dān)心，我最擔(dān)心的就是理解概念，可以在網(wǎng)上看看慕課網(wǎng)、網(wǎng)易云課堂這些課，對自己提升也有幫助。

第三步可以學(xué)習(xí)bootstrap，swiper這些框架的使用，說實話也挺好用的，你可以在官網(wǎng)上查看。他們的使用依賴于jquery調(diào)用。使用這些框架會讓你的頁面更好看，而且響應(yīng)式布局可以省去很多煩惱，用戶體驗更好，省去了自己寫代碼的麻煩，開發(fā)效率高。

第四步，javascript建議深入學(xué)習(xí)下，理解概念，能夠使用原生的代碼操作，最簡單的寫個貪吃蛇，就很好了。理解閉包這些概念，數(shù)組操作，面試會用到。要是想著先工作那就技術(shù)會用先，不會的上網(wǎng)查能學(xué)會就可以了，不要說研究的多深，那是后續(xù)工作，先有工作，可以慢慢在學(xué)。

第五，ajax的使用和json數(shù)據(jù)結(jié)構(gòu)，前后臺進(jìn)行數(shù)據(jù)交互就是ajax請求，了解它的發(fā)送和接受，一個是jquery的ajax使用，這個是寫好的結(jié)構(gòu)可以直接使用，再者就是javascript原生的書寫。

第六，html5+css3這個是必須會的吧，html5新增了很多標(biāo)簽，提升了開發(fā)性能，移動端開發(fā)更友好，css3讓頁面的活性更大，陰影、漸變等效果更好。localstorage和sessionstorage讓瀏覽器存儲數(shù)據(jù)，前端的功能越來越大了。使用他們的時候注意瀏覽器的兼容性。

上面學(xué)習(xí)的過程中，也了解下百度的echarts使用，生成圖表，有些公司需要數(shù)據(jù)可視化，很有用的。

第七，現(xiàn)在前端很火的框架是vue，react這種單頁面應(yīng)用，使開發(fā)效率更快。vue是華人大神尤雨溪帶隊開發(fā)和維護(hù)的，生態(tài)很完善，上手也很容易，中文的開發(fā)文檔對開發(fā)人員也很友好，建議新手學(xué)習(xí)。react是facebook推出的，生態(tài)完善，生態(tài)也很龐大。本人現(xiàn)在工作使用的是vue，很容易操作。現(xiàn)在去找工作如果不會這兩個中的一個都很難的，除非在二、三線城市，還是用jquery開發(fā)。建議大家跟上技術(shù)步伐，多學(xué)習(xí)。

第八，就是前后端分離。傳統(tǒng)的前端人員開發(fā)受到限制，不停地跟后臺人員溝通，渲染數(shù)據(jù)。因為前端頁面變化比后臺數(shù)據(jù)大，所以很不方便。這個概念的提出，使前端開發(fā)人員解放出來，不需要再去配合后臺人員開發(fā)。前端自己有個服務(wù)器處理數(shù)據(jù)，后臺人員只需要提供接口就好了。

剛開始轉(zhuǎn)后臺的前端人員可以學(xué)習(xí)nodejs，這個就是用javascript語法寫的，對前端人員很友好，容易上手。node中的express框架，可以很容易的創(chuàng)建后臺服務(wù)，跟前端交互，當(dāng)然數(shù)據(jù)庫的簡單操作也需要會，主要是sql語句使用。網(wǎng)上的學(xué)習(xí)資料也很多，可以學(xué)習(xí)。當(dāng)然你的js基礎(chǔ)需要合格。

這些大概就是前端學(xué)習(xí)的路線，希望對你有幫助，如果有疑問可以在文章下面留言。

我是測不準(zhǔn)，歡迎關(guān)注，大家一起學(xué)習(xí)交流！喜歡的朋友點贊呦。^_^

網(wǎng)友解答:

自學(xué)前端2年并成功轉(zhuǎn)行的人回答一下:

零基礎(chǔ)的學(xué)習(xí)的情況

安裝vscode 先學(xué) html 5，用MDN文檔去學(xué)，廢棄的屬性不需要去看，大跨步的前進(jìn)，xhtml的那些東西不需要去學(xué)了，記住MDN文檔里面寫的那些新屬性，這些是以后面試時經(jīng)常問的問題。學(xué)習(xí)是著重注意html 5語義化的含義，體會下。

接著學(xué)習(xí) CSS 3，對于新的屬性格外注意，各種特殊情況包括各種居中怎們做，花點時間，記住吧，這個css要多敲代碼，看的再多也沒用。css是區(qū)分優(yōu)秀前端和其他兼職前端的分界線。此時模仿你喜歡的網(wǎng)站做點靜態(tài)頁面。繼續(xù)學(xué)習(xí)ES 5，這是javascript基礎(chǔ)知識，此時進(jìn)入前端的瓶頸了，多花點時間理解吧，例如函數(shù)、閉包、this、作用域、原型鏈重點理解。