web前端开发 | 青训营

83 阅读3分钟

一、Web前端开发

前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。

二、前端开发的核心技术

2.1 HTML

  • 掌握HTML是网页的核心,是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。因此,它是网络上应用最为广泛的语言,也是构成网页文档的主要语言,学好HTML是成为Web开发人员的基本条件。
  • HTML是一种标记语言,能够实现Web页面并在浏览器中显示。HTML5作为HTML的最新版本,引入了多项新技术,大大增强了对于应用的支持能力,使得Web技术不再局限于呈现网页内容。
  • 随着CSS、JavaScript、Flash等技术的发展,Web对于应用的处理能力逐渐增强,用户浏览网页的体验已经有了较大的改善。不过HTML5中的几项新技术实现了质的突破,使得Web技术首次被认为能够接近于本地原生应用技术,开发Web应用真正成为开发者的一个选择。
  • HTML5可以使开发者的工作大大简化,理论上单次开发就可以在不同平台借助浏览器运行,降低开发的成本,这也是产业界普遍认为HTML5技术的主要优点之一。AppMobi、摩托罗拉、Sencha、Appcelerator等公司均已推出了较为成熟的开发工具,支持HTML5应用的发展。

2.2 CSS

  • 学好CSS是网页外观的重要一点,CSS可以帮助把网页外观做得更加美观。

2.3 JavaScript

  • 学习JavaScript的基本语法,以及如何使用JavaScript编程将会提高开发人员的个人技能。

2.4 操作系统

  • 了解Unix和Linux的基本知识,对于开发人员有益无害。 网络服务器
  • 了解Web服务器,包括对Apache的基本配置,htaccess配置技巧的掌握等

三、web标准

web是非常开放的

WEB标准是指网页设计和开发的一系列标准,它们被设计用来确保网页在各种浏览器和操作系统上显示出正确的样式和功能。WEB标准主要包括结构(Structure)、表现(Presentation)、行为(Behavior)。

3.1 标准组织

W3C、Ecma、WHATWG、IETF

3.2 结构(Structure):

结构是指网页的基本框架,它是网页的基本组成部分,主要包括HTML、XML等标签语言。结构规范是指网页的框架结构,包括标签的正确使用,标签的正确嵌套,以及标签的语义化等。

3.3 表现(Presentation):

表现(Presentation)是指网页的外观,它是网页的美观度和可读性的重要体现。表现规范是指网页的外观表现,包括文字的字体、大小、颜色、间距、布局等,以及图片的尺寸、位置、边框等。

3.4 行为(Behavior):

行为(Behavior)是指网页的交互行为,它是网页的功能实现和用户体验的重要体现。行为规范是指网页的交互行为,包括JavaScript、Ajax等脚本语言,以及CSS等样式语言。

3.5 web设计原则

WEB标准的设计有以下几个原则:

1、结构规范: 网页的框架结构要清晰,标签的正确使用和正确嵌套,以及标签的语义化,都是WEB标准的重要组成部分。

2、表现规范: 网页的外观表现要美观大方,文字的字体、大小、颜色、间距、布局,以及图片的尺寸、位置、边框等要统一,使网页更加简洁有序。

3、行为规范: 网页的交互行为要完善,JavaScript、Ajax等脚本语言,以及CSS等样式语言,都要正确使用,以达到良好的用户体验。