WEB系統

一個WEB系統是部署在WEB服務器上來為客戶端提供服務的，客戶端通常都是瀏覽器，用戶可以通過瀏覽器來訪問WEB服務，瀏覽器可以跟服務器進行數據或者內容的 交互，跑在瀏覽器當中的內容就是用WEB前端的技術開發的，也稱為UI。UI即User Interface（用戶界面）

前端發展史

WEB1.0以內容網頁為主，主要是內容的展示，通過網址的變化進行數據交換。

AJAX（異步的數據請求）出現，可以通過腳本在不刷新頁面的情況下進行數據的請求→WEB2.0,跑在瀏覽器中的基于AJAX應用。

HTML5出現→WEB3.0，基于HTML5的應用。

協作流程

以前：策劃→交互→視覺→前端→后端→測試

現在：策劃→交互→視覺? 測試

??????????????????????????? 前端：在交互稿出來就可以做系統設計、業務邏輯的開發，再添加視覺。

??????????????????????????? 后端：前端根據交互稿產出API，后端根據API完成后端開發。

前端工作職責

視覺稿??????????????????????? 頁面制作：ps切圖、HTML實現頁面結構、CSS實現樣式

????????? →前端開發→UI

交互稿??????????????????????? 頁面邏輯開發：JavaScript語言、DOM編程

交互稿：通過線框圖反映整個系統的信息架構及流程，主要包含邏輯。