本文是维基百科相关页面的翻译,主要介绍了前端编程的三大工具以及发展目的。
前端网络编程,也被认为是用户端编程,是为了网页或者网页应用,而编写HTML,CSS以及JS代码,所以用户能够看到并且和这些页面进行交流。前端网络编程的挑战在于用于实现前端页面的工具以及技术变化得很快,所以工程师需要不断注意产业是如何发展的(例如去年的ECMAScript 6)。
设计网页的目的在于:确保用户打开站点的时候,信息是以容易阅读并且相互关联的形式呈现的。随之带来的问题是,现在用户实用大量的设备来访问网页,这些设备具有不同的屏幕尺寸以及清晰度。所以设计者在设计网页的时候需要注意这些方面。他们需要确保他们的网页在不同的浏览器、不同的操作系统以及不同的设备上显示正确,这需要在工程师端进行仔细的计划。
前端网络编程所使用的工具
这里有一些工具能被用于进行前端编程,理解工具最适用于哪些任务,这有助于产生一个高质量的、可升级的站点。
超文本标记语言(HTML):
HTML是任何网页工程程序的骨架,没有它网页不会存在。超文本标记语言能提供站点总体的样子。HTML被Tim Berners-Lee所发展。随着HTML的发展,在万维网中产生了许多版本。最新版本的超文本标记语言被称为HTML5,在2014年0月28日被W3所推出。这一版本包含了新的并且高效的方式来传输元素,例如音频以及视频文件。H5在前端工程师中非常受欢迎。和老的版本相比,HTML5有很多特点。
随着HTML的发展,在网络中产生了一场革命。现在,世界开始通过同一种语言相互交流,那就是超文本标记语言。其由两种部分组成,第一是超文本(就是超链接),第二是标记语言(raditionally written with ablue pencilon authors'manuscripts.)。
层叠样式列表(CSS):
CSS控制了站点的样子,让你的站点有自己独有的外观。其实现形式是:保证样式列表先于其他的样式规则,由其他的输入形式所影响,例如屏幕的尺寸和分辨率。
JS:
JS是基于场景的命令式语言(和HTML的说明性语言不同),用于将静态的HTML界面动态化。JS的代码能使用HTML标准提供的文档对象模型(DOM),来根据事件,例如用户的输入,操纵网络页面。
使用一种被称为异步JavaScript和XML的技术(AJAX),JS代码也能动态的改变网页的内容(与原始的HTML页面端相独立),并且也能回应服务端的事件,让网页体验增加了真正动态的特性。
发展的目的
前端工程师牢记以下要点,使用可获得的工具以及技术来到达后端。
可达性:
随着移动设备(例如例如手机和平板)的持续发展,设计者需要确保他们的站点在所有的设备中的浏览器正确运行。这能通过在CSS的样式列表中使用响应式的网页设计(responsive web design)。
性能:
性能指标主要关注加载时间,使用HTML,CSS以及JS来确保站点快速打开。