Hello，小伙伴大家好，我是小VIE，一名學習前端時長兩月半的前端萌新 (ノ◡◝)

這次主要是分享我在前端兩個月的學習過程心得和半個月的實踐成果，希望無論是準備秋招的同學，還是日常中學習、工作、求職的小伙伴都能得到一些信心！
如果你想直接知道能做什麼？那麼我半個月的實踐成果，也許可以給你參考！可以跳轉這裡有超萬字的詳細實踐過程 (≖ ◡ ≖)✧：AI最佳實踐全棧式從0到1開發個人博客系統

入門前端的學習方法？

1.要有一個明確的目標！

學習知識或入門新的知識領域首先一定要明確目標，要清楚自己為什麼要學習這個。
這裡主要強調的是入門新的知識領域的時候，因為學習知識可以是為瞭解決bug或者單純為了個人提升。
而入門新的知識領域，比如想要入門前端，那麼目標就不應該只是為了提升個人水平，為了求職之類泛泛的目標了。
比如我自己（這裡聲明一下我是後端出身的（老）程式員了）為什麼要入門學習前端：

• 首先是個人提升，全棧發展
• 探索能力極限，證明自己的學習能力這也是一點
• 為了開發自己的博客，這就是不同於前面的了，這就是我學習前端的目標！ง(*｀0′*)ง
• 獨立開發，為了發展副業，這是我往後的打算，而且我也有了自己心中構想的產品

是的，開發博客就是我入門學習前端最直接，最具體的目標，並且這個目標是代表著有實踐和系統性的學習成果。
那麼有小伙伴要問，一定需要確立這樣一個目標嗎？當然是否定的。確立目標是為了給自己方向，並激勵自己向著目標前進，這樣在學習的道路上才有充足的動力！

2.學習要有系統性！

學習知識切忌盲目，也最好不要這裡學一點，那裡學一點。學習知識應當系統性地學習。

