前端學習突然有點迷茫怎麼辦？

陳託尼2022-04-09 08:57:59

很明顯前面html+css+js的部分缺少足夠的練習。學可以繼續學，但是前面這一部分可以透過仿多幾個頁面，寫多幾個js效果來鞏固。

方應杭2022-04-10 19:38:06

我稱之為「自學的漩渦」。

你無法繼續向前，因為你忘了身後學習的基礎知識。

你也無法回頭，因為這意味著你的進度歸零，這讓你學得更沮喪。

你只能一會前一會後，再也出不去。

我的唯二建議是：

一開始就要寫部落格，方便回顧。

向有經驗的人提問，方便向前。

正所謂醫者不能自醫，自學者也是一樣的：當自學者遇到某種困境的時候，就無法自學了。

利益相關：我是飢人谷資深程式設計講師，專門解決大家在自學中遇到的問題。

小程式媛2022-04-11 11:36:28

首先，學習前端開發是一個漫長的過程，我覺得學習最重要就是堅持和多練。

不要假裝很努力，結果是不會陪你演戲的。

還有一個是正確的學習方法和學習方向，如果你一開始學習方向不對，學習肯定就走了很多彎路了，而且可能一條彎路走到底，必然跟一些人的技術能力還是有一定的差距的。

我覺得學習前端，一直要抱有堅持學習的好習慣，就像吃飯睡覺一樣，這樣你個人才會有成長，可能你一兩天感覺不出什麼，但是你堅持下來，就不一樣了，因為你要知道，現在網際網路時代，技術更新迭代是比較快的，如果你不去

學習新的技術和知識

，自然會被市場淘汰，這也是我多年的行業經驗。

想學好前端，肯定需要

不斷學習

和

不斷練習

，還有一個明確的

學習方向以及規劃

。

在很多人自學的過程中吧，都是百度搜索的教程，而且學習基本遇到了問題，也沒人給你解決，學習效率也是非常的低，學習的自信心也會喪失，就會產生質疑自身能力的疑問：自己是否適合從事前端開發？還是我自己比別人笨，學不會這些問題？就很容易喪失學習的自信心了。

很多人看了很多前端的教學影片，但是依然做不好前端，也走了很多人一些學習的誤區。

因為我曾經也是這樣走過來的。

現在給大家總結一下，學習前端容易陷入的誤區，也希望給大家一個提醒。

誤區一：沒有系統的學習規劃

很多人在學習WEB前端時，是不瞭解這個行業是什麼情況的，不知道這個行業發展趨勢怎麼樣。學習前端應該怎麼學才有效率，也沒有系統的學習方法和規劃。

很多人都是這樣的，相當多的時間都在尋找一些前端的教程，因此效率太低了。一開始，學習沒有方向、盲目地學習，這也是很多人越學越沒自信，越學越迷茫，這也是較多人為什麼出去找不到工作的一些原因。

誤區二：活在自己的象牙塔裡

學習前端的時候，感覺總活在自己的世界裡，不去了解和接觸別人的思維，什麼技術自己都可以搞定，甚至想傳說中的“大神”帶我飛，當然了這樣的學習肯定是會遇到麻煩的，而且學習態度也註定了會遇到問題。

誤區三：加群學習

現在很多人學習前端，都是喜歡加群，或者在一些論壇討論，這樣學習就是不太系統，而且知識碎片化，出去找工作，自然遇到滿滿的問題。

誤區四：書籍學習

對於很多前端小白來說，看書確實是一個很好的學習途徑，但是你買的書是否對你真的有幫助呢？真的能夠幫助你提升的能力嗎？建議初學者，多動手，多請教，還有弄清楚學習的方向和規劃，不要把時間浪費在不必須要的時間上面。

誤區五：教程自學

現在很多人不管學習什麼都喜歡自學，喜歡收集資源，雲盤啊，一些論壇資源網站，或者說某寶的教程，幾千個G，雖然我以前也是喜歡收集資源，但是並不看，大部分的人也都是這樣得，這裡看下，那裡看下，挑著來，造成知識碎片化，不繫統，學了也不可能找到工作。自學能找到工作的，也只屬於少部分。

這些誤區，如果你也有遇到，一定會出現學習很長時間都無法掌握前端，甚至越學越迷茫了。

Web 前端的路該怎麼走？

陽叔2022-04-11 16:03:34

學習進度還可以，一個月的時間把三大基礎都過完了，三大基礎的學習要求是必須熟練掌握。如果這部分沒有問題就是開始vue了，但是有一點需要給你打一個預防針，很多自學的朋友學到後期會出現現階段學習的記住了，前期學會的忘得差不多了，自學出現這樣的現象很正常，因為知識體系不完整。其實學習前端的路徑大致就分為一下幾點：

