黑马程序员 | 如何高效自学前端？

Posted 黑马程序员官方

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了黑马程序员 | 如何高效自学前端？相关的知识，希望对你有一定的参考价值。

你如果知道简单的问题要百度，已经强过一部分人了。

之前一直都是分享学习资源，看到这条问题下大家也是回答了一些学习“理论”。今天分享一些可落地执行的学习方法。

一、制定计划

想要学习好编程必须要指定一个计划，首先前端三驾马车大家都不陌生了。

大概学习20-25天即可，要是放在前几年，掌握这三样基本上就可以找到一份工作了。

  • JavaScript：20天
  • 环境基础：15天
  • Bootstrap（15天）、jQuery UI（15天）、Amaze UI；流行的前端框架：jquery mobile、angular.Js（20天）、Vue.js（20天）、React.js（20天）
  • Echarts（1周）、tableau（1周）

只是给大家做一个参考，并非时间层面上学了多少，而是技术层面上掌握了什么。建议每天练习代码的时间是学习时间的1-1.5倍左右。

选择框架方面，其实不必纠结了。最好是jQuery过一遍，然后Vue认真学一遍。另外Git的基础知识也很重要，但是这个就更简单了哈，几天就能完成学习。样式化的组件，如果，你知道JavaScript和CSS，就可以快速掌握它们。模块捆绑器，你很可能会在职业生涯中长期使用入门包。

二、找到好的资源

前端学习课程分享：

HTML+CSS-->移动web->JavaScript基础-->Web APIs->数据交互&异步编程-->Node.js-->Vue2+Vue3-->React核心技术-->微信小程序

黑马程序员前端：2022年前端学习路线114 赞同 · 18 https://zhuanlan.zhihu.com/p/450880163

三、一次学习专注一件事

有了计划+资源，下面就是行动了。学习就两个原则：

  • 从简单的开始
  • 一次专注一件事

使用HTML元素创建网站非常简单，这时候可以完全不用CSS，具有一个图像的简单页面或者具有少量输入的页面。熟悉HTML及在浏览器中的外观非常重要。

不要着急添加CSS或者是Js，比较你的网站在不同浏览器中的外观。你会以为这些差异感到惊讶的。

然后再去尝试CSS，可以以Google主页为例，也没有什么花样和复杂的。

随后在开始学习JavaScript。

始终只迈出一步，忽略除了当下学习以外的事情，随着时间的积累，技术会越来越熟练，再去尝试构建全面的网站。

HTML+CSS+项目

在基础到一些特性都学习结束之后，可以用一个大型的项目多页面的作为自己学习成果的检测。
HTML+CSS项目《品优购》完整笔记+源码（万字版可复制）：

四、建立学习习惯

太多人认为自己很难坚持每天学习了，大概两个星期才能抽出一个周末的时间。

看起来合理，如果大家可以把一个周末的16小时拆分成每天2-3小时就很合理。如果觉得很难做到，哪怕每天只有15分钟的学习也要这样，从养成习惯开始。

另外就是要多多练习，不管是建立网站、建立应用程序，能不能跑通先不说，重要是在学习的过程中寻找解决方案的方法。

五、信任学习过程

专注过程而不是结果，比如在第一个阶段的时候我给大家写了可参考的学习计划，但是你没有在25内学完了第一个阶段，没关系！

不要预测未来，因为编程确实存在复杂性，也不是说短时间内就可以掌握了。

所以，结果没关系，我们需要通过专注于学习的过程，而不是学习结果。

你可以每天一小时的Js学习，一周后，如果还在坚持，那就成功了。

JavaScript非常重要

基础部分（定义变量、函数、数组、字符串、内置函数、内置对象）——>面向过程的编程思想（在这里可以试着用自定义按钮、自定义播放器练习）——>面向过程编程思想（封装一些我们自己想的对象，提供有意义的接口）
笔记同样是为大家整理好了：

JavaScript最全拔高（更新中）

JavaScript面向对象开发相关模式/JavaScript创建对象简单方式到优化/JavaScript面向对象游戏案例：贪吃蛇

手把手教你学项目：

2022年黑马程序员前端学习路线图

以上是关于黑马程序员 | 如何高效自学前端？的主要内容，如果未能解决你的问题，请参考以下文章

Vue基础自学系列 | 前端工程化

黑马程序员Java自学资源汇总放送

黑马程序员怎么样

自学前端到什么程度，可以去找工作呢？

为什么很多自学前端的人最终都放弃了？

黑马JVM教程——自学笔记