以我個人所經歷來給點建議吧:首先，零基礎學習開始學習web前端肯定難。

零基礎，學前端，跟著網上的課程走，估計你學一段時間就不想學了，敲一兩個多月程式碼，差點連前端是幹嘛的都沒有一個總認識。

一、前端編輯器推薦

前端的編輯器有很多。主要接觸的編輯器有兩個。

Webstorm：功能十分強大，對於學生還免費。但是這個編輯器過於重，不建議初學者使用。

Sublime text：自身很輕，啟動快，搭配各種外掛使用。下面給大家介紹一下Sublime text的安裝和配置。

1. 去官網下載Sublime text 3 https://www.sublimetext.com/，直接安裝，接著在安裝目錄下D:\Sublime Text 3建立一個資料夾Data（注意大小寫），然後在執行安裝好的編輯器，編輯器的配置檔案就會生成在Data目錄。

二、前端的學習

第一階段——HTML的學習

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

第二個階段——CSS的學習

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等檔案樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

第三個階段——JavaScript的學習

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

下面你就可以根據自己的需要學習，jQUery，Bootstrap等框架開發複雜的互動功能與效果；

三、我們該如何學習

零基礎建議先看視訊學習，那個w3school,還有一些書，你是看不下去的 

各大學習網站都能找到視訊，建議找個系統的學習視訊

視訊看完，就可以去找一些專案來鞏固；

這是我的web前端交流QQ群：819284125，群裡有開發工具學習教程，歡迎大家一起交流學習