隨著計算機，手機，各種終端的效能越來越強，前端的使用越來越廣泛，前端開發也成為跨平臺開發的最優選擇，JavaScript語言使用率穩居全球第一，因此導致了中高階前端開發人員的大量缺口，下面我們就來介紹一下大前端主要有哪些語言構成，都能做哪方面的開發。

我們知道常說的前端是指html5，css3，JavaScript等組成語言，隨著前端的應用場景越來越廣，有些場景需要更強的效能支援，因此W3C 社群團體又制定了一個新的標準即WebAssembly，可以說我們現在的前端主要有html5，css3，JavaScript，WebAssembly等四部分組成。

HTML稱為超文字標記語言，是一種標識性的語言。它包括一系列標籤．通過這些標籤可以將網路上的文件格式統一，使分散的Internet資源連線為一個邏輯整體。HTML文字是由HTML命令組成的描述性文字，HTML命令可以說明文字，圖形、動畫、聲音、表格、連結等，html5又增加了儲存，感測器，定位，多媒體通訊，即時通訊，音視訊採集，2d，3d能技術的支援。

CSS3是CSS（層疊樣式表）技術的升級版本，於1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模組、超連結方式、語言模組、背景和邊框、文字特效、多欄佈局等模組

JavaScript（簡稱"JS"） 是一種具有函式優先的輕量級，解釋型或即時編譯型的程式語言。雖然它是作為開發Web頁面的指令碼語言而出名的，但是它也被用到了很多非瀏覽器環境中，JavaScript 基於原型程式設計、多正規化的動態指令碼語言，並且支援面向物件、命令式和宣告式（如函數語言程式設計）風格。

說WebAssembly是一門程式語言，但它更像一個編譯器。實際上它是一個虛擬機器，包含了一門低階組合語言和對應的虛擬機器體系結構，而WebAssembly這個名字從字面理解就說明了一切——Web的組合語言。它的優點是檔案小、載入快、執行效率非常高，可以實現更復雜的邏輯。

下面我們來說一下我們的大前端都能做什麼開發以便我們更好的理解為什麼叫做大前端。

一、多媒體展示

我們在網頁中常看的多媒體內容，圖片，音訊，視訊，音視訊的支援使我們可以通過web的方式看視訊，聽音訊，以便帶動了視訊網站的發展，已經後來的直播，線上學習等產業

二、2d（主要是利用Canvas元素）

主要應用場景，地圖展示，html5平面遊戲，圖表展示例如國內知名的圖表展示框架Echarts，平面動畫取代之前的flash等使用場景

三、3D（基於Canvas元素，通過webGL利用顯示卡加速）

四、感測器

主要有光線感測器，加速度感測器，定位感測器，藍芽感測器等，使用場景入，定位找附近的人，利用加速度感測器實現搖一搖等應用場景。

五、即時通訊（websocket）

主要應用場景，即時訊息通知，線上聊天等功能，直播下面的聊天功能

六、媒體採集

視訊，音訊的採集，呼叫電腦的耳麥，呼叫電腦的攝像頭，採集視訊資訊，音訊資訊，應用場景，錄音，截圖，錄視訊，掃碼二維碼，直播視訊音訊採集，視訊會議視訊音訊採集等場景。

七、視訊音訊即時通訊（webrtc）

主要應用場景為基於web的視訊會議，通過媒體採集後進行即時媒體通訊 實現視訊會議。

八、小程式開發

9、app開發

利用react native （app JavaScript開發框架）進行支援安卓，蘋果的應用開發。

10、桌面應用開發

利用electron（桌面JavaScript開發框架）進行桌面應用開發，支援window moc os linux等系統

利用electron仿製的的qq音樂。

11、嵌入式開發

利用柿餅UI開發框架通過js實現硬體控制功能。

12、服務端開發（node）

通過node使用JavaScript開發框架express.js，koa.js開發框架可以實現服務端程式的開發。

關於我們：

金知了教育專注於Web前端開發和JAVA開發的IT培訓機構。

真實做人，真誠做事，用心教書。

在青島地區獨創推出Web大前端開發業餘班——利用業餘時間，花最少的錢，學到真知識。