大三物聯網工程專業本科女生在讀，感覺這個專業學的東西好雜，都是多而不精，最近愈發感受到了時間的緊迫，擔心就業，想自學下前端有技術傍身安心。

謝邀，這是我做的一份學習路線，你可以參考一下：

2019 最新Web前端工程師學習路線圖?

www.processon.com

接下來給你幾點建議：

1.初學者要去看機構的視頻，因為視頻講的都是重點，工作中常用的技術，而書很全面，但是沒什麼重點，書會讓你學著學著就奔潰。當然，並不是說不看書，學習任何東西，多看書都是適用的，只是說讓你在學習到一定的程度之後再通過看書進行鞏固提升。

2.看視頻不要跟看電視一樣，看完了就拉倒了，要明白學web前端技術為了做東西，做項目，所以視頻講解了那些知識點，課後要去不斷的練習，只有不斷的練習你才能形成深刻記憶，切記別光看不練，看和動手操作完全是兩個概念。

3.學東西不可以學死東西，要學會舉一反三，多思考，遇到一個問題先去自己解決，學編程很多時候就是一個思考的過程，腦子要不斷的旋轉起來，同時也要培養自己的語言組織能力，這都是跟邏輯有關係的。

多年開發經驗，懂前端、Java、Python，有什麼不懂的地方可以隨時私信問我。

買實體書，讀書，按照書上講的寫項目

JavaScript，css，html的書各買一本，或者去圖書館借

然後就是要寫代碼，比如模仿網站布局之類的，然後要關注幾個前端的公眾號，比如前端早讀課，前端外刊評論之類的，每天都要看一下，時間長了養成習慣就好了，主要還是有東西做，自己找東西做才行

交個前端技術不錯的男朋友,遇到不懂的地方能隨時隨地答惑.

自學的話,先找入門書,大致了解前端技術有哪些技術組成,各技術棧的功能是什麼,有個大致性的了解.

了解完後,找前端專業性的書籍,再全面細緻性的了解各方面.

逛技術社區/博客站,看看別人對相關知識的梳理總結,加深你對前端相關方面的理解.

嘗試解答社區/博客站的校招經歷里的面試題,檢測下自己的水平,為實習/找工作準備.

入門後,下面是不錯的前端資料收集資源:

前端開發工程師必看的書籍清單 - 網頁收藏集?

pagemarks.cn

前端開發學習資源 - 網頁收藏集?

pagemarks.cn

1、要熱愛。如果只是想把前端作為一個能傍身的技術，而不是真正的熱愛，很難堅持下來

2、要做好打持久戰的準備。入門前端已經不是做個頁面的事兒，要學的東西非常多

3、要多回顧。前端的內容多且雜，如果不總結不練手，學會的東西過幾天就忘了，好像沒學過一樣

4、要一直學習。前端的發展非常快，如果不能持續學習，可能很快就落伍了

5、英語好有幫助。閱讀前端的英文手冊和文檔，使用 stackoverflow，可以加快學習效率，在變數命名上也可以少費些腦細胞

共勉

1、如果只是想學習一下技術傍身，不建議前端，因為前端發展太快，前腳學完，後腳可能就過時了；前端需要長時間的學習投入，倒不是很難，但也很雜

2、「英語要好」這個是萬金油條件，幾乎可以用在所有的技術問題上，但是如果是入門前端，它不是必要條件，W3School、MDN、CSDN、掘金、SegmentFault、博客園、菜鳥教程等等這些網站都有中文，足夠入門者解決基礎問題

3、如果想學到更高層次，英語必須要好，畢竟技術起源在國外，英語是基礎；大概中級水平開始，對於英語閱讀能力的需求就開始凸顯了

4、自學流程的話，先HTML、css開始，W3School、MDN、菜鳥教程這三個網站是新華字典，多看看，如果認真投入學習的話，HTML + css 學習到能複製京東淘寶這一類首頁（純靜態，不包含內部複雜的優化邏輯），大概用時一兩個月，看個人學習能力

5、等能複製京東、淘寶這種電商首頁了，也就證明html + css 基礎已準備；可以開始學習JS，也就是JavaScript（JavaScript 和 Java 之間的關係就是雷鋒和雷鋒塔的關係）；強烈建議買一本紅皮書（JavaScript高級程序設計）或者犀牛書（javascript權威指南） ，都很厚，很重，如果嫌棄太重，那就常年住在W3School、MDN、菜鳥教程這三個網站吧，從裡面閉關出來，你就是天下無敵了（裝逼的時候小心天外來靴，當年王重陽就是這樣死了）

6、js應該學到什麼程度呢？就是紅皮書至少要看完前七章語法，第八章開始就是瀏覽器DOM的範疇。關於DOM的東西，很重要很重要很重要，但是平時又很少直接用得上，就是這麼糾結（emmmmm~應該是現在的前端環境很少直接用得上，都是react、vue、angular這些框架包攬了那些活，不需要親自動手，一般也不允許親自動手），所以，關於瀏覽器DOM這一塊，建議先細讀一遍，反正一遍學不完的，讀完之後也會遺忘，留個印象吧，不至於 stack overflow 或者 百度 一個問題時對別人的回答一無所知；將來翅膀硬了記得回來精讀很多遍，切記切記

7、jQuery是曾經的王者，雖然現在基本不怎麼用了，但如果不是急著學習急著就業，建議學一下，了解一下前端的過去，以便面對將來

8、當你準備了html + css + js的基礎知識，就可以準備學習框架了，react、vue、angular三個選一個（能力強可以三管齊下），我不評論那個好那個壞，自己花點時間找答案，不難找

9、然後，配套的，需要學習一些node、webpack等，另外，框架之所以稱之為框架，是因為它除了基本功能以外還可以額外的添加很多功能，即框架的生態，也需要學習

10、等掌握一個框架，能動態的寫出一些頁面的時候，應該就可以輕鬆面對面試了（對於應屆生而言，或許有些企業要求更加寬鬆些），真正上班了就~~~記得多請導師喝奶茶

11、入門了之後..........HTML5、CSS3、JavaScript、ES5/6/7/8/9、typescript、DOM、node、webpack、react、vue、angular、MVVM原理、SSR、各種plugins、loaders、性能優化、小程序、UI框架、W3C標準......還有react native、flutter、前端工程化之類的

12、emmmmm~現在感覺物聯網是不是沒那麼雜了

13、附加一些我常看的網站：

W3School（字典類） https://www.w3school.com.cn/h.asp

MDN（字典類） https://developer.mozilla.org/zh-CN/docs/Web/HTML

菜鳥教程（字典類）https://www.runoob.com/

stack overflow （提問類）https://stackoverflow.com/

百度（提問類）www.baidu.com

知乎（博客類）https://www.zhihu.com/

掘金（博客類）https://juejin.im/timeline

思否（博客類）https://segmentfault.com/

博客園（博客類）https://www.cnblogs.com/

CSDN（博客類）https://www.csdn.net/

阮一峰 es6教程（大牛）http://es6.ruanyifeng.com/

阮一峰 （大牛）JavaScript 標準參考教程（alpha）

張鑫旭 （大牛）https://www.zhangxinxu.com/wordpress/

還有bilibili視頻教學、知名博主等

12年前端給你個建議……換個別的學學

英語過關，數學過關，其它的就是興趣和近乎偏執的熱愛。

推薦閱讀：
相关文章