相信很多非專業人士并不了解web前端，但是隨著web前端的發展，已經有越來越多的人開始加入到前端的隊伍中來了。那么web前端都學什么？Web都有哪些新技術？要知道前端開發的快速發展，幾乎每年都會給開發者帶來新的關鍵詞。在未來的一年，前端仍將專注于小程序，跨端開發，超級應用，前端工程化以及新技術應用。下面我們就來具體看看。

web前端開發需要學習的技術：

1、掌握基本web前端開發技術：HTML、CSS、JavaScript、DOM、BOM、AJAX等，而且要了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。

2、必須掌握網站性能優化、SEO和服務器端開發技術的基礎知識。

3、必須學會運用各種web前端開發與測試工具進行輔助開發。

4、除了掌握技術層面的知識，還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。

5、未來web前端開發工程師還要研究HTML5、web視覺設計、網站配色、網站交互設計模式等相關技術，前端的崗位很多，要注意選擇自己的技術方向，需要精通流行的幾個框架開發。前端是入門簡單，深入難，所以要往高級前端發展還需要不斷學習新技術。在互聯網行業，前端有WEB前端、HTML前端等，隨著互聯網技術發展，就業方向也有很多。web前端的就業方向有web架構師、web前端工程師、HTML前端開發工程師、網頁設計師等等。

HTML前端開發

與Web前端開發不同的是，使用HTML5不僅僅可以開發前端，還有網頁游戲，手機APP，使用瀏覽器進行3D渲染等一系列建立在HTML5標準與搭載其標準瀏覽器上的開發，而未來可能會有更多的功能分支并入HTML5標準。web前端工程師

這個方向是目前從事Web前端開發的主要就業方向

Web架構師

薪資普遍比較高，技術要求高，掌握多種技能，包括：后端技術、DBA、Platform等等，甚至包括網站優化SEO技術。

數據方向

數據研發這個是在Web開發的基礎上用數據附能，懂可視化的一定是有前端能力的，懂hadoop的一定java玩的溜，屬于Web開發的拓展方向。

大前端方向

比如阿里，在大量實踐rn和weex;由于公司內部安卓/ios式微，一定程度上，前端把ios和安卓收編了，統稱大前端(還有node)。

圖形學方向

前端自然是與圖形學有千絲萬縷的聯系，除了上面提到了可視化，還有相關3d引擎的開發工作。做這一行要求也非常高了，圖形學相關的算法，3d引擎的開發，這都需要圖形學相關知識。

Web都有哪些新技術?

1、小程序

在這個項目中，今年仍然是項目突然進展的一年。所有主要應用程序都已啟動，所有前端團隊都有專門的程序開發團隊來滿足更快程序開發的需求。與此同時，APP程序中的許多關鍵功能已經被小程序所取代，甚至有些APP程序已經變成了Nativex小程序外殼，上層應用完全由小程序來實現。

在微信小程序出現之前，每個人都在談論Hybird和ReactNative，但這只是技術層面的狂歡，沒有注入商業屬性。小程序的出現，一方面告訴業界，Webview在當前的設備上并沒有變壞，另一方面，告訴業界如何讓有能力的企業在超級應用程序上的私有域中運行。

另一方面，從技術角度來看，在上層DSL的嚴格限制下，超級APP可以定義滿足自身需求的網絡標準，彌補了當前網絡標準的不足。最后，它可以與客戶端合作生產出各種類似NSR的酷技術模型，離線、預裝、定制的網絡視圖(Webview)，這樣網絡最終可以以低成本實現原生版本的體驗，不會像Weex那樣在終端外有點尷尬。然而，由于需要依靠超級應用(微信、支付寶、百度、美團、頭標等)，由于各種平臺采用的具體方案不同，目前小程序的登陸方案也不同，有時需要開發多套代碼。

2、跨終端開發

對于跨終端開發，RN狀態通常是成熟的，或者沒有太多的開發前景，因為它仍然處于0.61版本，而1.0版本似乎還很遙遠。因此，今年許多團隊改變了他們的調子，以 Flutter為Release，這重新點燃了希望，并使 Flutter前端渴望嘗試。

3、前端工程

