---

很簡單，先把手機裡面的所有遊戲卸載了，包括抖音，快手，愛奇藝，騰訊視頻，YY等。

然後把電腦裡面的所有遊戲刪掉，瀏覽器書籤只保留百度，其他全部清理掉。

接著要麼某寶買資料（可以是書，也可以是視頻，建議視頻），或者網上搜索免費的，或者去一些有免費教程的地方，當然找到收費的你也願意交錢的也可以。

ok，以上準備工作做好後，正式開始自學前端了。

針對你的身份不同，需要制定不同的自學計劃，假設你當前已經工作了，並且自學的時候還處於在職狀態：

制定一個小目標，比如1個月內學會基本的css+html，3個月內學會基本的原生js，3個月學會使用vue，3個月學會react....

當然，上面說的所謂學會都是簡單的入門，何為入門：

學會css+html：隨便找到一個網站，截屏後，用html+css還原網頁

學會基本的原生js：使用原生js或者jquery，完成一個電商網站的全流程（首頁展示+篩選，加入購物車，結算，登陸註冊等），為何電商網站，因為含蓋量高。

學會vue/react：能夠獨立的搭建項目（不管是vue-cli，還是webpack），並且能夠完成基本的配置，比如引入el-ui庫，全局配置axios攔截器，或者你自己寫原生的fetch請求或者XMLHttpRequest等都可以；可以分離公共組件，可以完成路由配置（常見的後台管理系統，三欄式，上左右）

鑒於你有工作，按照早9晚6+上下班需要1小時來計劃：

早上6點起床，洗漱吃早點什麼的，7點-8點學習，8點以後去上班。當然，你可以把學習時間放在吃飯前...

晚上7點到家，解決晚飯從8點開始學習，學到11點，那麼你有3小時的學習時間。

周末可以適當的放鬆點，比如早8-11，下午2-5，晚上7-10，一天9個小時的學習。

貴在堅持，只要你能堅持這樣做，你肯定可以進入前端行業的。

切記，資料進入你的收藏夾，不代表你就會了。

---

首先準備一份學習路線，了解需要學習哪些內容。可以看這個：

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

www.processon.com

有了學習路線之後，找一份系統的教程，可以到B站、慕課網、騰訊課堂、網易雲課堂等平台上找，有免費的也有付費的。教程選擇那種只講知識點的精講視頻教程，這種視頻教程的好處在於只講知識點，你會有更多的時間用在練習上，練習多才能夠去理解。不要選那種直播錄製的教程，會有很多的時間浪費在課堂的互動上。

在有了學習路線和視頻教程之後，根據自己每天能夠拿出多少時間用於學習，做一個學習規劃。做學習規劃的目的是讓你知道你每天要學習什麼內容，大概要學習多久就可以去找工作。你每天都能夠看的到自己的進步，知道距離把知識點學完去找工作還有多久，你會更有堅持下去的動力。

最後，在自學的過程中，肯定是會遇見很多的問題。有些問題網上能夠找到答案，有些問題則需要有人幫你看一下。所以你需要有個能夠指導你的老師，可以看看身邊有沒有從事前端開發工作的朋友能夠幫你。沒有的話可以加一些學習群，遇見解決不了的問題時候可以在這些學習群問。

多年開發經驗，懂前端、Java、Python，你可以私信我你目前的情況，每天能夠拿出多少時間用於學習，在什麼時間段，我可以給你發送一些教程，你跟著學，有什麼不懂的地方可以隨時問我。

---

能夠自學肯定是好事，能夠節省成本的學習是最好不過的。但是如果自學沒有效率，與其這樣浪費時間那還不如不學。所以要對自己進行一個評估，客觀的想一想自己是否適合自學，有沒有這個定力。

若是如上的回答都是肯定的，那麼就可以著手自學的事宜了。首先，需要詳細的去了解前端的技術棧，然後再去各招聘平台上了解企業對於前端工程師這個崗位的技術要求。根據這兩個條件有針對性的去做一份學習計劃，然後堅定不移的去執行。每學完一個階段就去 github 上找一個項目練練手：如何在 github 上查找好項目。編程一定要記住，光看教程或者看視頻是看不會的，一定要多練習，只有多敲才能真正學會編程。

那麼前端的學習應該如何學習呢？零基礎學前端必看視頻，前端學習路線講解以及需要注意哪些誤區，怎麼學習更系統？

---

請看，學習路線奉上：

一、準備篇

1.開發工具的安裝配置的介紹日sublime. webrtorm. Visual Studio Code

理解如何瀏覽和創建網頁、基本的語法規範、顧之間的鏈接與跳轉、標籤節

2. HTML。點層級節點

3.css。基本語法、 盒模型的高級用法。常用布局模型

4、JavaScript入門

基礎語法和變數、數據類型轉換。分支與循環

函數、數組等內置對象

5.京東首頁文戰。css代碼抽象 與復用、浮動的盒子布局，層級的使用，定位特性的各種使用場景

二、基礎篇

1、JawaSript基礎。Js語言的基本構成、 變數與表達式、數據類型、語句結構、函數基礎

2. DOM+BOM。節點對象的操作、 事件特性及使用、常見的內置DOM對象、常見的BOM功能

3.網頁特效與進階。表達式及應用

在網頁特效中常用的編程介面、動面編程與事件、緩動框架封裝和應用、正則

4、jQuery。選擇器、 常用API、插件機制、原理分析、項目實戰

語義化結構、其他常見ADI、CSs3選擇器和新屬性、CSS3過渡和動畫，CSs3 伸

三、核心篇

1. HTML5+C553。縮布局

2.服務端編程。鵜概念、 Web 伺服器的概念，XML與ISON

