HTML5學習線路

學習HTML、CSS基礎知識,實現PC端靜態頁面製作(例如京東商城),響應式網頁布局的製作(微軟中國官網)、及WebApp頁面布局(淘寶、美團等)。

實現這些需要的知識有

1、學習HTML基本語法:雙標籤、單標籤語法結構。

2、常用標籤:標題標籤、段落標籤、布局標籤、表格、列表、標籤標籤。

3、學習CSS基本語法:選擇器聲明。

4、學習CSS的三種樣式表:內聯、內部、外部

5、學習CSS的各種常用選擇器

6、學習CSS的選擇器、樣式表的優先順序和權重問題。

7、學習CSS的核心屬性及屬性值

8、學習CSS的元素類型的轉換

9、學習CSS的定位錨地的應用

10、學習CSS中的圖片整合技術的應用

11、學習CSS中常見的瀏覽器的兼容及解決方法

12、學習HTML5新增元素及屬性

13、學習CSS3新增選擇器的應用

14、學習CSS3的2D、3D、關鍵幀動畫的相關應用

15、學習CSS3中彈性盒的應用

16、學習CSS3中媒體查詢響應式的設計應用

學習JavaScript和jQuery及掌握一門後台程序語言的簡單基礎和一個資料庫,實現PC端項目交互開發(做一個電商類型的網站開發)

需要的知識有

1、學習JavaScript的基本語法

2、學習JavaScript的循環語句

3、學習JavaScript的函數與數組

4、學習JavaScript的String和Data

5、學習JavaScript的BOM與DOM

6、學習JavaScript的相關事件

7、學習JavaScript的拖拽效果

8、學習JavaScript的cookie存儲

9、學習JavaScript的正則表達式

10、學習JavaScript的Ajax的應用

11、學習JavaScript的面相對象基礎

12、學習JavaScript的運動與遊戲開發的應用

13、學習JavaScript的ES5和ES6的相關知識

14、學習JavaScript的工具庫的自主研發項目

15、學習jQuery經典交互特效開發(時間軸、瀑布流、焦點圖輪播、彈出層等)

16、學習一門後端語言和資料庫的基礎知識(介面定義、後端聯調)

17、學習前端工程和和模塊化的應用開發(Gulp、Webpack等)

需要學習的框架有

1、學習Vue.js的使用

2、學習React.js的使用

3、學習Angular的使用

4、學習Node.js的使用

5、學習各類混合應用開發(微信公眾號、微信小程序、第三方Hybrid框架等)

6、學習實數可視化的基礎知識實現數據的可視化

學完這些並不代表你就無敵了,HTML5/前端的知識更新很快的,我們只有不斷給自己充電,才能跟上時代的步伐。

推薦閱讀:

想在豬八戒接做網頁,要怎樣系統的學習 ?
前端編程該懂得的工具?
HTML 5 遊戲是否有存在的必要?
初學HTML5使用什麼軟體好?js html5 和css3的編寫使用的程序都不一樣的嗎?
半個像素的情懷

TAG:HTML5 | HTMLCSS | 前端入門 |