零基礎並不是問題，重要的是持之以恆，有強大的信念和執行力。這樣才能支撐你在整個過程學習中，不感到疲憊和睏倦。才能熱情滿滿地寫 Bug ，改 Bug 。

如果想要學習，那麼先要了解一些基礎的東西是必要的。可以到「菜鳥教程」https://m.runoob.com/，先學習一些基本的概念，比如 HTML，CSS 和 JavaScript 。

HTML 為超文字標記語言， 標準通用標記語言下的一個應用。 “超文字”就是指頁面內可以包含圖片、 連結，甚至音樂、 程式等非文字元素；CSS 是一種用來表現 HTML 檔案樣式的計算機語言；JavaScript 是一種高階程式語言，透過解釋執行，是一門動態型別，面向物件的直譯語言。

瞭解了上邊三種語言後，基本就算入了門。這時候，就要靠大量的實戰專案進行鞏固學習和提升。可以動手做點小專案進行練練手，如果不知道有什麼專案，可以到「實驗樓」https://www.shiyanlou.com/，看看上邊的小專案，並跟著做就得了。當然，上邊有一些專案是需要錢的，但有一個小方法可以不浪費錢，那就是利用搜索引擎，直接搜尋實驗樓上邊專案的名稱，一般別人都會分享有的。

最後，說了那麼多，學習最主要的還是靠自我驅動，只有堅持不懈的專研，你才能有所進步。也祝大家能學有所成。

先從前端知識開始學起

html和css其實不難，就是幾個簡單的標籤和屬性。難的就是我們如何運用所學的知識寫出一個比較穩定，接受度高的頁面。簡單地說，HTML就是一堆非常簡單的標籤，而CSS則是把你畫畫的流程用程式碼按一定的格式寫出來。然後你需要理解常用HTML標籤的意思，學會各種CSS的屬性，還有CSS的盒模型、優先順序、選擇器……

你要是想在網頁上實現互動效果，比如輪播圖、點選按鈕後播放動畫等等，那麼就必須學會JavaScript.JavaScript是一門完整、強大、熱門的程式語言，瀏覽器的各種互動效果都由它來做到的。你先要了解一些基礎的JavaScript概念(變數、函式、基本型別)後，然後學習jQuery(JavaScript程式碼庫的一種)，並且透過jQuery繼續使用CSS的選擇器。

隨著社會的發展，js顯得越來越重要了，而我們所瞭解的知識只是其中的冰山一角。當我們看到寫出來的頁面既美觀有可愛、即好玩又時尚的時候，那裡面其實不知道包含著多少js的相容問題，為這個相容性就是我們在平時工作中的生存之道。所以，我們要不斷的摸索、不斷的學習，像寶劍一樣越磨越利，才能是我們沉澱更多，工作中才會得心應手。

前端就業好，但是不能盲目的學習，要了解前景，就業，比如你想在哪個城市就業，看下就業的基本要求。

祝學好

　　隨著移動網際網路的迅猛發展，Web前端工程師開始嶄露頭角。隨著JS和XHTML應用程式的普及，越來越多的Web介面應用程式技術出現在網站上。有很多人想要從事Web前端，卻又不知道學什麼，如果你想學好Web前端開發，可以多方面瞭解需要掌握的技術及工具。

　　常用的Web前端開發技術

　　1)HTML。HTML是網頁的核心，是一種製作全球資訊網頁面的標準語言，是全球資訊網瀏覽器使用的一種語言。它是目前網路上應用最為廣泛的語言，也是構成網頁文件的主要語言，學好HTML是成為Web開發人員的基本條件。

　　2)CSS。學好CSS是網頁外觀的重要一點，CSS可以幫助把網頁外觀做得更加美觀。

　　3)JavaScript。學習JavaScript的基本語法，以及如何使用JavaScript程式設計將會提高開發人員的個人技能。

　　4)jQuery。jQuery是相當於把JS封裝了一套的一個JS外掛，目的就是操作起來更方便，程式碼寫的更少。

　　5)作業系統。瞭解Unix和Linux的基本知識，對於開發人員有益無害。

　　6)網路伺服器。瞭解Web伺服器，包括對Apache的基本配置，htaccess配置技巧的掌握等。

