计算机专业学生前端该怎么自学？

前端，是最容易上手的技术之一，只要是跟着做一个产品，基本上都能很快上手。

特别是传统的HTML、CSS、javascript三剑客。

也就是说，你基本上不需要懂得什么太多的理论，就是反反复复地做，做个几年，也能做（点）事了。

就象过去的师傅带学徒一样，或者就象驾校的教练带学员一样。

但是，你要上一个（大）台阶，那就需要理论结合实践了。

我一向认为，在学一门技术之前，要做好两个心理准备，一个是心性上的，一个是目标上的。心性上的，就是说，肯定有一个学习过程，肯定会碰到困难，所以要耐住性子。目标上的，也就是说，不要只看到单项技巧，而且还要知道，这是在做一个什么产品，用什么技术来做，做的过程是什么样的，乃至于为什么这样做。

所以，前端工作，总体上是一个以信息呈现为目的的视觉产品（不包括游戏）的开发。那么，有两点，第一点，信息呈现，第二点，视觉效果。

信息，分为静态信息和动态信息。静态信息，就是直接存储在HTML文件的信息，根据用户的需要，从Web服务器发送给客户机浏览器；而动态信息，它是存储在数据库中的信息，根据用户的需要，从数据库中取出信息，动态地构成一个HTML（页面），发送给客户机的浏览器。

在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】 每天更新最新技术文章干货。

视觉效果，分为静态的和动态的。跑马灯就是动态的。静态的，比如始终不变的颜色。

这样一来，问题就是说，用什么技术来组织信息，来达到视觉效果。

打个比方，可以在黑板上画画，那么，黑板就成一个容器。

前端呢？没有黑板，我们在脑海上虚构出一块黑板。那么，HTML、CSS、javascript就是用来在这个虚构的黑板上画出内容的技术。这是最传统的前端技术。俗称前端三剑客。

虽然现在不常用了，但是，这仍然是前端入门的基本功，就象画画的基本功一样。所以学前端的第一步，就是老老实实坐下来，好好地学习前端三剑客，开发静态网站，你只要搜索一下网页素材，就可以找到很多的实例。各种类型的做一套出来。

基本功之后，才是动态网页，也就是jsp、php等脚本，然后，再才是各种MVC和action方案。这些仍然在用。

之后，再才是组件化开发和工程化开发。

最后，再才是各种前后端分离、分布式，等等。

等到你把基本打扎实了，然后学会jsp，以及某种MVC技术方案之后，基本就上趟了。