最基礎的語言自然是JavaScript，HTML，css。
首先，明白它們是什麽。
HTML是用戶看到的網頁的骨架。比如妳會發現當前頁面分為左、中、右三個部分，分別填充了不同的文字和圖片。每個小節會繼續細分，比如當前頁面中間部分下方有壹個輸入框等等。
CSS是網頁顯示的細節控件。比如妳會發現有些文字是紅底白字，有些子部分占了頁面寬度的壹半，有些只占了六分之壹，有些部分需要用戶做壹些操作(比如點擊滑動)才能出現等等。這些是由CSS控制的。
JavaScript是壹種腳本語言，負責捕捉用戶在瀏覽器上的操作，並與後端服務器交換數據。用戶在前端點擊輸入時，會觸碰到綁定動作的JavaScript腳本，然後JavaScript會采集數據，調用後端的api接口，再將後端返回的數據交給HTML和CSS進行渲染。
網頁的HTML代碼和CSS代碼可以直接在瀏覽器中查看。可以直接按F12查看下圖右側的模塊。左右兩邊的紅框是代碼和實際頁面的對應關系。所以如果妳看到壹個網站的布局很不錯，不妨點擊F12學習壹下。
前端框架
但是在實際應用中，很少有正式的項目組直接用上述三種語言開發web前端，而是使用了很多封裝這三種語言的框架，比如
vue . j
，有棱角，反應原生等等。他們是來自Google和臉書的大神項目組。他們根據自己的經驗，封裝原生前端語言，實現更多更復雜更炫酷的功能。因此，我們可以說，學會使用這些框架可以達到事半功倍的效果。
比如使用vue，這是壹種自下而上的增量開發設計，其核心只關心層，也可以與其他庫或現有項目集成，學習門檻極其友好；另壹方面，vue可以驅動由vue生態系統支持的單文件組件和庫開發的復雜單頁面應用。有了這個生態系統，可以說vue處於壹個不斷成長和完善的欣欣向榮的狀態。
網絡通信協議
由於前端和後端分離的趨勢，前端還是需要了解很多網絡通信協議，不局限於http協議，因為根據我的經驗，我們有時候會用到websocket等協議。所以前端需要簡單的了解不同協議的特點和用法，但好消息是，不需要像學習計算機網絡課程那樣透徹的了解每種協議的原理，只要學會如何用前端語言發送對這種協議的請求即可。