　　7)最好會點後臺語言,比如Java、PHP,前端人員瞭解後臺程式碼,就會知道怎麼跟後臺互動資料是最好的, 這樣既節約時間,也可以讓前端程式碼更規範。

　　常用的Web前端開發工具

　　1)Bootstrap。Bootstrap是快速開發Web應用程式的前端工具包。它是一個CSS和HTML的集合，使用了最新的瀏覽器技術，給Web開發提供了時尚的版式、表單、buttons、表格、網格系統等。

　　3)Notepad++。Notepad++是一款非常有特色的編輯器，是開源軟體，可以免費使用，支援的語言: C、C++、 Java、C#、XML、HTML、PHP、Javascript。

　　4)Visual Studio Code。Visual Studio Code是一個運行於OS X、Windows和Linux之上的，針對於編寫現代Web和雲應用的跨平臺編輯器。

　　想要成為一個高薪Web前端工程師，你要紮實的掌握Web前端開發的各種技術，還要熟練使用各種前端開發工具。如果你想要快速成為企業需要的高薪高職人才，可以選擇去專業學習一下。

如今學習web前端的人越來越多，作為一個初入行的新手，一定要想清楚為什麼要學習web前端，出於一種什麼樣的心態去學習，然後給自己做好定位。下面，千鋒杭州web前端培訓小編就給大家總結一下，零基礎新手在學習web前端時應該掌握哪些知識點。

1、HTML學習

超文字標記語言(HyperText Mark-up Language 簡稱HTML)是一個網頁的骨架，無論是靜態網頁還是動態網頁，最終返回到瀏覽器端的都是HTML程式碼，瀏覽器將HTML程式碼解釋渲染後呈現給使用者。因此，我們必須掌握HTML的基本結構和常用標記及屬性。

2、CSS學習

CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言其樣式是可以複用的，這樣就極大地提高了我們開發的速度，降低了維護的成本。

3、JavaScript學習

JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當中為我們提供了一些內建函式、物件和DOM操作，藉助這些內容我們可以來實現一些客戶端的特效、驗證、互動等，使我們的頁面看起來不那麼呆板。

4、jQuery學習

jQuery 是一個免費、開源的輕量級的JavaScript庫，並且相容各種瀏覽器(jQuery2.0及後續版本放棄了對IE6/7/8瀏覽器的支援)，同時現在有很多基於jQuery的外掛可供選擇，這樣在我們實現一些豐富的動態效果時更方便快捷，大大節省了我們開發的時間，提高了開發速度，這也充分體現了其 write less,do more的核心宗旨

5、bootstrap

6、實戰

人生學習的態度是：不急不躁，不快不慢。持之以恆，相信自己。不求能改變世界，但求能改變自己的生活。我們學習web前端最終的目的是為了找到一份滿意的高薪工作，那麼實戰經驗對於我們就至關重要，所以，在學習的過程中除了學習各種基礎知識，我們還應該積累自己的實戰專案經驗。

零基礎新手想要快速學成web前端，參加培訓班無疑時最高效快捷的方式。千鋒杭州web前端培訓以實戰專案驅動教學，除了培養學員的開發技術，覆蓋熱門大資料視覺化內容，深度貫穿前端後端開發，緊貼主流企業一線需求，助力千鋒學員畢業即高薪就業。

作為一名前端老（資深）程式設計師，我來說一說。

HTML是網頁的框架，稱為超文字標記語言，是一種標識性的語言。它包括一系列標籤，也許你也見過，如p，li，boday，u，a表情等等。透過這些標籤可以將網路上的文件格式統一，使分散的Internet資源連線為一個邏輯整體。HTML文字是由HTML命令組成的描述性文字，HTML命令可以說明文字，圖形、動畫、聲音、表格、連結等。但是html只是讓瀏覽器認識你寫的語言是什麼，網頁排版他不負責。

css層疊樣式表，CSS 能夠對網頁中元素位置的排版進行畫素級精確控制，支援幾乎所有的字型字號樣式，擁有對網頁物件和模型樣式編輯的能力。說通俗一點，就是負責網頁排班佈局。

要求：用Html+css佈局寫出靜態頁面，這是學習開發的最基礎最基礎的，必須掌握。

簡稱js，是一種具有函式優先的輕量級，解釋型或即時編譯型的程式語言。JavaScript 基於原型程式設計、多正規化的動態指令碼語言，並且支援面向物件、命令式和宣告式（如函數語言程式設計）風格。只會佈局和框架是不行的，需要js實現頁面的動態互動。

