html5開發學習路線圖：前端入門學習

 隨着web移動端開發的大趨勢，HTML5和CSS3的出現，對前端工程師來講面臨着新的挑戰。對於零基礎的自學者，或者是尋求轉業可是又不能參加脫產學習的人來講，經過視頻教程進行學習就成了最有效的學習方式。

 

此線路圖是針對HTML5初級開發工程師量身定作，基礎知識點覆蓋全面，每一個部分課程學習以後，都會有相應的實戰訓練，能夠說是邊學邊練、迅速提升的最佳HTML5初級開發工程師學習線路圖。

第一部分：HTML5課程介紹 

一、互聯網發展趨勢

二、H5語言的優點

三、簡單易學人人都能編程

四、H5就業和薪資狀況

五、H5常見的項目與產品

六、H5的將來與方向

第二部分：HTML基礎 

一、HTML簡介與歷史版本

二、經常使用開發軟件

三、常見標籤與屬性

四、表格與表單

五、標籤規範與標籤語義化

六、實戰：網頁結構佈局

第三部分：CSS基礎 

一、css簡介與基本語法

二、常見的各類樣式屬性

三、CSS選擇器與標籤類型

四、理解盒子模型與CSS重置

五、浮動與定位

六、利用photoshop工具測量樣式

七、HTML+CSS開發網頁

八、實戰：高仿電商首頁效果

第四部分：CSS3基礎

一、css3常見樣式

二、css3選擇器

三、變形與動畫

四、3D效果與關鍵幀

五、彈性盒模型

第五部分：移動端佈局 

一、移動端基本概念

二、viewport窗口設置

三、移動端佈局方案

四、rem、vh、vw等單位

五、響應式佈局

六、bootstrap框架

第六部分：JavaScript基礎 

一、JS簡介

二、JS變量

三、數據類型與類型轉換

四、運算符與優先級

五、流程控制-if..else

六、流程控制-switch...case

七、流程控制-while、do..while、for循環

八、break、continue語法

九、函數定義與調用

十、全局變量與局部變量

十一、函數傳參與返回值

十二、函數做用域與變量做用域

1三、DOM的基本操做

1四、定時器使用

1五、this指向與修改指向

1六、數組、字符串等方法操做

1七、時間對象與正則對象

1八、掌握常見BOM操做

1九、常見事件與事件細節

20、JSON與AJAX

2一、JSONP跨域操做

2二、前端cookie的使用

2三、實戰：JS配合HTML與CSS完成電商項目

第七部分：jquery框架 jquery框架介紹及優點介紹

一、jquery核心思想

二、jquery常見方法

三、jquery動畫操做

四、jqueryAJAX操做

五、jquery工具方法

六、利用jquery快速開發網頁

第八部分：PHP基礎 

一、PHP簡介與基本語法

二、mysql數據庫及sql語法

三、apache服務器與集成開發工具

四、PHP連接數據庫

五、PHP與AJAX交互

六、實戰：留言板、登陸、註冊等

第九部分：H5基礎項目 

一、項目簡介

二、項目功能演示

三、項目劃分及框架

四、編寫HTML頁面結構

五、設置CSS樣式

六、添加JS交互

七、可選框架：bootstrap、jquery、PHP等

八、項目調試及兼容

九、項目驗收

 

WEB前端學習交流羣20 103791667