第1章 前端开发者是什么？

本章阐述了前端开发和前端开发者训练的基本说明。

Web前端开发，也称为客户端开发，是为网站或Web应用程序生成HTML、CSS和JavaScript的实践，以便用户可以直接看到它们并与之交互。与前端开发相关的挑战是，用于前端创建网站的工具和技术不断变化，因此开发者需要持续了解该领域是如何发展的。

设计一个网站的目的，就是确保当用户打开网站时，看到的信息被格式化成易于阅读且相关联的。更复杂的是，现在用户使用大量、不同的屏幕尺寸和分辨率的设备，从而迫使设计师在设计网站的时候不得不考虑这些问题，他们需要确保页面能够在不同的浏览器(跨浏览器)、不同的操作系统(跨平台)和不同的设备(跨设备)中正确运行，这就需要开发者进行仔细的规划。

— 维基百科

第1章 前端开发者是什么？ - 图1

图片来源：https://www.upwork.com/hiring/development/front-end-developer/

前端开发者…

前端开发者使用Web技术（HTML、CSS和JavaScript）来设计和开发网站以及Web应用，这些技术通常运行在开放的Web平台或作为非Web平台本地运行时环境(如React Native)。

一个人通过学习构建一个依赖于HTML、CSS和JavaScript的网站或Web应用程序进入前端开发领域。这些应用程序通常在Web浏览器中运行，但也能运行于无头浏览器、WebView或者的本地运行时环境中运行。下面将详析这四种运行时场景：

（最常见的）Web浏览器

Web浏览器是用来检索、展示、遍历WWW信息的软件。通常，浏览器运行在台式电脑或者笔记本电脑、平板电脑和手机上，但最近几乎能在任何设备（如冰箱、汽车等等）上找到浏览器。

最常见的Web浏览器（按使用次数排序）是：

无头浏览器

无头浏览器是一种没有图形用户界面的Web浏览器，可以通过命令行界面以编程方式控制该界面，以实现Web页面自动化(例如，功能测试、抓取、单元测试等)。可以将无头浏览器看作可以从命令行以编程方式运行的浏览器，该命令行可以检索和遍历Web页面代码。

最常见的无头浏览器有：

webview

webview被用在原生操作系统上，在原生应用程序中运行Web页面。可以将webview想象成是网页浏览器的一个iframe或一个单标签，它被嵌入在设备里所运行的原生应用程序(例如，iOS、android、windows)中。

webview开发最常见的解决方案有:

  • Cordova (手机和平板的原生应用程序)

  • NW.js (桌面应用程序)

  • Electron (桌面应用程序)

Web原生技术

最后，前端开发者可以从Web浏览器开发中学习到，编写代码不需要考虑浏览器引擎的限制。最近，开发环境正被设想成可以利用Web技术(例如，CSS和JavaScript)来构建原生应用程序，而不使用Web引擎。

这些环境的一些例子有:

注：

1、确定你已经清楚地理解了“Web平台”的含义。阅读“Web开放平台”的维基百科页面。探索构成Web平台相关的众多技术。