一、前言
(1)网页都有什么?
大家可以看到,一个网页包含内容(文字图片等),包含显示的样式(颜色,大小等),也包含了动画和复杂的功能。它们分别用HTML5+CSS3+JavaScript去实现。
(2)W3C是什么?
W3C组织是对网络标准制定的一个 非盈利组织 ,W3C是World Wide Web Consortium( 万维网联盟 )的缩写,像 HTML 、 XHTML 、 CSS 、 XML 的标准就是由W3C来定制。
二、前端核心技术介绍
(1)HTML是什么?
HTML全称:Hypertext Markup Language(超文本标记语言)
HTML是一个描述性语言,在网页设计中,HTML用来书写网页的内容。现在已发展到第5版本,也就是所说的HTML5,支持了更多元素,也摒弃了某些元素。(元素就是HTML中的语法)
(2)HTML的语法
HTML不像C语言等编程语言严格的追求语法的正确性,HTML追求的是语义的正确性。
什么是语义的正确性?
打个比方,你现在有塑料瓶、保温杯和一个碗。现在你要去上班,那么你会用哪个容器装水呢?
很显然保温杯最适合。
这时候有人会说为什么不用塑料瓶?当然用塑料瓶也可以,用碗也能装,但是场景不合适。
这就是我要说的,HTML的每个元素都相当于一个容器,有着自己特定的用途,当然你也可以违背它本身的用途去使用,甚至不会报错。
这就归根于HTML语言没有极其严格的语法(但是也有基本语法)
(3)CSS是什么?
CSS全程:层叠样式表,用来设置网页显示的内容(颜色,大小等),目前最新版本为CSS3
(4)JavaScript是什么?
JavaScript是一个门脚本语言,用来为网页添加复杂的动画或复杂的功能。
三、准备工作
(1)挑选编辑器
我推荐使用vscode来学习,它不仅操作简单,也方便使用,下载vscode地址。
(2)挑选浏览器
Chrome,Firefox,Opera,Safari,Edge,这里不建议使用IE,IE已经基本淘汰。
(3)挑选服务器
服务器是网页编程不可或缺的部分,他用来上传或下载数据
由于是学习阶段,可以使用本地电脑作为服务器来学习,具体教程在后面会介绍。
(4)挑选教材
本教程是基于HTML5权威指南来进行编写,大家可以自行上网寻找。
为什么基于本书编写?
本书通俗易懂,概念清晰,适合初学者或者老手进行学习或快速复习使用,可以做到快速入门,快速复习,一本好书对学习来说是至关重要的。
(5)如何学习
根据教材,制定属于自己的计划,本书页数虽多,但学习简单。一定要记好笔记!本教程的提炼和补充都基于个人笔记,所以笔记的重要性很大!
同样我们需要一个官方文档去配合本书进行学习,这里推荐MDN,它的作用就是一个词典,哪里不懂的,就可以去翻这个文档。
四、结语
本教程将会不断更新,尽力做到篇幅小。内容基本是书中的干货,其中有提炼的内容也有扩展内容,以便于大家更好的理解前端编程,可以为新手提高学习效率,从而达到快速入门。
喜欢本教程的各位朋友,麻烦点个关注,谢谢!