1。HTML；

2。CSS；

3。JavaScript；

4。Vue；

5。React；

6。Node；

以上都學完可以做一做專案鞏固鞏固，這就是基本的學習流程了。學習過程是漫長且痛苦的，一部分自學者在朋友或專業人士的引導下，選擇自學或者報班學習，總之能夠相對快速的找到適合自己的學習方法，在前端領域有一個快速的自我突破。當然，也會有一些人，在各種學習資料中反反覆覆的而變換，沒辦法找到真正適合自己的學習資料，或者說學習路徑，一直進展不大，浪費很多的時間成本和精力，如果自學過程中，學習成果不顯著，可以考慮報班學習。

以上就是我的個人建議，希望可以幫到你。

建了一個前端小白交流群，私信我，進入交流群。我會給大家分享我收集整理的各種學習資料，組織大家一起做專案練習，幫助大家匹配一位學習夥伴互相監督學習，歡迎加入。

我想去吃2022-04-11 18:19:42

說實話哈，按照你說的這個學習方式，我們先來分析一下，首先基礎+JS學習一個月，不是什麼太大的問題，有小夥伴的學習能力比較好，學習一個月的確有可能把這三件套學會。

但是你後面說的一筆帶過，我就有些疑問？？？這是隻看了一遍麼？前端的基礎知識雖然沒有他別困難，但是還是需要花心思去記一些標籤之類的知識點的，最起碼要知道怎麼用，是什麼意思。

程式設計知識重點不是看，是敲程式碼，實際練習，在學基礎的過程中不要覺得這個簡單，看看就得了，就可以掌握了，越學習到後面你越會發現基礎其實更重要，基礎打牢了，後面學習起來會輕鬆很多，建議你現在多把基礎知識多做練習，再繼續後面的課程學習~

特意給你整理了一整套前端的學習路徑，可以自己對照著看看有哪些技術沒有掌握~

對於一個任何沒接觸過程式語言的新手來說，任何一門程式語言都是有一定難度的，但是隻要你認真學了，入門了再看就沒有那麼難學了。

新手學習前端首先要明確自己的學習路線和時間規劃，有一個明確的學習目標之後再去學習就會容易很多，可以參考下面這個學習路線圖進行學習~

階段一基礎入門：

入門前端工程師的必備技能，能夠完成PC端和移動端的靜態頁面，具備1：1還原設計圖的能力。

階段二技術進階：

進階成為合格的初級前端工程師，能夠實現頁面的互動效果，實現與後端的資料聯通。

階段三Vue開發：

成為中高階前端工程師的核心能力，能夠實現企業級專案的功能需求，並具備內容管理系統、企業中臺以及電商平臺的專案經驗。

階段四

React & 小程式開發：

成為中高階前端工程師的進階技能，能夠滿足市面上90%+公司的招聘需求，並具備網頁端和移動端專案研發經驗。

階段五

面試就業：

能夠完善簡歷，輕鬆應對企業面試場景與面試題目，成功獲得心儀的offer。

第一階段 基礎入門

學前導讀：為零基礎學員量身定製，教你搭建PC端和移動端靜態頁面，讓你從小白升級成網頁“化妝師”，輕鬆掌握 HTML5 和 CSS3 相關知識。

1.Web前端零基礎入門HTML5+CSS3+前端專案

課程中和課程尾配備兩個實戰專案，專案一型別是企業站，可以讓同學們快速的將基礎知識點進行反覆練習；專案二型別是電商站，可以讓同學們掌握更復雜的網頁效果的開發流程和佈局標準。本教程嚴格按照專業的開發流程：專業的測量工具，做到100%還原設計稿。

web前端開發入門教程，前端零基礎html5+css3+前端專案影片教程

2。移動web開發實戰

本課程採用2+5模式， 前兩天承接HTML+CSS， 使用字型圖示、平面轉換、動畫等，豐富網頁效果和呈現方式；後5天完成移動端和多端適配效果。課程採用閉環方式設計，每天課程都有完整的案例或專案， 讓學生學以致用。

web前端進階教程，前端html5+css3+移動端專案實戰（含華為新聞，b站移動端等）

第二階段 技術進階

學前導讀：讓網頁“動”起來，帶你學會前端工程師核心語言——JavaScript，實現網頁資料互動與動畫效果，並實現與後端資料的聯通。

1。JavaScript深入淺出-0基礎入門神器

學完本課程你將掌握JavaScript基礎從變數的定義與使用、資料型別及相互轉換、運算子、流程控制語句、三元運算子、陣列、函式、建構函式、內建物件以及物件等基礎必備技能。

