1.4 Wed前端技术简介：

1.4.1 初识wed前端：

Web前端，顾名思义，是指网站或网页的客户端部分。它负责用户在浏览器中看到的界面和交互体验。Web前端开发涉及的技术包括HTML、CSS和JavaScript，这三者通常被称为前端开发的三大基石

1.4.2 Web前端开发的主要技术：

1. HTML（超文本标记语言）：

   • HTML是构建网页内容的基础，用于定义网页的结构和内容。
   • 通过HTML，开发者可以创建文本、图片、链接、表格、列表等网页元素。

2. CSS（层叠样式表）：

   • CSS用于控制网页的样式和布局，包括颜色、字体、间距、对齐方式等。
   • 它允许开发者将内容和样式分离，提高代码的可维护性和复用性。

3. JavaScript：

   • JavaScript是一种脚本语言，用于实现网页的动态交互功能。
   • 它可以用来处理用户输入、操作DOM（文档对象模型）、发送AJAX请求等。

 1.4.3 Wed前端开发工具：

浏览器，网页编辑器，切图软件。

1. 浏览器

• Google Chrome：Chrome浏览器内置了强大的开发者工具（Chrome DevTools），可以用来调试HTML、CSS和JavaScript，查看网络请求，监控性能等。

2. 网页编辑器

• HBuilderX: 学习使用。 

  适用场景

• Web 开发者：适用于开发各种 Web 应用，包括网站、Web 应用程序和混合应用。
• 设计师：可以用于快速开发和测试设计原型。
• 初学者：提供丰富的教程和模板，适合初学者入门。

3. 切图软件

• Photoshop：Adobe Photoshop是图像处理和设计软件的佼佼者，常用于网页设计的切图工作。
• Sketch：一款专为Mac设计的矢量图形设计工具，广泛用于移动端和Web界面的设计。
• Figma：一个基于云的界面设计工具，支持多人协作，可以实时预览设计效果。
• Adobe XD：Adobe XD是另一款用于界面设计的工具，提供了丰富的原型设计和交互功能。

其他常用工具

• Git：版本控制工具，用于管理代码的版本和协作开发。
• Webpack：模块打包工具，用于优化、打包前端资源。
• Gulp：自动化构建工具，用于自动化前端的编译、压缩、合并等任务。
• Babel：JavaScript编译器，用于将ES6+代码转换成ES5代码，以兼容旧版浏览器。
• NPM/Yarn：包管理器，用于管理项目依赖。