在本文中,我将向您介绍如何作为一名全栈软件开发人员开始我的道路,特别是关于微宇宙学校计划的第一部分,其中包括前端开发的两个元素,它们是HTML和CSS,而不是仅此而已,这将包括HTML和html5之间的差异,CSS与CSS3之间的差异,以及关于我一生中始终忽略的一件奇妙的事情,在某些情况下会节省您的生命,即框架
。
HTML和HTML5
HTML或超文本标记语言被称为Internet的主要语言。随着时间的流逝,HTML进行了许多更新,当前,最新的HTML版本是HTML5。这两个版本之间的一些区别是:
HTML5同时支持音频和视频,而这些都不是HTML的一部分
HTML不允许JavaScript在Web浏览器中运行,而HTML5完全支持JavaScript在后台运行。
在HTML5中,可以在文本中使用内联MathML和SVG,而在HTML中则不能。
HTML5支持新型的表单控件,例如日期和时间,电子邮件,数字,范围,电话,URL,搜索等。
HTML5中引入了许多新元素。其中一些重要的内容包括摘要,时间,音频,详细信息,嵌入,figcaption,图,页脚,页眉,文章,画布,导航,输出,节,源,音轨,视频等。
CSS和CSS3
级联样式表或CSS是网页设计的关键元素。作为Web开发人员,必须强制使用此工具,您将创建一些精美的网页,不仅可以给您样式,还可以显示您的创造力。
CSS的最新版本是CSS3版本,在合并Modules和其他更改方面与CSS2不同。通过模块,可以在更短的时间内轻松完成设计,同时更新各个功能和规格。CSS3版本比CSS2支持更多的浏览器。
某些更改/添加包括:
-新组合器
-新的CSS选择器
-新的伪元素
-新样式的属性
响应式设计
对于人们来说,当今,与任何类型的设备建立连接非常重要。今天,您可以管理所有手机或平板电脑上的所有信息,而不必拥有一台PC。
现在,您可以使用CSS的媒体查询使网页适应任何分辨率,但是首先,您需要考虑在手机分辨率或台式机上首先要使用哪种分辨率。
好消息是,您可以在分辨率最低的手机上(例如,最大的4k屏幕上)查看网页或应用。
框架和库
好吧,这一次,当您发现这些工具的存在时,是在问自己为什么我必须编写这么多代码,是的,您是对的,该框架将使您的代码变得更容易和更短。
除此之外,我们还有诸如Bootstrap,Foundation和Semantic-UI之类的库,在其中我们只需要将它们的CSS文件墨迹为和JavaScript / jQuery库,就可以开始了。但是在开始使用之前,您必须先学习所有背后的魔术
萨斯
是一种CSS预处理语言,并且像框架一样,它将使您的生活变得更加轻松,当您看到必须编写大量CSS(如1000行)时,这就是ss预处理程序(如SASS,SCSS,LESS)的位置,使用它们,您可以使用CSS中尚不存在的变量,例如变量,嵌套,mixin,继承等。
如果您正在开始Web开发,并且对开始“实际编程”感到很奇怪,那么您会很满意的知道,使用CSS预处理器几乎就像编程一样。
结论
好吧,在这里我向您描述了我如何进入本程序的第一部分,请记住每个人都有自己的学习进度,当您不了解某些内容时不要那么着急记得要获得某种形式的伟大支持学习是克隆页面,从合作伙伴那里获得支持,从不同来源寻找信息。记住,您掌握了很多信息。
扫描下方二维码
获取web前端、学习资料视频
备注‘公众号’