1、在JavaEE應用最初的階段，在Java的程式中要生成網頁的源碼，把這份源碼發送到用戶端浏覽器，由浏覽器去解釋執行，使用者就可以使用網頁。此時對程式員的網頁設計能力有比較高的要求。
2、jsp技術出現之後，Java程式不需要生成網頁的源碼，隻需要把資料+jsp頁面，然後轉發并向用戶端發送(html與jsp關系)。此時程式員不需要設計獨立的網頁，隻需要在jsp頁面中使用一些标簽或表達式，就像填空一樣，把資料在填空的位置能夠呈現出來。
3、ajax技術出現，頁面就可以直接向伺服器程式發送請求，伺服器隻需要把頁面所需要的資料交給頁面去處理，在頁面中可以使用jsp中的DOM 技術把資料動态的在網頁中呈現。
4、随着Restful的重新出現，伺服器可以處理頁面發出的restful風格的請求，另外，也随着分布式服務的出現，項目的規模越來越大，很多項目采用前後端分離的方式，此時就在開發崗位上出現了職位的明确的劃分，分成前段工程師(設計前段頁面的代碼)，美工師(做頁面的原型圖)，Java工程師。
html：用它提供的标記構造網頁的骨架。
css：基于html的頁面，進行排版及美化。
Javascript：可以讓網頁與使用者互動，并實作一些前端的動态效果。
jQuery：
UI架構：bootstrap，ElementUI
VUE架構，
node.js
webpack
npm
1、html稱為超文本标記語言，它提供了一些标簽供設計網頁時使用，不同的标簽對應 不同的元素。
2、一份基礎網頁由文字及标簽組成。
3、html的基本文法：< 标記 屬性=" " > < /标記 > 雙标記
< 标記 屬性=" " /> 單标記
4、标記間的關系
(1)嵌套關系，一個标記内部有另外的标記。
(2)并列關系，兩個标記不存在包含關系，就是并列關系。
(3)如果頁面上的标記不屬于以上兩種之一，肯定有問題。
5、寫标記時的基本要求
1、标記不區分大小寫。
2、在html的網頁中，标記不具有嚴格的文法要求，還是要求文法要正确。
6、html的版本
現代網頁都基于html5的版本來設計。它與老版本的差別有幾個方面
第一、文檔的聲明部分得到簡化 ，老的版本比較複雜。
第二、h5新增了一些排版要素，
第三、新增了畫布，可以實作複雜的動态變化的圖形和圖像效果。
第四、在多媒體播放方面，統一了标準，播放效果好很多。
第五、新增了很多具有不同功能的表單控件，來豐富頁面的互動效果。