首先就要說說為什麼要系統性地學習。我很理解很多小伙伴學習一門新知識的時候，那種想要學習知識的心理，很迫切，很快啊！打開瀏覽器、各APP一頓搜索，然後開始這裡看一點那裡看一點......
但是，心急吃不了熱豆腐，光看到處搜羅來的雜亂的文章、視頻只能形成碎片的知識，形成不了體系，這隻會讓人懂的也只是一星半點。
而且由於知識串亂，這容易導致到了實踐的時候就不知所措，遇到 bug 就十分茫然，改了這裡錯那裡，又改那裡錯這裡，來來回回都在跟 bug 鬥智鬥勇 (￣□￣|||。
相反，如果是學習系統性的知識，那麼在實踐的時候就有縱觀全局的視角，因為所有的知識都匯聚成體系，遇到什麼需求場景都能快速找到對策。遇到 bug 也可以記錄到自己的學習筆記中，形成正反饋。

那麼什麼是系統性的知識內容？我推薦三種，課程視頻、書籍、官方文檔。

1. 課程視頻，這是最方便，最易學習和理解知識的方式了。現在有很多課程視頻都很不錯，我學習前端最主要的學習途徑就是看視頻。當然網路免費的視頻質量可能一般，如果財大氣粗可以買付費或者直接報培訓。反正我就一個字：白嫖！(別學我，我還是要贊的(*/ω＼*))
2. 書籍，看書也是非常好的一個學習途徑，通常書本中的知識都很專業，會比網路課程視頻的內容專業出很多，有很多知識擴展和實戰案例。同樣的，可以選擇看電子書，或者買實體書，一個方便隨時看，另一個嘛護眼。
3. 官方文檔，這是最權威的，有任何不懂的都可以在官方文檔查閱。官方文檔就像字典，用於輔助學習的最佳選擇。比如 MDN Web Docs：https://developer.mozilla.org/ ，提供了全面而詳細的 Web 技術文檔，包括 HTML、CSS、JavaScript 等。

3.問題來了怎麼學呢？

有了目標，有了方向，那麼問題來了“我該怎麼學？”，“兩個月怎麼學的前端？”，“學習路線是什麼能分享一下嗎？”，“學這麼快真能自己從0手寫界面嗎？”......很多問題，在我分享學習前端一個月的時候就有好多這樣的問題了。那時候我還沒有信心回答這些問題，但是現在我可以自信地說：兩個月真的可以入門前端，也能夠自己從0手寫界面！

那麼現在我分享一下我學習前端的路線和經驗吧！

1. HTML、CSS —— 12天
2. JavaScript、jQuery、Ajax —— 12天
3. Node.js —— 3天
4. Vue2 —— 12天
5. Vue3 —— 4天
6. TypeScript —— 1天
7. 小程式 —— 10天

其實可以看到我學習前端時基礎是花費時間最多的，也是最重要的。另外如果不算上小程式的學習時間，只是前端 Web，那麼這個時間還能再壓縮到一個半月！

那麼究竟要怎麼學？我來總結一下我的學習心得。

1. 看質量高的課程視頻：你可能會問什麼才算是質量高的課程視頻？這裡我只能針對前端入門基礎課程講一講，先從篩選播放量高的優先，其次試聽課程的前一兩節。對於前端基礎課程來講一定要講細，就像喂飯一樣的那種課程。這時又可能會問了，什麼課程？好吧我看的是“xxx前端入門html+css零基礎教程”......這不一搜一大片嗎。嗯，看起來是的，但是是有限定詞的，xxx就是限定詞。至於是什麼，我不想涉嫌打廣告，而且我沒有拿到廣告費(#`O′)啊喂。靠你們自己了。
2. 勤動手實操：學習過程不能只是看看知識，以為瞭解就不動手實操，這是最大的忌諱！因為你永遠猜不到在實際開發中會面對什麼世紀大難題！我曾在交流群幫助過一些前端萌新修複 bug，遇到過 “用中文引號而找半天原因的”，“用課程中老師本地API報網路錯誤的”......很多問題我一眼就看出來了，但是很多時候我也會犯低級錯誤，這些只能靠自己勤動手，多實踐多踩坑才能多加深記憶。
3. 記全筆記：記筆記非常重要（劃重點！），筆記就是自己對知識的彙總、歸納和理解。我在看課程視頻的過程中一直都在記筆記，無論是視頻講的基礎、重點難點還是實操過程中遇到的問題都會記錄到筆記中。好記性不如爛筆頭，只有經過彙總輸出的才是自己的，而且這也是一本自己的字典，在實踐的過程中非常有幫助！我在開發自己的博客的時候疑惑的時候就經常翻回筆記，這就是記筆記的好處，可以不斷加深知識的記憶與驗證。

半個月實踐能做什麼？

1.實踐選題：個人博客

兩個月前端基礎，能做啥？拿我個人來舉例，我用半個月時間開發了個人博客。它長這個樣子：

為什麼開發個人博客？

個人博客系統既是一個用於記錄、分享和自我表達的媒介，也是提升自己、與他人交流互動、輸出價值內容的平臺。對我來講完成一個個人博客不僅僅是檢驗學習成果的方式，也是“個人名片”展示的一個櫥窗。

是的，我可以說博客真的有好多好處，但是我想直接告訴你最有價值的一個原因——能夠為面試加分！
啊？難道是因為我的這個個人博客，所以拿到了心儀的 offer 嗎？當然沒有，我的博客才剛上線兩天，而且我也沒找工作......我所說的，是站在面試官的角度評判的。難道？是的，我混後端多年也混到了技術面試官。說來慚愧這麼多年我才有個人博客......o(￣┰￣*)ゞ抱衣洗。
講真，在我當了面試官後我才逐漸摸索出一些篩選優秀人選的方法，個人博客雖然不是強制要求，但確確實實是個很大的加分項。因為在面試中你很難一下就完全瞭解面試者的技術水平，有時候簡歷寫地很優秀，甚至有些技術看到了我是問都不敢問一點啊！生怕被 “弔打面試官”......
很多簡歷和麵試聊天都只是錶面看起來的那樣金光閃閃，優秀地很吸引人，但是招過來後才發現有很多問題。開始我就很疑惑，總是走了一批又一批，看來是我面試的水平一般吧。於是後來我就從博客這一點入手了，每次面試我都必問：有沒有個人博客？我是非常希望每個人面試者能有個人博客的，因為這是對面試者在簡歷和麵試中所瞭解不到的內容。
如果你沒有個人博客那也不會在面試中扣分，但是如果有個人博客，在面試官眼中卻是個很好的加分選項！

2.如果你也想半個月開發個人博客

看了剛纔為什麼開發個人博客，個人博客帶來的好處，如果你也想開發個人博客，也想面試加分，也想在半個月時間里快速實踐一個個人項目......那麼正好，我這裡正好有一篇文章，裡面講述了超萬字的詳細實踐過程 (≖ ◡ ≖)✧：AI最佳實踐全棧式從0到1開發個人博客系統
希望我的文章和分享能夠給你們信心！無論是準備秋招的同學，還是日常中學習、工作、求職的小伙伴。加油ヾ(●゜ⅴ゜)ﾉ

創作不易，只需小手一動我就能開心收穫(●゜ⅴ゜)ﾉ：

｜點贊 ❤️｜收藏