计算机专业的学生如何系统的学习前端技术？ 第1页

在我的自学团中总会遇到很多小伙伴私信说

才学到CSS或者js，觉得很难，感觉前端好多东西需要记，无从下手；

感觉思路很混乱，不知道下一步该学什么，怎么学；

专科学的不是很深，想放弃又不舍

……

会有这样的想法，说白了就是脑海里没有一个系统的学习路线，没有规划，看下面这张图，你看到第一眼是不是感觉很复杂，瞬间想放弃了。

但是，你把它细化一点，比如HTML用15天学完，CSS用20天，这个一个个拆解开来是不是就会好很多呢？

所以说学习最忌急躁，静下心来一个个攻克，最后你就是胜利者，不要想着还没入门就想放弃。

接下来推荐一下学习方法：

一、打好基础

HTML、CSS、JavaScript三大基础，必须完全掌握

1.HTML，重点掌握语义化，区分块级和内联标签。其他查文档就好。

2.CSS，重点看盒子模型，定位，层级，过渡，动画和transform。知道原理和规则。大部分工作都是照着设计稿画。掌握上面几个99%还原也不难。

3.JavaScript，掌握Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。

推荐书籍《JavaScript高级程序设计》第四版、《你不知道的JavaScript》就这两套足够了。每个知识点要懂。

二、框架方面

前期要会用，后期要懂原理。

建议小白先学Vue。Vue比较简单，容易上手。照着官方文档学习就可。原理方面要提高自己认识，学习怎么看源码，可以常去github逛逛。

学完Vue，可以去了解下React、Angular再回过头来看Vue。你会发现他们是如此的相似去又不同。

多去实践总结，对整体框架理解会越来越深刻。

三、如何看源码

小白刚入手开始看源码肯定有些困难。一是无从下手；二是看不懂，没有什么收获。

建议先从简单的入手。别一开始就vue、react、webpack 太难，会直接劝退新人。不要为了面试而去读。反而效果不好，面试稍微问深入一点就答不出来了。平时有兴趣多琢磨琢磨。按照难易程度，函数库 < 组件库 < 框架 < 工程化 分别典型代表 lodash < vant < vue < webpack

今天先写到这里，太多了也消化不了，改天再来分享

最近很多小伙伴来问我怎样来学习web前端，在这里给大家提几点建议：

•找一个志同道合的小伙伴，组队一起学习，可以互相分享学习经验、学习方法、互相监督、遇到问题也可以互相讨论。

•查阅资料、视频、书籍 。一定要建立一个自己的知识框架，有计划的学习，很多同学盲目的看到别人的推荐，选择大量的资料来学习，这会导致学的内容不成体系，所以完整的知识框架可以使学习效果事半功倍。

•每日计划，每天给自己定一个目标，要贴合实际情况。也不要定的太高，导致完不成容易丧失信心。一定要制定清晰的学习计划。然后每天晚上总结一下今天所学的内容。

•项目实战，也是最重要的一点。找一些系统的视频教程来跟着老师做，可以把这个项目写进简历里，丰富一下简历，找工作会容易很多。

也有很多小伙伴私聊我反应说没有项目经验找不到工作，于是我们组建了自学团，每天一起打卡学习，我会严格监督你们的。下面是我们一起做项目，在交流群讨论的过程，欢迎大家加入。

看完记得给我点赞呀，感兴趣的可以给我留言或者私信我！