前景指數

Web前端開發優勢：

人才缺口大，發展前景好，需求量大web前端開發前景大好！其中的HTML5技術更是日趨成熟，HTML5是移動互聯網前端的主流開發語言，目前還沒有任何一種前端開發技術能夠取代HTML5。因此，無論是PC端還是APP端的應用，前端樣式都離不開HTML5。

JAVA優勢：

全球最流行，就業方向廣，選擇性多Java的發展前景都是很樂觀的。Java開發語言是全球最流行的開發語言，無論是程序界還是整個互聯網行業勢必帶來很大的影響。不管是人才需求還是薪資水平上，Java的發展前景都是很樂觀的。

難易程度

Web前端開發起點低、容易入門相對于其他IT技術職位來說， HTML5前端工程師相當于半個程序員，所以你不用擔心學不會。很多程序員都是0基礎開始學的，而且因為職位所處位置的交叉性，也就有很多Web前端開發人員是轉行而來。HTML5前端源于HTML語言發展而來，由于HTML和CSS起點低、容易入門。

JAVA語言語法簡單，但有一定難度Java語言擁有與C、C++等眾多流行語言一樣的簡潔易懂的關鍵字、語法，而且是各種后臺開發語言中相對比較容易上手的語言。使用Java語言開發諸如服務后臺等復雜的應用場景都有簡單完美的解決方案。Java的入門難度在后臺開發語言中也是屬于比較容易的，但相比前端還是較難。

薪資

Web前端開發：

JAVA：

學習路線

當然，每個小伙伴們想學習的路線也各不相同，其實這二者沒有高下之分，都是很高薪的行業，選擇適合自己的最重要，以便更輕松的學習。

Web前端開發

HTML5理解HTML基本語法規范，連接之間跳轉，節點子節點層級關系。CSS3復習基礎語法，盒子模型、常用布局、CSS3的新增動畫，CSS預處理工具 LESS 和SaSS。JSJs基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMA、DOM、BOM、定時器和焦點圖。

目前是在職程序開發，如果你現在也想學習web前端Java Python技術，在入門學習的過程當中有遇見任何關于學習方法，學習路線，學習效率等方面的問題都可以問響應式開發響應式概念、媒體查詢、響應式網站制作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。 全棧開發學習思路，附帶學習資料移動Web開發跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端Java事件、手機中常見JS效果制作、Zepto.js、手機聚劃算頁面、手機滾屏。前端發展歷史前端開發的歷史和趨勢、前端模塊化演化階段主要了解新的mvvc概念、模塊化概念、前后端分離。

JAVA

JavaSE基礎從計算機基本概念，DOS命令開始，什么是程序，如何配置JAVA開發環境，JAVA編程的過程是怎樣的，JAVA有什么物特點，程序是如何運行的等內容javaWebWeb前端開發基礎和框架、Servlet和JSP在Web后端的應用、Web后端開發相關專題、MVC和分層架構以及項目開發流程及CASE工具的使用等。java框架此階段涉及的技術知識點：框架整合開發(SSH/SSS)、RESTful架構和移動端接口設計、第三方接口和在線支付功能、網站安全和Spring Security應用實戰、復雜用戶交互處理和Spring Web Flow的應用、MyBatis的應用和SSM整合java+大數據主要涉及的技術知識點：億級并發架構演進、Linux基礎、搭建tomcat環境以及大數據開發云計算等高級Java教程。

主流的Java模板引擎

Thymeleaf

Thymeleaf是用于Web和獨立環境的現代服務器端Java模板引擎。Thymeleaf的主要目標是將優雅的自然模板帶到您的開發工作流程中—HTML能夠在瀏覽器中正確顯示，并且可以作為靜態原型，從而在開發團隊中實現更強大的協作。能夠處理HTML，XML，JavaScript，CSS甚至純文本。Thymeleaf的主要目標是提供一個優雅和高度可維護的創建模板的方式。Thymeleaf也是從一開始就設計(特別是HTML5)允許創建完全驗證的模板。Spring Boot 官方推薦使用 thymeleaf 而不是 JSP。

Freemarker

FreeMarker是一款模板引擎： 即一種基于模板和要改變的數據， 并用來生成輸出文本（HTML網頁、電子郵件、配置文件、源代碼等）的通用工具。 它不是面向最終用戶的，而是一個Java類庫。輕量級模版引擎，不需要Servlet環境就可以很輕松的嵌入到應用程序中，能生成各種文本，如html，xml，java，等，入門簡單，它是用java編寫的，很多語法和java相似。

Vue

Vue.js是一套構建用戶界面的漸進式框架。Vue 只關注視圖層， 采用自底向上增量開發的設計。目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。

React

React 是一個用于構建用戶界面的 JAVASCRIPT 庫。React主要用于構建UI，很多人認為 React 是 MVC 中的 V（視圖）。

Angular

AngularJS 是一個 JavaScript框架。它是一個以 JavaScript 編寫的庫。它可通過 <script> 標簽添加到HTML 頁面。通過 指令 擴展了 HTML，且通過 表達式 綁定數據到 HTML。AngularJS 是以一個 JavaScript 文件形式發布的，可通過 script 標簽添加到網頁中。

Java模板語言依賴于后端，后端把數據綁定到頁面的相應標簽上，還要用相應的類來解析頁面，也就是視圖解析器，這樣呈現出的頁面才是綁定數據后的樣子。

三大前端框架通過Js來操作，更多是HTML5頁面與Js之間的交互，只專注于前端。

語法不同，也完全不是一個概念，頁面出現Freemark、Thymeleaf語法，估計前端的人都看不懂也不知道數據哪里來的。前端的框架大都是基于JavaScript 的，Java 后端框架大都基于Java語言。

ng是一款優秀的前端JS框架。已經被用于Google的多款產品當中。

其優點是，模板功能強大豐富，自帶了極其豐富的angular指令。

是一個比較完善的前端框架，包含服務，模板，數據雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能。

自定義指令，自定義指令后可以在項目中多次使用。ng模塊化比較大膽的引入了Java的一些東西（依賴注入），能夠很容易的寫出可復用的代碼，對于敏捷開發的團隊來說非常有幫助。