我想學習H5前端，0基礎可以自學嗎？
當然可以了，前端HTML5編程相對來說比較簡單，初次接觸的話，建議還是以熟悉標籤和屬性為主，一個簡單的記事本就行，後期熟悉後，可以使用一些專業的開發工具，了解一些常用的前端框架，提高開發效率。
下面我大概介紹一下：
要想成為一個優秀的HTML5前端工程師，少不了這樣做
如果你想學習，想轉行，想跳槽，真心的建議你選擇一套系統、專業的課程去學習！
它會在一定程度上讓你對未來有更清晰的認知，在「對未來的憧憬」一項上幫你加分。
同時，也是最關鍵的價值，它會為你提供一套清晰的行動方案——什麼時候該學什麼，什麼時候複習、什麼時候做作業、什麼時候測試等等，你只要照做就行。
只要能跟著教學計劃學習、複習、考試、做項目，堅持走完，成為一名專業的HTML5前端工程師並不難。
今天給大家簡單講一下適合新手學習的方法步驟。
方法一：注重實踐，由實踐出
真知在HTML5知識學習過程中，有些學員不喜歡動手，更喜歡聽講師講或者自己背誦，這種學習方法是萬萬不可取的。因為代碼的學習，是個需要動手的過程。掌握代碼不僅僅只有記憶還有嘗試。嘗試自己去寫代碼，然後發現問題，最後進行歸納總結，同時形成理論並記憶。
方法二：由整體到局部，由骨架到血肉我們在學習HTML和CSS時，會涉及到網頁的搭建等相關知識。在學習這部分知識時我們採取的是「由外及內」、「由整體到部分」、「由全局到細節」的學習方法。我們在接觸某一個新的知識點時，一定要從主幹到枝葉，不要拘泥於某一個細節而沉溺於其中。主幹如同知識的一個主線，這種先找主幹後添枝葉的學習方法能夠讓知識遺漏變成最少，也會比較容易建立起知識與知識間的關係。
方法三：記憶很重要我們剛才在方法一中提到注重實踐，並不是讓我們忽略記憶。記憶也是同樣重要的，學習時我們通常會遇到需要記憶的知識點。如有哪些數據類型、有哪些標籤元素等等。遇到這類知識點時我們一定要通過記憶將其熟練掌握，很多人在學習的過程中覺得還是理解是最重要的，這種想法是錯誤的。因為如果連記都記不住還談什麼理解呢?
方法四：類比在學習CSS引入方式這種知識點時，我們採用了另一種學習方法。類比，或者也可以叫做辨析。這種方法主要針對於區分相似的兩種或多種事物。如strong與em，塊元素與行元素，同步與非同步等等此類知識具有相似性的知識，應多多思考，抓取幾種事物的不同點，結合去記憶。
方法五：循序漸進的學習學習是一個日積月累的過程，不能一口吃成一個胖子。在學習的過程中我們通常會遇到一些大型的知識，這種知識是比較難啃的。當我們遇到此類知識時，不要急於求成，要腳踏實地一步一步的來，例如動畫框架的學習就是一個典型的例子。在循序漸進的學習過程中，學習思路也是很重要的。換句話說，我們面對一個「大型」的知識點，知道要按部就班的一步一步的來完成，但是就是不知道該怎麼開始，從哪兒開始。這時候就需要我們有明確的學習思路，在學習知識的過程中重點是關注思路，而具體的小知識點就是血和肉。
方法六：有一雙善於發現的眼睛，利用生活輔助學習。
這種學習方法簡單來講就是利用生活中的實際事物輔助抽象知識的學習。利用這種方法能夠讓我們更快更好的理解和吸收知識，例如在講解AJAX時我們利用了信件郵寄。在講解構造函數時，我們利用了毛坯房和裝修房。在講解引用類型變數的時候我們藉助了鑰匙和倉庫的關係等等。學習並不是一蹴而就的，在學習過程中有一個良好的學習方法這是至關重要的。掌握一套自己的學習方法，日後必定受益終生的。
在選擇HTML5機構學習的時候最好先看一下他們的HTML5學習路線圖，通過HTML5學習路線圖了解學習的HTML5課程，然後再循序漸進的去學習。
第一步，要做的是先了解一下HTML5的基礎知識，HTML5所需要的開發環境以及HTML的用途，並熟悉標籤屬性等。
第二步，了解並學習CSS3，這是為更好地進行網頁設計而做的準備。並且還要學會HTML5與css的搭配使用，從而可以使網站更加的炫。
第三步，學習js、jq、ajax的應用，然後再學習Node.JS、MongoDB、Express Vue.js前端技術。只有掌握了這些技術才真正達到2年開發水平的經驗。並且安排大型的單頁引用項目實戰。
web的前端：一篇總結得超全的前端進階文章！入門、技巧、方法、書籍、網站...?zhuanlan.zhihu.com
作者：jinmu520
鏈接：為什麼你學HTML5前端這麼久，水平還是爛成渣？_jinmu520的博客-CSDN博客來源：CSDN
發佈於 2020-12-16繼續瀏覽內容
知乎發現更大的世界打開
Chrome繼續
web頭腦風暴
當然可以，那麼零基礎怎麼學習HTML5前端開發，前端開發是創建web頁面或者app等前端界面呈現給用戶的過程，通過HTML,CSS，JavaScript以及衍生出來的各種技術，框架，解決方案。來實現互聯網產品的用戶界面交互，它從頁面製作演變而來，名稱上有很明顯的時代特徵，今天就給大家分享一份零基礎學習HTML5的方法。
在互聯網的演化進程中，網頁製作是Web1.0時代的產物，早期網站主要內容都是靜態，以圖片和文字為主，用戶使用網站的行為也以瀏覽為主。隨著互聯網技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，交互效果顯著，功能更加強大。這份web前端課程大綱是集合市面上全新的前端技術，適合所有的學習者學習。
1前端頁面重構
內容包含了：PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目。
2Java高級程序設計
內容包含：原生 Java交互功能開發項目、面向對象進階與 ES5/ES6應用項目、Java工具庫自主研發項目……
3PC端全棧項目開發
內容包含：jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目……
4移動端項目開發
內容包含：Touch端項目、微信場景項目、應用 Angular+Ionic開發 WebApp項目、應用 Vue.js開發 WebApp項目、應用 React.js開發 WebApp項目……
5混合（Hybrid,ReactNative）開發
內容包含：微信小程序開發React Native各類混合應用開發
6NodeJS全棧開發
內容包括：WebApp後端系統開發一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫
7大數據可視化
內容包含：大數據可視化化基礎與實戰一、數據可視化入門二、D3.js詳解三、其他JS庫
HTML5前端入門門檻很低，零基礎想要學習這門技術也不用擔心，只要掌握好的學習方法和學習路徑，是可以熟練的掌握這門技術的。
以上就是我的分享，希望對你有所幫助，另外我自己也從事前端開發多年，自己對於前端也做了一些學習的總結，也錄製了基礎的精講視頻和學習方法，
如果你這邊需要的話，可以點此鏈接：分享自己總結錄製的前端精講視頻
另外如果對於學習前端還有什麼問題（學習方法，學習效率，如何就業）可以私信我，隨時為你解答
當然可以，那麼零基礎怎麼學習HTML5前端開發，前端開發是創建web頁面或者app等前端界面呈現給用戶的過程，通過HTML,CSS，JavaScript以及衍生出來的各種技術，框架，解決方案。來實現互聯網產品的用戶界面交互，它從頁面製作演變而來，名稱上有很明顯的時代特徵，今天就給大家分享一份零基礎學習HTML5的方法。
在互聯網的演化進程中，網頁製作是Web1.0時代的產物，早期網站主要內容都是靜態，以圖片和文字為主，用戶使用網站的行為也以瀏覽為主。隨著互聯網技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，交互效果顯著，功能更加強大。這份web前端課程大綱是集合市面上全新的前端技術，適合所有的學習者學習。
1前端頁面重構
內容包含了：PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目。
2Java高級程序設計
內容包含：原生 Java交互功能開發項目、面向對象進階與 ES5/ES6應用項目、Java工具庫自主研發項目……
3PC端全棧項目開發
內容包含：jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目……
4移動端項目開發
內容包含：Touch端項目、微信場景項目、應用 Angular+Ionic開發 WebApp項目、應用 Vue.js開發 WebApp項目、應用 React.js開發 WebApp項目……
5混合（Hybrid,ReactNative）開發
內容包含：微信小程序開發React Native各類混合應用開發
6NodeJS全棧開發
內容包括：WebApp後端系統開發一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫
7大數據可視化
內容包含：大數據可視化化基礎與實戰一、數據可視化入門二、D3.js詳解三、其他JS庫
HTML5前端入門門檻很低，零基礎想要學習這門技術也不用擔心，只要掌握好的學習方法和學習路徑，是可以熟練的掌握這門技術的。
以上就是我的分享，希望對你有所幫助，另外我自己也從事前端開發多年，自己對於前端也做了一些學習的總結，也錄製了基礎的精講視頻和學習方法，
如果你這邊需要的話，可以點此鏈接：分享自己總結錄製的前端精講視頻
另外如果對於學習前端還有什麼問題（學習方法，學習效率，如何就業）可以私信我，隨時為你解答
可以，現在網上教程這麼多，時間充足可以自學。可以看看我這個回答：
web前端到底是自學好還是去培訓機構好？有啥差別嗎？?www.zhihu.com
有時間沒錢就選擇自學，有錢想要節省時間，早點參加工作，就可以去報個班。
首先可以肯定，0基礎是可能自學的。
但對於初學者來說，學習過程中可能遇到很多問題，適合不適合自己，還是要看有沒有學習的毅力，能不能堅持學習下去。
學習之前，推薦你先看看這套教程：
2020版Web前端_HTML5教程_完全入門_學完達到前端工程師水平
本套視頻是由千鋒教育 HTML5 學院推出的 2020 年「H5 大前端」學習視頻，通過本視頻的學習，可以從零開始，一步步的掌握前端開發的各項相關技能，最終達到企業對初級前端開發工程師，中級前端開發工程師，高級開發工程師，全棧開發工程師等職位的要求。
學習傳送門：2020版Web前端_HTML5教程_完全入門_學完達到前端工程師水平
這份套web前端教程完全從0開始講起，並集合了市面上全新的前端技術，適合所有的0基礎前端小白學習者學習。
希望對您的學習有所幫助！
發佈於 2020-07-28繼續瀏覽內容知乎發現更大的世界打開Chrome繼續
尚學堂前端學院?已認證的官方帳號
對於初學者首先要了解的是，什麼是前端？前端是做什麼的？前端即網站前台的部分，通俗的講就是我們平時在瀏覽器搜索出來的網頁都屬於前端，前端分為移動端（手機端）和PC端（電腦端）兩部分。
前端頁面又分為靜態頁面和動態頁面，在最開始時，前端頁面主要是靜態網頁，所謂的靜態網頁就是沒有與任何用戶進行交互，僅僅只是供讀者瀏覽的網頁。隨著時代的發展、技術的提升，單一的圖片和文字並不能滿足用戶的需求，動態網頁就慢慢的演變而來，所謂動態網頁是指用戶不僅僅可以瀏覽網頁，還可以與伺服器進行交互。怎麼與伺服器交互呢？比如用戶想在網站登錄自己的賬戶，在登錄表單中故意輸錯賬號密碼，這時客戶端（即瀏覽器）會向伺服器發起驗證請求，伺服器檢測到用戶輸入的賬號密碼不正確，則會給用戶返回「您輸入的賬號密碼不正確」標識。
前端網頁開發就如同在寫字板上畫畫，學會靈活運用紙筆，在寫字板上畫出你想要的結構布局，顏色填充。實際上前端就是這樣，靈活運用html（結構），css（樣式），javascript（行為），就能開發出你想要的頁面。
下面這個是我之總結的：
尚學堂前端學院：前端詳細學習線路?zhuanlan.zhihu.com
發佈於 2020-07-27繼續瀏覽內容知乎發現更大的世界打開Chrome繼續
前端小學妹
我回答過類似的問題，可以參考一下：
我0基礎學前端，學10天，學了html和css語法記不住，概念混淆，不會寫頁面，跪謝！求大家指導？?www.zhihu.comweb前端學習、面試；文檔、視頻資源免費獲取鏈接：
web前端學習、面試；文檔、資源免費獲取
對於初學者首先要了解的是，什麼是前端？前端是做什麼的？前端即網站前台的部分，通俗的講就是我們平時在瀏覽器搜索出來的網頁都屬於前端，前端分為移動端（手機端）和PC端（電腦端）兩部分。
前端頁面又分為靜態頁面和動態頁面，在最開始時，前端頁面主要是靜態網頁，所謂的靜態網頁就是沒有與任何用戶進行交互，僅僅只是供讀者瀏覽的網頁。隨著時代的發展、技術的提升，單一的圖片和文字並不能滿足用戶的需求，動態網頁就慢慢的演變而來，所謂動態網頁是指用戶不僅僅可以瀏覽網頁，還可以與伺服器進行交互。怎麼與伺服器交互呢？比如用戶想在網站登錄自己的賬戶，在登錄表單中故意輸錯賬號密碼，這時客戶端（即瀏覽器）會向伺服器發起驗證請求，伺服器檢測到用戶輸入的賬號密碼不正確，則會給用戶返回「您輸入的賬號密碼不正確」標識。
前端網頁開發就如同在寫字板上畫畫，學會靈活運用紙筆，在寫字板上畫出你想要的結構布局，顏色填充。實際上前端就是這樣，靈活運用html（結構），css（樣式），javascript（行為），就能開發出你想要的頁面。
下面這個是我之總結的：
尚學堂前端學院：前端詳細學習線路?zhuanlan.zhihu.com發佈於 2020-07-27繼續瀏覽內容知乎發現更大的世界打開Chrome繼續前端小學妹
我回答過類似的問題，可以參考一下：
我0基礎學前端，學10天，學了html和css語法記不住，概念混淆，不會寫頁面，跪謝！求大家指導？?www.zhihu.comweb前端學習、面試；文檔、視頻資源免費獲取鏈接：
web前端學習、面試；文檔、資源免費獲取
我回答過類似的問題，可以參考一下：
我0基礎學前端，學10天，學了html和css語法記不住，概念混淆，不會寫頁面，跪謝！求大家指導？?www.zhihu.comweb前端學習、面試；文檔、視頻資源免費獲取鏈接：
web前端學習、面試；文檔、資源免費獲取
以下純屬個人觀點和建議，肯定是有局限性的，但是也希望能給你帶來一些幫助。
開始
我們儼然能感受到前端崗位現在已經發展成了最重要的研發崗位之一，所以多我們提出的要求也就越來越高了。所以我們需要的也就不僅僅只是掌握css、html、JavaScript了，但是這三大件一直都是前端的根本，這一點從未改變，而這三大件中JavaScript又是重中之重、
接下來我會結合我的一點經驗，給出前端系統學習路線的一些具體建議以及入門前端時的一些困境。
入門前端時的一些困境
1、因一些基礎演算法、數據結構理論不紮實導致一些編程思維難於理解。比如 原型鏈，如果清楚 數據結構中鏈表結構，那麼這個東西不難理解，再比如 哈希值，懂得數據結構中哈希表，哈希值也就迎刃而解。
2、計算機體系結構、操作系統理論、網路理論不紮實導致到後期一些東西難於理解。比如有同學從前端學習入手，後來學習node開發 ，在 I/O ,進程、線程、IPC 、線程鎖方面有些概念就比較難於理解，而導致不能很好得使用node 的api 。
3、前端整體體系架構沒有做過深入思考。
導致用會用，但不知道為什麼用，用另外一個有什麼區別。
4、學習環境中無高手。
沒有高手能夠指導自己進入下一個層次。
5、有意識但是沒有行動我的網盤收集了一堆資料或者一堆視頻，然後就沒有然後了 。
如何系統的學習以及學習的知識點：
階段一 : 前端基礎 學完前端的基礎知識，大家基本能夠根據PSD文件文件，完成PC端靜態網頁的開發工作，但是學完此階段，尚不能夠達到企業用人標準。 HTML：瀏覽器與瀏覽器內核、HTML基本結構、HTML常用標籤。 CSS：CSS介紹和CSS樣式表、CSS基本選擇器、CSS複合選擇器、 CSS三大特性。
階段二 : 移動Web網頁開發 學完移動Web網頁開發,大家能夠完成移動Web網頁、響應式頁面以及炫酷頁面的開發工作，當然完成此階段，任然不能夠達到企業用人標準。 H5C3進階：vscode編輯器基本使用、HTML5新增標籤。 Flex 伸縮布局：移動端基礎知識、Flex伸縮布局基礎知識。 移動web開發：媒體查詢、less介紹和使用、rem適配及原理。
階段三 : JavaScript網頁編程 學完JavaScript網頁編程，相信大家已經能夠完成PC端網頁、移動Web網頁、響應式頁面中的功能和特殊效果的開發工作，具備一定的企業基礎用人標準，但尚未達到初級前端開發工程師水平。
JavaScript基礎語法：計算機基礎和JavaScript介紹、JavaScript變數、JavaScript數據類型、JavaScript操作符、 JavaScript數組和冒泡排序、 JavaScript函數及應用、JavaScript作用域及預解析、JavaScript對象、JavaScript簡單類型和複雜類型。
WebAPI編程：API 和 Web API、DOM介紹、 BOM介紹及應用、this指向和js執行機制、location、navigator、history對象、 offset、client、scroll三大家族介紹及案例應用、緩動畫的原理和封裝。
jQuery快速開發：jQuery介紹及常用API導讀、jQuery鏈式編程及樣式操作、 jQuery事件綁定和解綁、jQuery插件的使用。
JavaScript高級：面向對形象編程介紹、類和對象、構造函數和原型對象、forEach、some。
Object.defineProperty方法、函數進階、call、apply、bind的使用、 閉包及應用、遞歸及應用、正則表達式及應用、ES6中的let和const、ES6解構賦值、ES6箭頭函數、剩餘參數和拓展運算符、 Array實例方法、ES6模板字元串和set數據結構。
階段四 ： Node與Ajax 學完階段四的內容，大家能夠完成前後端數據交互、基於前後端分離模式、傳統模式的開發的工作，學完此階段，具備企業基礎用人標準，能夠達到初級前端開發工程師水平。
Node+Gulp：node介紹和環境安裝、node模塊化、gulp使用、伺服器和http協議、Promise。
MongoDB+Express：MongoDB資料庫和資料庫的增刪改查、mongoose驗證、art-template模板引擎使用、Express框架。
Ajax：Ajax基礎知識、Ajax函數封裝、 CORS、jQuery中Aajx方法的使用。
Git和GitHub：git配置和使用、github及多人協作開發、git補充內容。
階段五 : 前端工具和框架
掌握前端工具和框架，大家能夠實現基於Vue技術棧項目的開發能力，學完此階段，具備企業用人標準，能夠達到中級前端開發工程師水平。
Vue基礎：axios和vue-resource、vue動畫、vue組件、vue路由
webpack：webpack介紹與安裝、webpack之loader配置與使用、webpack與vue結合使用。
前端的學習差不多就是上面的五個階段，如果沒有什麼基礎的初學者，學完差不多也需要半年才能找工作。當然有一定基礎的同學能夠更快掌握前端技術。因此學習前端的小夥伴不用糾結學習時間要多久，更應該注意的是學習質量才對。畢竟只有學到了有用的技能，才能不愁找不到工作。
前端班先生：web前端到底怎麼學?(深度詳解)?zhuanlan.zhihu.com
很多同學在學習H5前端上，喜歡選擇自學，從而想省去一筆費用來學到知識。可是結果卻不盡人意，學不到知識不說，最後浪費了學習最佳的學習時間。那麼為什麼不建議o基礎的自學H5前端呢?而最適合學習H5前端的方式又是什麼?
先來探討下自學H5前端的幾種方式吧。
1. 百度搜索
雖然方便，有什麼搜索什麼就可以有答案出來，但是對於剛入行的小白來說，是分不出來那個答案是對，那個是錯，因為百度搜索的答案會有非常多種，一個小小的問題有可能會出來成千上萬種，那到底那個是對的那個是錯的。自己也不知道，這時可能會直接選擇一個靠前的答案，也有可能會隨便選擇一個答案，還有一些人比較有耐心，會全去看完然後作對比，這時答案可能比較接近，但是會浪費大量的時間。 2.書籍學習 很多人喜歡去買一些和HTML5有關的書，可是很多人都不知道應該買那本書，導致很多人去買了一些銷量不錯的書籍，這種基礎軟體學習看書，其實是學的最慢，最枯燥的。 3. 網盤教程學習 很多人的網盤上有幾十G，甚至幾百G的視頻教程，有講web前端的，也有HTML5的，那麼為什麼看了那麼多還沒有學會呢。很多人喜歡挑，東挑西挑，總想找到更好的教程，結果就是1套沒有看完就去找第2套了，就這樣一直找下去，視頻越來越看，最後認真看完一套的人，基本上是很少的。 4. 到處加群去交流 這個情況的學員也不少，就是碰到問題喜歡去各大QQ群里問，那麼問題來了群里本身好多都是不會HTML5的人，你也跑去問問題，你連對方是什麼實力也不清楚，得到的答案會靠譜嗎? 5. 到處聽課 很多學員喜歡去網上聽好多好多的公開直播課，也就是免費的HTML5直播課程，東聽一個西聽一個，聽課是好事，但是聽的課如果一直是公開課，那基本也不可能學會的，因為公開課講的知識都是不深的，這不能說是公開課老師不願意講深入的原因，而是一般去聽公開課直播課的人都是沒有基礎的，如果講高深的課程，基本就更不用人聽了。綜合來說，學習HTML5開發，建議還是要系統學習，不僅可以避免以上發生的問題，還可以加快效率學到想要的知識。與企業直接接軌。
推薦閱讀：
