前端学习（一）

前端学习（一）

超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。 网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。
——《HTML_百度百科》

我们学习HTML也就是学习网页的制作，首先我们应当了解，我们日常生活中访问一个网站的流程是怎样的：定位URL -> DNS解析 -> 指定IP-> Web服务器接收HTTP请求 -> HTML文本资源发送回用户

这个流程我们可以理解成web的工作原理。

统一资源定位符（Uniform Resource Locator,URL）是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它
——《百度百科_URL》

访问一个网站就像去拜访一户人家比如说你二舅，首先你得知道人家住哪，也就是住址

DNS（Domain Name Server，域名服务器）是进行域名(domain name)和与之相对应的IP地址 (IP address)转换的服务器。DNS中保存了一张域名(domain name)和与之相对应的IP地址 (IP address)的表，以解析消息的域名
——《百度百科_DNS》

好了，现在你知道了你二舅的住址，但是你家电脑不知道啊，电脑只认IP地址，所以你还需要一个东西，把你二舅的住址转换成一个IP地址，这样你的电脑才能知道，你想去哪。这个东西就叫DNS。且：一个IP地址不一定只对应一个域名，且一个域名只可以对应一个IP地址。

Web服务器接收HTTP请求。字面意思，就是你历经千幸万苦终于到你二舅家门口，提手按响门铃，二舅早已恭候多时给你开了门，前者就是“HTTP请求”，后者就是“Web服务器接收”。HTTP、Web以后在看是什么东西

HTML文本资源发送回用户。也是字面意思，你进了你二舅的家，二舅非常高兴，并给你递上了一瓶82年的雪碧。

DONE！

大多数网站页面会包含很多超链接，有内链接和外链接。内链接连接到本地网站内部资源，外联结连接到外部网站的其他网页或者网络资源。像这样的集合，就形成了一个所谓的信息的“网”！这个网运行在因特网上，构成了最早在1990年初 Tim Berners-Less所说的万维网。

成为一个Web前端开发工程师的具体要求如下：

1. 掌握前端开发技术，包括（X）HTML，CSS，JavaScript，DOM，BOM，AJAX等。还需要了解他们在不同浏览器上的兼容情况、渲染原理、BUG
2. 掌握网站性能优化、搜索引擎优化（SEO）和后端开发的基础知识
3. 除了掌握技术层面只知识，还有许多理论知识，包括代码的可维护行、组件的应用型、分层语义模板和浏览器分级支持等
4. HTML5、网站交互设计模式

备注：随着前端技术的发展，这一领域的工作已经细分得越来越精细，原来前端工程师们还要求掌握的Web视觉设计、网站配色等等,,,,现在已经不属于前端工程师的工作范畴。当然一人当成2、3人用的情况也很多见，我们仍需了解这方面知识

而我们的学习也应该根据要求来针对学习

HTML、CSS、JavaScript称为“Web标准三剑客”

HTML是构成Web页面的基础，为什么说是基础呢，回想我们平时浏览网页，我们打开一个网页，即开始阅读网页上承载的内容，这个内容就是由HTML文本说明的，所以可以说我们浏览一个网页就是浏览构成这个网页的HTML文本。
但是，仅仅是这样是不够的，如果没有一个美丽的外表，怎能让别人有兴趣了解你的内在呢？
在这样的需求下，我们就需要学习CSS（层叠样式表），通过CSS技术可以有效地对页面的各种效果进行精确到像素地控制，达到你想要的效果，做出精致的页面，解决了网页内容与表现分离的问题。
但是，这样也是不够的，因为还缺少了互动。
JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。它常用于给HTML文本添加动态功能，有了它，网页就能响应用户的各种操作，增加了互动性。

我们从第一位剑客，HTML开始学习…