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

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

简述

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

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

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

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

关注不吃亏

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180724G1TE7C00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券