在前端編程中，開發人員最重要的基本成就是提高效率，此時前端開發人員將繼續迭代和優化。我們曾經談論過Yoman、CLI和其他系列的構建工具，但是在團隊成長之后，我們仍然幾乎沒有任何感覺。相比之下，Java學生從未聽說過從沒聽說過 Spring Boot 配置工程師。今年，許多團隊正在構建一個完整的前端DevOps流程套件，一些團隊也開始協作并一起構建。無論是網絡項目還是程序項目，從新項目、開發、調運、部署、測試、發布、運行和維護到監控統計，都有完善的設施來保證和提高效率，前端流程在未來將更加標準化。

展望2020年前端的發展，前端工程系統肯定會更加閉環，不像腳手架那么簡單，而是將集成開發環境(IDE)結合起來，從項目初始化、代碼編寫、配置項、灰度級和發布，打開業務屬性，形成一個完整的閉環。

4、Serverless

目前，許多公司都在做BFF層來滿足這部分需求，但仍然無法擺脫運行維護和機器配送的障礙。隨著無服務器(Serverless)的逐步登陸，代碼的BFF層將擺脫操作和維護、機器分配等復雜問題。同時，前端學生將高概率地編寫這部分代碼，而服務器端學生將專注于中型系統的實現。就業務而言，試錯的成本也將大大降低。

隨著Node.js成為前端開發人員必備的技能，云計算的持續流行將使無服務器成為可能。隨著越來越多的開發人員嘗到研發的甜頭，無服務器必將改變前端的研發模式。同時，使用無服務器的學生肯定會使用TS。這也意味著如果沒有在2020年寫測試，它可能真的過時了。

5、WebAssembly

WebAssembly是一種新的字節碼格式。目前，主流瀏覽器支持WebAssembly。與JS的解釋和執行不同，WebAssembly字節碼與底層機器代碼非常相似，可以快速加載和運行，因此性能比JS解釋和執行有了很大提高。也就是說，WebAssembly不是一種編程語言，而是一種字節碼標準，需要用高級編程語言編譯并放入WebAssembly虛擬機中運行。瀏覽器制造商需要做的是根據WebAssembly規范實現虛擬機。使用WebAssembly，您可以在瀏覽器上運行任何語言。從Javascript到TypeScript到Babel，這些都需要翻譯成js來執行，而WebAssembly嵌入在瀏覽器中，不需要翻譯就可以直接執行，所以執行效率自然要高得多。

例如，AutoCAD軟件是由AutoCAD生產的自動計算機輔助設計軟件，可用于繪制二維圖形和基本三維設計。使用時無需編程即可自動繪圖，因此廣泛應用于民用建筑、裝飾、工業制圖、工程制圖、電子工業、服裝加工等諸多領域。

AutoCAD是由大量的C代碼編寫的軟件，經歷了從桌面到移動再到網絡的許多技術變革。此前，在InfoQ上有一篇題為《AutoCAD WebAssembly: Moving a 30 Year Code Base to the Web》的演講，即通過網絡組裝(WebAssembly)，許多舊的C代碼可以在網絡上運行，執行效率得到保證。

Hrome的核心JavaScript引擎V8現在包括了Liftoff，一個新的WebAssembly baseline編譯器。Liftoff簡單快速的代碼生成器大大提高了WebAssembly應用程序的啟動速度。2019年，許多公司將開始投資于網絡組裝的學習和轉型。據信，網絡組裝將在2020年經歷一個爆炸性時期。

6、5G

2021年，5G將是一個不可分割的話題。首先，5G帶寬的增加帶來了傳統網絡復雜性的提高，就像2G到4G過程中從WAP純超鏈接時代向4G全畫面視頻時代的轉變一樣。5G肯定是一個巨大的變化，但它絕對不會在一夜之間發生。因為相應的配套設施也需要逐步完善，如硬件性能和瀏覽器處理速度。服務器端渲染無疑是捷徑之一。輕前端和重后端，5G是一座橋梁。將渲染放在后端并不像同構那么簡單。它需要關注和優化渲染性能。在這個機會下，WebAssembly可能會得到快速發展，因為它可以在后臺縫合和連接多種語言。背景渲染的優化也將帶來前端研發模式和技術架構的變化。5G帶來的一切互聯將帶來不同于智能機器和普通電腦的各種場景。虛擬現實、可穿戴設備、載體系統、智能投影、智能交互等。將把網絡帶入各種垂直領域，這也意味著前端會有更多的空間。

以上我們介紹了web前端都學什么？Web都有哪些新技術？相信隨著5G的大規模業務，一批新的互聯網巨頭將會誕生。如果您想了解更多相關內容，請您及時關注中培偉業。