JavaScript全套教程，Web前端必學的JS入門教程，零基礎JavaScript入門

2。JavaScript核心之Web APIs

學習客戶端開發技術，能夠根據產品需求完成開發任務，如視覺互動、資料處理、安全、效能等，熟練掌握 DOM 操作的方法，能夠分析視覺互動需求，結合 CSS 規則設計合理的 DOM 結構，完成開發任務。

JavaScript核心教程，前端基礎教程，JS必會的DOM BOM操作

3。資料互動&非同步程式設計-前端進階Ajax零基礎入門

本課程案例豐富，知識點配套的案例豐富多樣，滿足學生學習的興趣 ；深入原理，會深入講解如何封裝自己的模板引擎和 Ajax 函式；涵蓋廣泛，涵蓋了 Ajax、跨域、JSONP、模板引擎、節流防抖、XHR Level2 等常用技術。

AJAX零基礎到精通_整合Git核心內容全套教程

第三階段 VUE開發

學前導讀：掌握多行業解決方案，專案開發拿來即用，幫你搞定前端工程師必備熱門框架Vue。js。

1.前端高階Node.js零基礎入門教程

本套課程作為框架前置課，重點為學生鋪墊 npm、包、模組化、身份認證、CORS 跨域等主要知識點，為學習後面的 Vue 課程夯實基礎。同時，本課程涵蓋了 MySQL 資料庫、API 介面專案開發等後端內容，拓寬了學生的知識面，為前端學生構建了前後端完整的知識體系，助力學生更好地發展。

Node.js全套入門教程，nodejs最新教程含es6模組化+npm+express+webpack+promise等_Nodejs六大實戰案例詳解

2.前端框架Vue2+Vue3全套影片

歷經 5 年的反覆打磨與錘鍊，黑馬程式設計師重磅推出全套最新的 Vue2 + Vue3 基礎課程。共計 500 多集的免費影片，助您輕鬆掌握前端圈最火的 Vue 框架！

Vue全套影片教程，從vue2.0到vue3.0一套全覆蓋，前端必會的框架教程

第四階段 React&小程式開發

學前導讀：React幫你解鎖中高階前端工程師能力地圖，多端專案讓你滿足90%+企業需求。

1。前端React精品教程

React 是時下最流行的前端框架之一，是很多大廠的首選前端開發框架！歷經數月精心研發，內容包括：React 腳手架、JSX、函式元件、類元件、受控元件、元件通訊、Context、元件生命週期、高階組等等技術。

前端React精品教程， React零基礎入門到原理詳解

系統的學習網頁資料互動的 Ajax 技術，建立前後端互動的知識體系，為學生夯實網路程式設計的基礎，為後期高階課程的學習做好鋪墊。

2。手把手快速帶你開發微信小程式

本課程從小程式賬號註冊、開發環境搭建、基礎語法、路由導航、資料請求、分包、元件化等方面詳細闡述了小程式開發必備的基礎知識。學完基礎之後，利用 uni-app 技術實現微信小程式的開發，可以做到一次開發多端部署。專案擁有首頁、搜尋頁、商品列表頁、商品詳情頁、購物車、登入支付等主要功能。涵蓋了分包、vuex、元件化開發等核心技術點的使用。

前端微信小程式開發教程，微信小程式從基礎到釋出全流程_企業級商城實戰(含uni-app專案多端部署)

想要成為一名優秀的前端工程師，首先需要學習

HTML、CSS、JavaScript三大核心基礎技能，

學習完這些能夠製作靜態網站，此時網站還不能跟使用者進行互動，讓使用者進行使用，需要再學習Ajax，才能更進一步的請求後端介面，實現前後端的資料互動，此時的網站就可以基本可以跟使用者進行互動和使用了。

當然我們不僅僅要學習PC端開發，移動端開發也不能少，隨之也要學習移動端技術，比如：rem、Boostrap、媒體查詢等等。這時候PC端、移動端網站基本可以開發了，但是也需要考慮網站的開發效率、效能最佳化等問題，所以需要學習的內容就更多了，比如：前端構建工具webpack、前端框架Vue或者React等等，都需要前端工程師能夠掌握。

目前大部分的網站開發，都是前後端分離模式開發，但是不意味著前端開發不需要知道後端知識。前端工程師也是需要掌握Node。js技能的，很多公司Node。js已經是核心必備技能了。

網際網路技術發展的越來越快，想要成為一名前端工程師，有條理、有規劃的學習技術才能在行業中站穩腳跟。如果下定決心想要學習前端的小夥伴，希望以上學習路線圖能夠激發你學習前端的興趣，更重要的是能夠從中獲得知識，在前端的進階路上越走越順！