要求：能夠寫出簡單的互動，聯調資料。js特別重要，基礎一定要打好，真是專案實踐中，很久介面文件呼叫API等

完全自己寫js工作量有點大，並且寫的不一定漂亮，所以有了jQuery，jQuery快速、簡潔。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的程式碼，做更多的事情。它封裝JavaScript常用的功能程式碼，提供一種簡便的JavaScript設計模式，最佳化HTML文件操作、事件處理、動畫設計和Ajax互動。簡單說，就是很多js指令碼已經給你寫好了，拿來直接用就可以。

要求：能夠寫出簡單的互動，聯調資料。

Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基於HTML、CSS、JavaScript 開發的簡潔、直觀、強悍的前端開發框架，使得 Web 開發更加快捷。使得開發更迅速，程式碼質量更高。

要求：熟練掌握，後期會經常用到。

Node.js是一個應用程式框架，有時也被稱為執行環境（runtime），透過它，應用程式可使用JavaScript程式語言來構建。 Node.js以其速度而聞名，因為它是非阻塞的。非阻塞意味著一個請求不會等待另一個請求結束（也就是非同步的）。非同步這一特性使Node.js成為當前吞吐量最大的框架，而Java應用伺服器通常阻塞每個繫結到執行緒的請求，只要沒有更多執行緒可用，伺服器會停止接收請求

要求：熟練應用。

先寫這些，以上內容掌握了，寫前端開發基本沒問題了。前端還有許多知識，需要在學習中不斷完善，例如：JSON，XML，SASS，LESS，如果在學習一些後臺開發知識，就如同如虎添翼，一起加油。

前端技術其實很好入門，基本的html、css、js這些看網上的教程差不多就能學會。後面的框架和新技術難一點，如果自己摸索的話，需要花一些功夫。等技術熟練了多做專案練練手，就可以入門前端開發了。

關注優就業，學習更多前端知識。

零基礎學習web前端對於網際網路發達的現在來說出路還是比較多的，就我們比較常見的有web前端培訓和自學倆種方式，而且每種方式都是適合不一樣的人群的，web前端培訓是比較適合零基礎或者是急著進行轉行的有一定基礎的學員，而自學則是比較有基礎的也比較有時間學習的學員。

雖然，倆種學習方式適合的人群不同，但是，學習者的最終目的都是一樣的，都是為了能找一個好的工作。不管是選擇自學還的web前端培訓都是需要適合自己才行，只有選擇適合的才能夠學好，那麼再選擇web前端學習過程中，如何起步就成為了重要考慮的問題。

那麼零基礎怎麼學習web前端，如何起步？

1、對於web前端學習的起步階段的學習方式是非常重要的，可以說是選對了學習方式基本上就算是成功了一半，所以是選擇前端培訓還是自學一定要慎重考慮好。

2、打好基礎，無論做什麼都一定要有紮實的基礎，參加web前端培訓也不例外，只有基礎牢固，才能更深dao入的學習新技能。

3、注重細節，很多web前端開發者在工作過程中為了追求速度，而忽略了一些細節性的東西。比如：給程式碼加備註，程式碼的命名規範，程式碼的簡潔等。所有的這些看似不重要，其實是會嚴重影響到專案的進度和團隊之間的配合，所以要在前端培訓學習中就要養成習慣。

4、不斷加強學習，優秀的web前端工程師之所以優秀，不是因為參加了前端培訓，也不是因為工作時間長，而是具備了一個不斷堅持學習和不斷總結積累的習慣。

大多數人在學習新技能的時候都是零基礎的，這個不需要擔心，只要自己感興趣，堅持下去，著手去做就好，一定要記住，如果確定學了，不要半途而廢，只有這樣，你才能看到自己努力的成果，當你感覺到非常困難的時候，你正在走上坡路。

學習前端路線

推薦網站，w3school或者菜鳥教程都可以，按照上面的路線圖，先把html,css基礎打好了，後面的一些技術都是用基礎知識封裝的，學習的時候，一定要多加練習，只有實踐才能檢驗自己學的效果如何，實踐中才能讓自己發現更多的錯誤，是提升最快的時候。加油！！！