零基礎如何學習前端技術？前端開發的三大核心技術包含：HTML、CSS、JavaScript，這三種開發語言在技術的發展中，也在不斷的進行更新和變化。除了以上三大語言之外，還有很多前端開發工程師需要了解的開發語言和工具，想要轉型前端開發行業的同學，快看過來吧！

　　前端開發語言

　　1、HTML

　　HTML是一種超文本標記語言，可以構造顯示給用戶的信息。

　　它是一個HTML文檔，其中包含每個元素都由HTML標記表示的元素，例如標題，文本段落或文本輸入字段。HTML文檔也可以使用超鏈接鏈接到其他文檔。每個標簽都具有自己的內容類型，具有一定的外觀和附加行為。一旦掌握了HTML，就可以創建非常簡單的靜態HTML頁面。

　　2、CSS

　　CSS是一種樣式語言(層疊樣式表)，用于描述HTML元素的視覺外觀。

　　它可以用于控制各個方面，例如元素的位置，其尺寸，文本樣式或顏色，或網站的幾乎任何其他視覺方面。樣式定義為一組規則，可以應用于頁面上元素子集的單個元素。最新的CSS功能使您可以超越基本樣式，并控制更復雜的視覺效果，例如動畫。

　　3、JavaScript

　　JavaScript(JS)是用于開發Web用戶界面的最常用的編程語言。

　　它允許你向網站添加自定義行為，例如對用戶事件做出反應，從Web服務加載數據以及在頁面上顯示或隱藏元素。它還允許您通過各種API與瀏覽器進行交互。您可以使用它來將單獨的交互式元素添加到您的網站或創建復雜的Web應用程序。

　　你也可能會遇到的另一個與JavaScript有關的術語是ECMAScript，它實際上是JavaScript的語言規范。在大多數情況下，它們可以被視為同義詞。

　　4、框架

　　JavaScript是一種功能強大的語言，但是如果你要創建一個復雜的應用程序，則在沒有框架的情況下使用它會導致大量復雜的樣板代碼。

　　為了簡化起見，有許多框架可以幫助實現基本功能，例如HTML操作，數據加載，整體應用程序體系結構等。目前，三個最受歡迎的框架是React，Angular和Vue.js。

　　React是一個用于構建由Facebook開發的用戶界面的庫。

　　React基于創建可以輸入參數呈現HTML的組件(例如按鈕或側面菜單)為基礎的。React組件是使用JavaScript的擴展名JSX編寫的，該擴展名使您可以方便地將JavaScript代碼和HTML結合起來。組件可以組合在一起以創建復雜的UI元素和整個應用程序。React本身并不是一個框架，它僅提供視圖層，但是，其豐富的工具和庫生態系統提供了創建復雜應用程序所需的一切。React很容易上手，但是隨著時間的流逝，你將期望學習新的知識來填補缺失的空白。

　　Angular-由Google開發的面向組件的“含電池”類型的框架。

　　Angular應用程序通常用TypeScript編寫。它提供了構建Web應用程序所需的大多數功能，包括用于引導，開發和構建項目的CLI工具以及用于管理表單，數據加載，路由等的庫。盡管它提供了大多數功能開箱即用，它具有更高的抽象度和復雜度，并且需要學習TypeScript作為主要的開發語言，這使初始學習曲線更加陡峭。

　　Vue.js是由尤雨溪開發，是一個旨在模塊化且可逐步采用的框架。你可以開始將其用作視圖層，并根據需要添加其他庫。與其他框架相比，最重要的庫由核心Vue.js團隊維護。

　　組件庫

　　組件庫是可用于組裝應用程序的組件的集合。其中一些實現了最常見的組件，例如按鈕和下拉菜單，而其他一些還提供了用于創建復雜的響應式布局的實用程序。盡管它們每個都有自己獨特的視覺風格，但通常可以對其進行自定義以匹配項目的設計和品牌。它們中的大多數都可以通過純CSS和JavaScript獲得，但是，它們通常被移植為與其他流行的JavaScript框架一起使用。一些比較流行的詞匯是：

　　Bootstrap是用于創建響應式Web應用程序的強大框架。它帶有大量的組件以及用于創建布局和主題引擎的實用程序。您可以將用戶交互添加到組件中，例如下拉菜單，對JavaScript的最低了解。使用Bootstrap構建的現成網站主題也有很多選擇。

　　前端開發工具

　　1、NPM

　　Npm實際上意味著兩件事：

　　一個軟件注冊表，其中包含可以在項目中安裝和使用的數千個開源庫和工具。

　　一個CLI工具，可用于從注冊表中安裝，更新和刪除軟件包。

　　使用npm允許你安裝項目將使用的庫，并將它們記錄在JSON文件中。將這個文件與代碼庫一起存儲意味著你可以顯示聲明項目的依賴項，并快速將它們安裝在不同的環境中。你也可以使用它來發布自己的庫并與其他開發人員共享。

　　npm CLI工具還允許你運行可用于執行測試，編譯代碼或執行代碼分析的腳本。

　　npm的一個類似物是Yarn，它提供了一些性能改進和對庫開發的更好支持，并且與npm包注冊表兼容。

　　2、免費文本編輯器

　　可以直接在文本編輯器中編寫代碼。我推薦一些很棒的免費文本編輯器，例如VSCode，Atom，Sublime Text 3等。webstorm也很奈斯，但他是收費的。

　　零基礎如何學習前端技術？想要學好前端技術，就需要了解和掌握以上常見的開發語言和工具，這樣能更好的支持你走上前端開發正軌。更多關于前端培訓的問題，歡迎咨詢千鋒教育在線名師，如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問，獲取試聽資格來試聽我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門到精通。