Front-End Developer Handbook 2017 前端开发人员手册2017(2)

什么是前端开发人员

原文https://frontendmasters.gitbooks.io/front-end-handbook-2017/content/what-is-a-FD.html

前端web开发,也称为客户端开发实践产生HTML、CSS和JavaScript的网站或web应用程序,这样用户可以直接看到并与之交互。与前端开发相关的挑战用于创建一个网站的前端的工具和技术不断变化,因此开发人员需要不断注意领域是如何发展的。

设计一个网站的目的是确保当用户打开网站他们看到的信息格式很容易阅读和相关。这是事实进一步复杂化，现在用户使用多种不同的屏幕尺寸和分辨率的设备，从而迫使设计师在设计网站时考虑这些方面。他们需要确保他们的网站正确地出现在不同的浏览器 (浏览器兼容性),不同的操作系统(跨平台)和不同的设备(跨设备),这需要开发人员的仔细计划。

HTML, CSS, & JavaScript:

前端开发人员架构师和开发网站和应用程序使用web技术(例如DOM、HTML、CSS和JavaScript),在网络平台上运行或作为输入为非web平台编译环境(例如,NativeScript)。

 

 

  Image source: https://www.upwork.com/hiring/development/front-end-developer/

通常情况下,一个人进入前端开发的领域通过学习开发HTML,CSS和JS代码,运行在web浏览器中,无头浏览器,Web视图或作为本地编译输入运行时环境。下面将详细介绍这四个运行时的场景。

Web Browsers（浏览器）

web浏览器是用于检索、显示和遍历万维网信息的软件。通常情况下,浏览器运行在台式机或笔记本电脑,平板电脑,或者手机上,但是近来浏览器浏览器可以找到任何东西(例如，冰箱,汽车等)。

最常见的web浏览器(最先使用的顺序所示):

Chrome

Internet Explorer (Note: not Edge, referring to IE 9 to IE 11)

Firefox

Safari

Headless Browsers

Headless browsers是一个没有一个图形用户界面的 web浏览器,可以用命令行接口编程的方式控制来达到web页面自动化(如。单元测试、功能测试、刮,等等)。Headless browsers被认为是一个浏览器,可以从命令行运行,可以检索和遍历网页。

最常见的Headless browsers:

PhantomJS

slimerjs

trifleJS

Webviews（网络视图）

webview被本地操作系统使用,在本机应用程序中运行web页面。awebview 像内联框架或单个选项卡对于web浏览器，是嵌入在设备上运行的本地应用程序(例如,iOS、android、windows)。

webview发展最常见的解决方案是:

Cordova (typically for native phone/tablet apps)

NW.js (typically used for desktop apps)

Electron (typically used for desktop apps)

Native from Web Tech

最终,前端开发人员可以学习web浏览器开发来规范不受浏览器引擎控制的代码环境。近来,开发环境正在使用web技术创造出来 (例如：CSS和JavaScript),不需要网络引擎,去创建本地应用程序。

这些环境的例子有:

NativeScript

React Native