今天学习《番外篇》第1章认识计算机世界的第6课,认识网页开发基础概念。这是这一章的最后1课,学完它代表概念准备阶段完成。
学习目标
- 了解什么是JavaScript、什么是ES6。
- 认识JS语言的三个主要特征:动态性、弱类型、解析执行。
- 了解Console面板常用的调度方法,学习使用console.log。
- 了解什么是HTML、什么是HTML5、什么是CSS。
- 了解什么是JS的宿主环境。
- 了解什么是画布(Canvas)。
主要知识点/技能点
- ES6 是指 JS 对 ECMAScript 第 6 版标准的实现,ECMAScript 是 ECMA 国际组织颁布的语言标准。
- JS 是一门高级的、动态的、弱类型的、基于原型的、解释型的、面向对象的高级脚本语言。在JS中,一切皆为对象。
- console.log 是一个几乎在所有宿主环境都实现的通用日志方法,调用它可以打印内容到控制台。
- HTML 是一种前端富文本标记语言。在浏览器中打开任何一个网页,查看源代码,我们看到的都是 HTML 代码。
- CSS 是一种美化网页的标记性语言。如果说程序员用 HTML 盖起了房子,那么 CSS 就是装饰房子的软饰。
- JS 代码靠宿主环境解析才能执行。浏览器、Node.js、微信小程序等,这些都是 JS 的宿主环境。
- HTML5 简称 H5,是W3C定义的 HTML 规范第 5 版。
- Canvas,中文叫画布,是 HTML5 新增的可绘制元素。
实践疑难点
- HTML示例(例如第1章\1.6.4\index.html)一般是一个HTML页面,将内容保存到本地,文件后缀设置为html,使用浏览器打开就能看到效果,此时浏览器是它的宿主环境。
- Console方法可以在浏览器的开发者工具中使用,也可以在微信开发者工具的调试区使用。
- console.log是程序员最常用的调试方法。不要以为有经验的程序员都不用打印日志的笨方法调试程序,事实上像发明C语言的肯·汤普逊这样的大神,也使用打印的方式调度自己的程序。只有当程序的异常实在难以猜测和理解时,程序员才会祭出Debug断点工具。断点调试会打断正常的编码节奏,这或许是大神不喜欢用它的原因。
小结
到这里该了解的基础概念已经了解得差不多了,下一步便是进入前端篇进入实践学习。如果觉得印象还不够深刻,可以往回翻看,或者看一下目前这三步的主要知识点。
从上向下建立知识体系,能让我们了解我们学习的技术在计算机世界中处于什么位置,这对读者建立全面的知识体系而言是十分有必要的。但如果让读者从头阅读几部黑色经典大部头,或者看MDN文档,又是很浪费时间的,目前的这种方式作者认为对读者是最友好的。