對於前端技術，早年指HTML、CSS，後來又加上JavaScript，現在更進一步增加了框架（Vue、React、Angular）與類庫（JQuery、Ajax、NodeJS）。
第一階段，前端、後端耦合。前端只負責HTML、CSS來做靜態頁面，JSP、PHP後端程序員負責將這些靜態網頁輸出給瀏覽器，並增加動態部分。這樣做的好處在於每次交給客戶端的爲完整處理好的頁面，減輕了瀏覽器的負擔，也便於SEO。此時前端工程師只要學會HTML、CSS即可做靜態網頁，被戲稱爲切圖仔；後端工程師則被稱爲全棧工程師，既需要些後端代碼，也需要調用前端靜態代碼並完成其中動態部分。但是耦合太嚴重。1）代碼、功能方面，大量的前端代碼、功能在後端。2）客戶端、服務器壓力大，每次刷新頁面都要重新全部請求。
第二階段，半分離階段。前端採用HTML+CSS+JavaScript來構建網頁。隨着JavaScript的不斷完善，JQuery、Ajax庫的誕生與推廣，逐漸出現了半分離架構。HTML+CSS來構建靜態部分，JavaScript來請求顯示與修改上傳數據。這樣後端專注於數據庫的實現、後臺邏輯處理、數據接口實現，前端專注於界面的顯示優化。這一階段依然有不少問題，JQuery、Ajax依然導致JavaScript的使用不便，前端代碼由於JavaScript的加入逐步混亂；此外，這種情況只考慮了單頁面的應用，並未考慮路由等問題。再加上國內的搜索引擎只會抓取靜態頁面內容，導致SEO效果不好。
第三階段，全分離階段。隨着移動互聯網發展，手機流量的日趨需要，人們需要在第二階段的半分離架構上進一步改進。一是NodeJS的崛起，完成了路由控制；另一方面，框架（Vue、React、Angular）的誕生對前端的開發與代碼維護起到了極大的促進作用。在這一階段不僅僅實現了半分離階段解耦合，也進一步完成了路由、SEO與前端高效開發。
綜上所述，前端後端的發展過程，是JavaScript語言的崛起過程。JavaScript語言與前端框架（vue、react、angular）的崛起，導致了前端、後端的分離，前端專注於美觀、流暢、SEO，後端專注於高併發、高性能、高可用。
前端後端分離的核心作用在於解耦合：
1、減輕了服務器壓力，重新請求只需要請求動態部分即可。
2、代碼與功能的分離，便於軟件工程模式管理，提高工作效率。
前後端分離原因：
1、在PC互聯網時代，每次請求同一個頁面，都要請求全部數據，並非請求部分動態數據。這樣一方面增加了服務器的壓力，另一方面增加了客戶端的流量。PC上網，並不關心流量的耗費，移動互聯網則關注流量耗費。這樣，靜態與動態的解耦合勢在必行。
2、早期的JavaScript功能並不強悍，導致原有的很多功能無法快速便捷實現。JavaScript誕生於1995年，Ajax誕生於1998年，而簡化JavaScript應用的JQuery庫2006年才誕生，三大前端框架（Vue、React、Angular）基本在2010年後誕生。
3、移動互聯網的發展，手機等設備的芯片處理能力越來越強，完全能正常運行JavaScript的類庫與框架。