020-29815005
预约专线时间:09:00-23:59

新人怎么学习Web前端

新闻来源:本站 日期:2021-05-31
有一个问题出现在知乎上,问题如下:大二,学前端差不多有一年了,html,css,js,jq,less,bootstrap这些不敢说精通,但也精通,做项目也不少。刚开始学习react的时候,开始觉得力不从心,后来才明白webpack,npm,node等等都是一脸懵逼,各种配置命令都看不懂,就好像到了另一…
  到达这一阶段该如何继续学习,是我基础知识不够扎实的问题吗?对此,我想说说我的理解吧。这一“先易后难”的现象,实际上不仅存在于前端,也存在于其他任何一个领域。导读:随着学习的不断深入,需要学习的东西越来越多,复杂程度也越来越高,这很正常。

  当你回想起刚开始学习数学时,会不会感到它很简单:1+1,1-1。后来慢慢开始学习乘法、方程式、积分,是否感觉越来越难,步履蹒跚。返回到题目上。实际上,web前端是编程界最容易入门的一个分支,其中html、css、js、jq、less、bootstrap可以被理解为是数学上最简单的加减乘除法,因此,当你学习一下html、css、js,你就会发现你可以写页面,做一些简单的项目。那么如果只是局限于做网页,不管做再多的项目,你也只是网页仔,技术水平并没有提高。此时你突然去接触react、webpack、npm这些先进的前端框架和工具,就像从1+1跳到微积分求解一样,当然会懵逼,觉得这还是前端嘛,我之前都学过什么啊。


web


  所以首先排除学习者本身的学习态度问题,我们假定大家都是努力学习的人,题主所说的问题实际上就是学习顺序问题。我认为,一个简单的前端项目从开发到上线,需要经过以下几个步骤:

  使用html来实现页面结构。

  css实现了页面样式。

  js实现页面交互

  使用诸如grunt或gulp等压缩混淆工具来处理css和js文件,减少css文件和js文件的体积,实际上从这一步开始就是前端项目的构建,即进入题主所谓的另一个世界。

  部署项目:如果您一直局限于前三步,那么肯定没有什么进展。在第四步开始,我们确实需要花大量的时间来研究学习。先以grunt或gulp这个构建工具为例,如果您非常熟悉js,那么grunt或gulp中的每一行代码都是可以读懂的,您需要了解的就是这些。

  为什么会出现这些工具,以及他在开发和构建上线流程中扮演了什么样的角色。

  他可以实现什么?对于每个功能,具体的代码实现情况如何?

  为什么要这样来实现这一点,按照这样的研究学习顺序,你会发现这些东西都是由非常简单的无数接口组合而成的。学习一种工具,然后按照整个项目的工程顺序研究下一步需要什么。像webpack,react之类的单词和上面提到的grunt没有什么区别,自己也可以逐步掌握。