1.1 Web前端開發技術概述

前端開發是創建Web頁面或APP等呈現給用戶的前端界面的過程。Web前端開發通過HTML、CSS、JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。它從網頁制作演變而來。在互聯網的演化進程中，網頁制作是Web 1.0時代的產物，早期網站的主要內容大都是靜態的，以圖片和文字為主，用戶使用網站也以瀏覽為主。隨著互聯網技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，交互性更強，功能更加強大。

1.1.1 萬維網與W3C

萬維網（World Wide Web, WWW）是無數個網絡站點和網頁的集合。它們一起構成了因特網最主要的部分。它實際上是多媒體的集合，是由超鏈接連接而成的。人們通過網絡瀏覽器上網觀看的就是萬維網的內容。萬維網是一個資料空間。在這個空間中，一種有用的事物稱為一個資源，并且由一個全域統一資源標識符（Uniform Resource Locator, URL）標識。這些資源通過超文本傳輸協議（HyperText Transfer Protocol, HTTP）傳送給用戶，而后者通過點擊超鏈接來獲得資源。從另一個角度來看，萬維網是一個通過網絡訪問的互連超文件（interlinked hypertext document）系統。

萬維網聯盟（World Wide Web Consortium, W3C）又稱W3C理事會，1994年10月在美國麻省理工學院（MIT）計算機科學實驗室成立。建立者是萬維網的發明者蒂姆·伯納斯·李。萬維網常被當成因特網的代名詞，實際上，萬維網是依靠因特網運行的一項服務。正因為萬維網是如此的重要，不應由任何一家單獨的組織壟斷，因此W3C扮演著一個會員組織的角色。

W3C的會員包括軟件開發商、內容提供商、企業用戶、通信公司、研究機構、研究實驗室、標準化團體以及政府。其中一些知名的會員包括IBM、Microsoft、America Online、Apple、Adobe、Macromedia等。

1.1.2 關于Web前端開發技術

1．Web前端開發的基礎技術

Web前端開發的基礎技術包括HTML、CSS和Java Script，被稱為Web前端開發的三大核心技術。HTML的進階就是JADE，CSS的進階就是SCSS，Java Script的進階就是ES6、CoffeeScript和TypeScript。

所謂HTML就是超文本標記語言，是HyperText Markup Language的英文縮寫。大多數網頁都是由HTML編寫而成的。其中，超文本是指頁面內可以包含圖片、超鏈接、視頻、音頻、程序等非文本元素；標記是指這些超文本必須由包含屬性的開頭與結尾標志來標記。瀏覽器通過解碼HTML就可以把網頁內容顯示出來。

CSS（Cascading Style Sheets，層疊樣式表）是一種用來表現HTML或XML（可擴展標記語言）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。

JavaScript是一種腳本編程語言，其包含類似Java的語法。Java Script最早在HTML網頁上使用，用來給HTML網頁增加動態功能。

2．Web前端開發崗位需要掌握的技能

1）繪制原型圖、實現效果圖。Web前端開發人員要熟練掌握一種原型設計工具，能夠將構思通過工具繪制成原型圖，并將設計出的原型圖通過頁面代碼的方式表現出來。

2）與設計師溝通及項目參與。Web前端開發人員需要和設計師就原型圖進行某些效果實現的探討。

3）精通HTML。

4）精通CSS。

5）熟練掌握JavaScript、jQuery、ajax。

6）熟練使用Vue、React、Angular等框架。

1.1.3 關于網頁風格

所謂網頁風格是指網頁設計上的視覺元素組合在一起的整體形象帶給人的直觀感受。視覺元素包括網頁的配色、字體、頁面布局、頁面內容等元素。網頁風格一般與企業的整體形象相一致，如企業的行業性質、企業文化、提供的相關產品或服務特點都應該在網頁風格中得到體現。良好的網頁風格不僅能幫助客戶認識和了解網頁背后的企業，也能幫助企業樹立品牌形象。