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开发个人博客系统
希望我的文章和分享能够给你们信心！无论是准备秋招的同学，还是日常中学习、工作、求职的小伙伴。加油ヾ(●゜ⅴ゜)ﾉ

创作不易，只需小手一动我就能开心收获(●゜ⅴ゜)ﾉ：

｜点赞 ❤️｜收藏