亚洲无码模一级黄片-在线看片无码永久免费视频-国产免费人成网站在线观看不卡-欧美黄视频|www.zmwjm.net

課程簡介    

    HTML5是web的未來，不僅在電腦端，而且在移動端也會得到廣泛的應(yīng)用。為了讓大家能夠充分了解HTML5的基礎(chǔ)知識，并且能結(jié)合相關(guān)技術(shù)，開發(fā)相應(yīng)的WEB網(wǎng)頁和移動應(yīng)用，本課程全面介紹了如何使用HTML5的相關(guān)知識。在學(xué)習(xí)完本課程之后，相信大家一定能夠掌握這門技術(shù)，并可以進(jìn)行實際項目的開發(fā)。

學(xué)員收益

    系統(tǒng)掌握HTML5+JS+PHP開發(fā)核心技術(shù)，豐富的項目實戰(zhàn)貫穿整個學(xué)習(xí)，相當(dāng)于2年開發(fā)的經(jīng)驗積累

培訓(xùn)對象

    程序員/資深程序員

    軟件設(shè)計人員/軟件架構(gòu)師

    軟件開發(fā)項目經(jīng)理

    軟件測試經(jīng)理

    軟件維護(hù)人員

    其他相關(guān)崗位的人員或有興趣的個人

知識概要

第一階段：HTML5 基礎(chǔ)和必備知識  

  1. HTML5 和前端開發(fā)

      1.1. HTML 的發(fā)展歷史及愿景

      1.2. 什么是 Mobile Web？

      1.3. HTML 5 前端開發(fā)和特性集成

      1.4. 前端和后臺的集成開發(fā)介紹

      1.5. 使用 PhoneGap 進(jìn)行 Hybrid 開發(fā)介紹

  2. HTML5 基本語法

      2.1. 簡潔化的 Doctype 和 charsets

      2.2. 新的語義化/結(jié)構(gòu)化元素

      2.3. 從 HTML4 中去除的舊元素

      2.4. Demo：第一個 HTML5 頁面

      2.5. HTML5 代碼驗證

  3. CSS 基本選擇器和樣式

      3.1. 使用 CSS 選擇器

      3.2. 使用 CSS 進(jìn)行基本的樣式操作

      3.3. Block 和 Inline

      3.4. 浮動，定位，邊框，邊距，填充和文本

      3.5. 理解 viewport

  4. JavaScript 基礎(chǔ)

      4.1. 基本數(shù)據(jù)類型，語法和流程控制

      4.2. 事件處理

      4.3. Dom 操作

      4.4. JSON

      4.5. 函數(shù)和作用域

  5. 混合標(biāo)記

      5.1. 腳本位置

      5.2. 使用 head 標(biāo)記

      5.3. 導(dǎo)入 和 鏈接

      5.4. 更多的 Meta 標(biāo)簽

      5.5. 插入 Analytics

  6. HTML5 生態(tài)環(huán)境及 API 概覽

      6.1. Canvas

      6.2. Web Workers

      6.3. Web Sockets

      6.4. Web Storage

      6.5. IndexedDB

      6.6. Geolocation

      6.7. File API

第二階段：HTML5 快速進(jìn)階

  1. JavaScript 和 jQuery

      1.1. 使用開發(fā)者工具的控制臺功能

      1.2. 深入了解 DOM

      1.3. 作用域，私有 和 公共，回調(diào)和嵌套，命名空間，使用對象字面量，模式，代碼執(zhí)行以及常用的最佳實踐

      1.4. jQuery 常用功能

      1.5. 事件處理和綁定的常見問題

  2. 選擇和樣式

      2.1. 使用 Web 開發(fā)者工具的在線樣式功能

      2.2. CSS3 的選擇器

      2.3. CSS3 的屬性

      2.4. CSS3 使用提醒和注意問題

      2.5. CSS3 常用功能

  3. 高級標(biāo)記 和 SVG

      3.1. 其他 Meta 標(biāo)記

      3.2. 搜索引擎優(yōu)化概要

      3.3. 微格式

      3.4. 高級 SVG

      3.5. ARIA

      3.6. 媒體識別(@media)

      3.7. 有關(guān) Retina

  4. 高級選擇和樣式

      4.1. 字形和字體圖標(biāo)

      4.2. 有效地使用多背景圖片

      4.3. 有關(guān) nth-of 及其他靜態(tài)選擇器

      4.4. 高級定位技術(shù)

      4.5. 有關(guān)邊框, 網(wǎng)格, 表格, 以及 Flex box

      4.6. 重置技術(shù)

      4.7. 使用 before 和 after 過濾器注入的的高級樣式

  5. HTML5 API 使用概要（1）

      5.1. Canvas 2D

      5.2. WebSocket：持久連接和雙向通信

      5.3. Web storage

  6. HTML5 API 使用概要（2）

      6.1. WebWorkers: JavaScript 并發(fā)

      6.2. IndexedDB

      6.3. HTML5 消息和通信

第三階段：HTML5 Mobile Web

  1. jQuery Mobile

      1.1. jQuery Mobile 框架介紹

      1.2. 理解 data-* 

      1.3. 處理 Mobile Viewport

      1.4. 多視圖架構(gòu)

      1.5. 使用 XmlHTTPRequest 和 JSONP 連接服務(wù)器

      1.6. 使用本地 jQuery Mobile Lisener重寫頁面處理

      1.7. 自定義主題

      1.8. 快速移動原型開發(fā) 

  2. 響應(yīng)式設(shè)計

      2.1. 靈活的設(shè)計

      2.2. 方向和像素

      2.3. 使用 JS 增強(qiáng) Viewport 靈活性

      2.4. 設(shè)備分辨

      2.5. 檢測的一般范式

      2.6. 網(wǎng)格布局及其利弊

      2.7. 動態(tài)圖像和字體

  3. 觸控事件

      3.1. 捕捉觸控事件

      3.2. 多點觸控和手勢

      3.3. 觸控事件解析

      3.4. 解耦觸控和鼠標(biāo)事件

      3.5. 鼠標(biāo)和觸控處理的細(xì)節(jié)及注意事項

      3.6. 滾輪，Shift，Ctrl 以及 Alt 鍵相關(guān)

  4. 表單

     4.1. 新的輸入類型

     4.2. 新的屬性

     4.3. 表單驗證

     4.4. 表單相關(guān)的 CSS 選擇器

     4.5. FormData 對象API

     4.6. 瀏覽器支持情況

  5. 應(yīng)用緩存

      5.1. 離線運行的基本原理

      5.2. 理解緩存

      5.3. Manifest 語法和服務(wù)器配置

      5.4. 瀏覽器緩存過程及相關(guān)事件

      5.5. 緩存的檢查過程和過期問題

      5.6. Manifest 注意問題

  6. 單頁面應(yīng)用

      6.1. 單頁面應(yīng)用模型

      6.2. #! 和轉(zhuǎn)義片段

      6.3. 壓入和彈出狀態(tài)（History API）

      6.4. 元數(shù)據(jù)狀態(tài)

      6.5. 重新注入和綁定替換元素

      6.6. AJAX 和 JSONP