1.1 什么是前端开发

前端开发是创建Web页面或app 等前端界面呈现给用户的过程，通过 HTML，CSS及JavaScript 以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
它从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。
随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。但其主要职能始终是把网站的界面更好地呈现给用户。
第一章：认识HTML - 图1
以前会 Photoshop 和Dreamweaver 就可以制作网页，随着网站开发难度加大、开发方式多样，网页制作更接近传统的网站后台开发，网页制作更多被称为Web前端开发。前端技术包括4个部分: 前端页面设计师、浏览器兼容、CSS、HTML”传统”技术与Adobe AlR、Google Gears，以及概念性较强的 交互式设计，艺术性较强的视觉设计等。
在Web1.0时代，由于网速和终端能力的限制，大部分网站只能呈现简单的图文信息，并不能满足用户在界面上的需求，对界面技术的要求也不高。随着硬件的完善、高性能浏览器的出现和宽带的普及，技术可以在用户体验方面实现更多种可能，前端技术领域迸发出旺盛的生命力。

1.2 前端三把斧

三把斧

第一章：认识HTML - 图2

:::info HTML是一种超文本标记语言，一种用于创建网页的标准标记语言。 HTML描述了一个网站的结构，是一种标记语言而不是编程语言 。 ::: 一个HTML元素是HTML文件的一个基本组成单元，是构建网站的基石。HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息，使文本在文档中具有不同的含义——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。
浏览器使用HTML标签(即<html>）和脚本(JavaScript）来诠释网页内容，但不会将标签显示在页面上。

什么是CSS

css，即层叠样式表（英语:Cascading Style Sheets，缩写: CSS;又称串样式列表、级联样式表、串接样式表、阶层式样式表)，是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，它的主要职能就是确定布局和元素的表现。
CSS不能单独使用，必须与HTML或XML一起协同工作，为HTML 或XML起装饰作用。其中 HTML负责确定网页中有哪些内容，CSS确定以何种外观(大小、粗细、颜色、对齐和位置)展现这些元素。CSS可以用于设定页面布局、设定页面元素样式、设定适用于所有网页的全局样式。

什么是JS

JavaScript（通常缩写为JS）是一种高级的、解释型的编程语言，它能使网页可交互（例如拥有复杂的动画，可点击的按钮，通俗的菜单、表单验证、页面特效、操作页面元素等)，常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
JavaScript支持面向对象编程，命令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等。它已经由ECMA(欧洲计算机制造商协会）通过ECMAScript 实现语言的标准化。

总结：如果把HTML比做身体，那CSS就好比是衣服，而JavaScript则意味着人能做的一些高级动作。