學習HTML5的同學越來越多，但是很多都是零基礎或者轉行過來學習的，很多人對于HTML5都不是很了解，那么要學習哪些內容，哪些適合零基礎的同學去學習，今天HTML5零基礎教程學習大綱分享給大家參考學習。
階段：前端頁面重構：PC端網站布局、HTML5+CSS3基礎項目、WebAPP頁面布局;
第二階段：Java程序設計：原生Java交互功能開發、面向對象開發與ES5/ES6、Java工具庫自主研發;
第三階段：PC端全棧項目開發：jQuery經典交互開發、HTTP協議，Ajxa進階與后端開發、前端工程化與模塊化應用、PC端網站開發、PC端管理信息系統前端開發;
第四階段：移動端webAPP開發：Touch端項目、微信場景項目、應用Vue.js開發WebApp項目、應用Ionic開發WebApp項目、應用React.js開發WebApp;
第五階段：混合(Hybrid)開發：各類混合應用開發;
第六階段：NodeJS全棧開發：WebApp后端系統開發;
第七階段：大數據可視化：數據可視化入門、D3.jS詳解及項目實戰。
一個好的課程內容可以讓我們學習的時候更清晰，更好的掌握學習的方向。
常見的HTML5開發工具有哪些？
1、Sublime Text
Sublime Text 是一個跨平臺的代碼編輯器，同時支持Windows、Linux、Mac OS X等操作系統，也是HTML和散文先進的文本編輯器。Sublime Text具有漂亮的用戶界面和強大的功能，主要功能包括:拼寫檢查，書簽，完整的 Python API ，Goto 功能，即時項目切換，多選擇，多窗口等等。
2、Dreamweaver
Dreamweaver是集網頁制作和管理網站于一身的所見即所得網頁編輯器，擁有可視化編輯界面，支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁，初學HTML5的人可以無需編寫任何代碼就能快速創建Web頁面。
3、Adobe Edge
Adobe Edge是一款新型網頁互動工具，允許設計師通過HTML5、CSS和Java制作網頁動畫。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構一致性。
4、WebStorm
WebStorm是一款Java 開發工具，目前已經被廣大中國JS開發者譽為"Web前端開發神器"、"強大的HTML5編輯器"、"智能的Java IDE"等。WebStorm具有的優勢是：智能的代碼補全、代碼格式化、html提示、聯想查詢、代碼重構、代碼檢查和快速修復、代碼調試、代碼結構瀏覽、代碼折疊、包裹或者去掉外圍代碼。
5、Sencha Touch
Sencha Touch是全球的應用程序開發框架，其設計旨在充分利用HTML5、CSS3 和Java 來實現別的功能、靈活性和優化。Sencha Touch 是針對下一代具有觸摸屏設備的跨平臺框架。
6、DevExtreme
DevExtreme是專為你的移動世界精心準備的，一個跨平臺開發的HTML5/JS框架，可以構建iOS、Android、Tizen和Windows Phone 8應用程序，是Visual Studio開發人員開發跨平臺移動產品的優選工具。
7、Dojo Foundation Maqetta
Dojo Foundation Maqetta是為桌面和移動設備開發HTML5應用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設計師可以通過拖放組裝UI樣板。
除此之外，還有很多的HTML5開發工具，小編就不在此一一舉列了。