3、PHP。PhP基礎語法、 PHP服務端鄉程基礎

4、NAX日非同步數據交互、 模板引擎的使用、跨地的實現方案

5、移動Web開發。響應式布局、 Botstrap框架剖析、 ZeptosI庫、 預編譯css

四、進階篇

1.面向對象在5中的體觀與實踐。面向對象理論、 對象的基本概念，對象的屬性和方法

2、開發過程中常用的模式與思想。開閉原則、 MV思想、高內聚低耦合、工廠模式

通過構造正數創建對象、原型對象和原型誰、繼承的多種實現方式、函數的本

3. JavaScript高級特性

質以及Function構造函數、作用域鏈、閉包

4、封裝-個自己框架。選擇器框架、 cs操作封裝、屬性操作封裝、其他DOM操作的封裝

五、高級篇

1.前端工作流。自動化流程工具使用、 源代碼版本控制、依賴項管理工具、項目模版腳手架

Angular基本使用、Angular高級特性、vuejs基本入門和暗由、 項目實戰:豆瓣電

2.流行框架e景

模塊化開發規範、常用的模塊化開發工具、Requrejs與Sejs, AMD/CMD.統一

3.模塊化開發。規範UMD

4、Nodejs。Node個紹、 基本操作、常用內需模塊、高級特性、常用框架

六、移動APP開發

1.混合式應用開發日混合式平 台架構、混合式開發實踐。京東APP嘴實戰

2.數信開發。微信公共號介紹， 平台API對接、x5兼容處理， 內置介面

3. React。組件化思想， 核心特性、Js，TOOOMV案例

4、ReactNative。環境與工具、 常用組件與插件、綜合案例:豆瓣電影

5、其他移動PP開發櫃架日PhoneGap. AppCan, HTML5+. Framework7

這樣的問題回答太多了，可以看一下下面這些回答

web前端如何自學？?

www.zhihu.comWeb 前端怎樣入門？?

www.zhihu.comweb的前端：一篇總結得超全的前端進階文章！入門、技巧、方法、書籍、網站...?

zhuanlan.zhihu.com

---

本人正在自學web。html，css已經學的夠用了，JS基礎語法都看完了，正在學習閉包相關的東西。一起學可以私聊我，互相答疑解惑。

個人感覺，最重要的是，樹立明確的目標。注意這裡面的兩個詞，明確 目標。

目標可大可小（比如賺先賺他一個億）

• 大目標：學習CSS基礎知識；
• 中等目標：了解CSS選擇器的種類；
• 小目標：熟悉ID選擇器的用法及特性；

在把大目標分解成小目標的過程中，已經做到了逐步明確目標。明確目標的好處，就是提高執行力（比如給我點個贊）。

執行力高了，根本就不用什麼時間管理，早上一睜眼就會想著這件事。有時間就會去學，沒時間還會擠一點時間出來學。

---

在回答這個問題的時候不經想到自己以前剛開始學習的時候。

那個時候作為零基礎的自己同樣也是在問著這樣的問題，接下來發表下我個人的建議。

首先我們在學習的開始不要立馬去開始學習內容，部分初學者在開始的時候基本上都是這樣的學習方式，直接就開始上手學習了。

得先了解前端具體是做什麼的，了解一個大專的環境

你學習前端的目的是什麼：

為了就業

為了興趣

為了副業

還是為了什麼

如果是為了就業的話，那你可以計划下自己要去哪些城市發展的，可以在招聘網站上看下公司對前端技術招聘的要求有哪些，這樣自身對各方面有了一個了解了，也就是有了一個目標了在開始學習效率和思路也會清晰很多了。

學習前端非常重要的方法：

多實操敲代碼

多實操敲代碼

多實操敲代碼

大部分下學習的過程中找一些視頻開始學習，就直接跟著視頻學了，敲代碼也是跟著視頻敲，這樣的學習方式容易給自己一個錯覺，那就是以為自己是學會了，學得挺不錯的，其實不以為然，悄悄相反，脫落了視頻基本上什麼也不會，我以前在學習的過程中也是這樣開始學習的，走了蠻多的彎路。

學習的過程中要學會去記筆記，學會做總結，因為前端有太多的理論知識需要記的，所以最原始的方法學習也就是最有效的學習方法，我們老師就是這樣告訴我的，雖然這樣的學習方式會比較慢一些，但是你每一步都走得很穩，後續對技術的提升幫助才很大，因為記不記和去總結會花掉你蠻多的時間。

---

接下來的話就是找前端的學習路線，你得知道學習什麼內容，就好比我們要去那個地方，你得知道你要去的路線是什麼。

最基礎的開發工具開始：

下面是從工具部分開始：

開發工具視頻

接下來就是前端最基礎html和css

蘇夢苓：HTML+css知識總結(建議收藏）?

zhuanlan.zhihu.com

路線就不一一說出來了，往期的回答推薦你看下，前端學習路線和每個小的階段學習的周期是多少時間

建議：

接下來的話就是做一個學習計划了，學習計劃的話從幾個方法出發：

時間

內容

檢驗

主要的還是需要堅持下去，工作後我也慢慢的了解了很多人，發下了一個規律，凡事可以在一個行業裡面堅持做得比較久的，他們的結果和發展都不差，所以剛開始學習的時候相對會難一些。找了兩個視頻，一個是關鍵轉行年齡的看法， 關於前端學習路線解析和學習過程中的一些方法以及常犯的一些錯誤

你現在主要的就是做好準備和計劃，讓自己靜下心來學習，也不用去想的比較複雜了，接下來就是努力堅持去實踐了。

---

推薦閱讀：