WEB系統(tǒng)
一個WEB系統(tǒng)是部署在WEB服務器上來為客戶端提供服務的,客戶端通常都是瀏覽器,用戶可以通過瀏覽器來訪問WEB服務,瀏覽器可以跟服務器進行數(shù)據(jù)或者內(nèi)容的 交互,跑在瀏覽器當中的內(nèi)容就是用WEB前端的技術(shù)開發(fā)的,也稱為UI。UI即User Interface(用戶界面)
前端發(fā)展史
WEB1.0以內(nèi)容網(wǎng)頁為主,主要是內(nèi)容的展示,通過網(wǎng)址的變化進行數(shù)據(jù)交換。
AJAX(異步的數(shù)據(jù)請求)出現(xiàn),可以通過腳本在不刷新頁面的情況下進行數(shù)據(jù)的請求→WEB2.0,跑在瀏覽器中的基于AJAX應用。
HTML5出現(xiàn)→WEB3.0,基于HTML5的應用。
協(xié)作流程
以前:策劃→交互→視覺→前端→后端→測試
現(xiàn)在:策劃→交互→視覺? 測試
??????????????????????????? 前端:在交互稿出來就可以做系統(tǒng)設(shè)計、業(yè)務邏輯的開發(fā),再添加視覺。
??????????????????????????? 后端:前端根據(jù)交互稿產(chǎn)出API,后端根據(jù)API完成后端開發(fā)。
前端工作職責
視覺稿??????????????????????? 頁面制作:ps切圖、HTML實現(xiàn)頁面結(jié)構(gòu)、CSS實現(xiàn)樣式
????????? →前端開發(fā)→UI
交互稿??????????????????????? 頁面邏輯開發(fā):JavaScript語言、DOM編程
交互稿:通過線框圖反映整個系統(tǒng)的信息架構(gòu)及流程,主要包含邏輯。