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