四个阶段,帮你全面认识前端

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了四个阶段,帮你全面认识前端相关的知识,希望对你有一定的参考价值。

前端好比盖房子,前端的学习大致可以分为下面几个阶段;

第一阶段——html标签的学习

    超文本标记语言(Hypertext Mark-up Language 简称HTML),“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。html是一个网页的骨架,就好比是盖房子的结构,这也是前端页面的基础。试着想一下,如果一个房子连砖头和水泥都没有,后面的步骤又有什么意义呢?所以我们必须完全掌握HTML的基本结构和常见的标签、属性。有了一个好的开始,距离成功已经一小半啦。

第二阶段——CSS的学习

    CSS就是对房子进行装修。CSS,层叠样式表——(Cascading Style Sheets),是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

  CSS看似比较繁杂,其实只要掌握了CSS中的盒子模型、定位、以及页面布局,就基本上掌握了大半啦。

   说完装修,我们终于要给房子打造一些功能啦~follow me~

第三阶段——javascript

    JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
    简单来说,java script是一个可以运行在浏览器上面的语言(当然现在基于一些库/框架已经远不只是在浏览器上了),它可以操控浏览器,让浏览器听从我们的命令。这有点像一个电视剧和遥控器,而java script就是我们的遥控器。浏览器根据java script的指令,做出相应的反馈。比如操作DOM(也可以理解成为操作HTML),可以操作CSS。有了java script就可以让我更加灵活&动态的操控HTML,CSS.

    严格来说、HTML和CSS还算不上真正的“语言”,而java script却是如假包换的脚本型语言,既然是语言,那就会有字符串,数组,对象等等。而我们的java script可以处理这些与数据有关的工作,比如给数组排个序等等。

    而我们依靠java script可以做些什么呢?网页上常见的轮播图,网站的注册功能,提交我们的留言,刷新获取新闻等等。当然,我们强大的java script远不止此啦。

第四个阶段——jQuery

     jQuery是一个兼容多浏览器的java script库,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。如今,jQuery已经成为最流行的java script库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。如果继续用盖房子做例子,jQuery更像是一个装修队。我们只需要关注我们的房子设计本身,把我们的想法,理念告知这个装修队,让它来给我们处理那些杂七杂八的事情。比如会不会吵到邻居?怎么协调物业?干活总得有人手的,对吧...

  jQuery的优点我就不挨个说啦,一句话,jQuery是你更上一层楼的利器,也是我们前端er一大利器!

以上是关于四个阶段,帮你全面认识前端的主要内容,如果未能解决你的问题,请参考以下文章

一张图帮你记忆,Spring Boot 应用在启动阶段执行代码的几种方式

当下阶段,很多人对于区块链的认识依然是不全面的

Web前端工程师初级阶段需要掌握的内容

体系化带你全面认识 Nginx !

万字总结,带你全面系统的认识 Nginx

Chapter 1 全面认识软件测试