前端是啥？怎么从前端入门？

今天不知道要写点啥，想了想，很多关注我公众号的小伙伴似乎对前端这方面一无所知，那我今天就以我的理解来简单说一下前端到底是干什么的，怎么从前端入门？

简述

前端，其实单从这两个字就能联系到点东西：表面！就类似于一个销售人员，他需要工作在“前线”，如何推售自家公司的商品需要当面去说服别人。

而我所说的前端，简单理解就是做网页的。同样的是很表面化的，呈现给大众的东西。当然，不仅仅是呈现一个网页给大家，还得实现各式各样的布局、交互（点击，输入等）、动画、进行数据的交互（比如你发了一条微博，别人可以看到）。这就是前端，也是我所要去做的东西。

简单讲了一下前端的概念，接下来就讲一下怎么入门前端~

HTML

HTML（超文本标记语言），什么鬼东西~

举个例子：

在浏览器呈现的效果：

在上面的例子看到的就是所谓的超文本标记语言啦。当然还有很多很多的标签，这里只需知道这些是HTML即可。

所以说，HTML其实就是通过标签来显示内容的。

那么怎么学好HTML呢？

水到船头自然直，多敲就能记住~

CSS

CSS（层叠样式表），这又是干什么的呢？

举个例子：

在浏览器呈现的效果：

我在原来的基础上增加了一些CSS代码，有没有发现多了个漂亮的边框~

CSS可以简单理解为就是用来装饰网页的，当然，还有更强大的CSS3（建立于CSS基础之上），做出更绚烂的网页~

那么怎么学好CSS呢？

细水长流，多敲，用心去感受

这里安利一本书：《CSS世界》 作者：张鑫旭 这本书适合有一定基础的小伙伴们看。

JavaScript

JavaScript在前端可谓是中扮演着举足轻重的角色。各式各样的前端框架（便利的开发工具），各种网页上的骚操作都少不了JavaScript。没有了JavaScript，网页就相当于死了~

作为浏览器脚本语言的JavaScript到底有怎么样的魅力呢？我简单做了个示例：

在浏览器呈现的效果如下：

是不是感觉很有趣呢~~

那JavaScript怎么学习呢？

还是一句话：多敲，多练，多去理解

安利一本书：《JavaScript高级程序设计》 适合于有一定编程经验的初学者（了解过C java等）。

总结

入门前端无非就掌握上述所说的三大块，只有这三大块（HTML、CSS、JavaScript）的基础打牢了，前端才算是真正的入门了~

上述书籍的获取方式

回复：“CSS”即可获得《CSS世界》PDF

关注不吃亏