思路：先把前端做好，再通過java寫后端邏輯把動態數據在前端展現出來

web前端即為網站的前端開發，前端開發是創建Web頁面或app等前端界面呈現給用戶的過程。

web前端開發通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。它從網頁制作演變而來，名稱上有很明顯的時代特征。網頁制作是Web1.0時代的產物，早期網站主要內容都是靜態，以圖片和文字為主，用戶使用網站的行為也以瀏覽為主。

隨著互聯網技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，交互效果顯著，功能更加強大。Web前端主要是用來開發用戶通過瀏覽器可以瀏覽和使用的Web頁面的。 一般而言，所涉及的內容主要包括W3C中的HTML、CSS和JavaScript這三方面的內容。

擴展資料：

隨著互聯網的迅猛發展和普及，一個新型的行業和新興的職位正在上升到技術的層面：web前端開發工程師

Web前端開發工程師，除了主要職責外，還要為網站上提供的產品和服務實現一流的Web界面，優化代碼并保持良好兼容性

Web前端表現層及與前后端交互的架構設計和開發web前端開發工程師-web2.0時代

配合后臺開發人員實現產品界面和功能

利用各種Web技術模擬開發產品原型

Web新技術調研和資訊整理

精通HTML/XHTML、CSS，熟悉頁面架構和布局，對Web標準和標簽語義化有深入理解

熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技術，掌握面向對象編程思想

web前端技術的三大核心基礎是html,javascript和css。我們可以把web比作一只鳥，其中html是這只鳥的骨骼部分，即網頁的結構，css是這只鳥的羽毛，決定了網頁的呈現方式，即外在部分。

javascript是這只鳥的行為，比如飛行，覓食，即網頁的交互響應。