課程介紹：超級棒的Html5開發學習視頻教程，講解到了其他很多教程不會講的細節知識
—————————-課程目錄—————————-
<HTML5語言工程師>
├<第10階段 CreateJS基礎>
│ ├<1 CreateJS介紹>
│ │ ├1. CreateJS介紹-EaselJS.mp4
│ │ ├2. CreateJS介紹-TweenJS.mp4
│ │ ├3. CreateJS介紹-SoundJS.mp4
│ │ └4. CreateJS介紹-PreLoadJS.mp4
│ ├<2 CreateJS基礎>
│ │ ├1. CreateJS基礎-EaselJS容器.mp4
│ │ ├2. CreateJS基礎-EaselJS繪圖.mp4
│ │ └3. CreateJS基礎-EaselJS事件.mp4
│ ├<3 CreateJS控件>
│ │ ├1. CreateJS控件-Text.mp4
│ │ ├2. CreateJS控件-BitMap.mp4
│ │ ├3. CreateJS控件-MovieClip.mp4
│ │ ├4. CreateJS控件-Sprite.mp4
│ │ └5. CreateJS控件之DOMElement.mp4
│ ├<4 CreateJS-TweenJS>
│ │ ├1. CreateJS TweenJS-CSSPlugin.mp4
│ │ ├2. CreateJS TweenJS-Ease.mp4
│ │ ├3. CreateJS TweenJS-MotionGuidePlugin.mp4
│ │ └4. CreateJSTweenJS-Tween.mp4
│ ├<5 Createjs與flash生成js文件交互>
│ │ ├1. CreateJS與flash交互中使用Flash生成js文件.mp4
│ │ └2. CreateJS與flash交互中加載圖片資源.mp4
├<第11階段 TypeScript基礎>
│ ├<1 TypeScript環境搭建>
│ │ ├1. TypeScript介紹.mp4
│ │ ├2. Mac OS X下TypeScript開發環境搭建.mp4
│ │ └3. Windows環境下TypeScript開發環境搭建.mp4
│ ├<2 TypeScript基本數據類型>
│ │ ├1. TypeScript基本數據類型-boolean、number、string.mp4
│ │ ├2. TypeScript基本數據類型-Array、enum.mp4
│ │ └3. TypeScript基本數據類型-any、void.mp4
│ ├<3 TypeScript接口(Interfaces)>
│ │ ├1. TypeScript 接口-創建接口.mp4
│ │ ├2. TypeScript 接口-可選屬性.mp4
│ │ ├3. TypeScript 接口-函數類型.mp4
│ │ ├4. TypeScript 接口-數組類型.mp4
│ │ ├5. TypeScript 接口- Class 類型.mp4
│ │ └6. TypeScript 接口-接口繼承與混合類型.mp4
│ ├<4 TypeScript函數>
│ │ ├1. TypeScript 函數-函數類型.mp4
│ │ ├2. TypeScript 函數-可選和默認參數.mp4
│ │ ├3. TypeScript 函數-可變參數.mp4
│ │ ├4. TypeScript 函數-Lambads 和 this 關鍵字的使用.mp4
│ │ └5. TypeScript 函數-重載.mp4
│ ├<5 TypeScript類(Classes)>
│ │ ├1. TypeScript專題-類的創建.mp4
│ │ ├2. TypeScript專題-類的繼承.mp4
│ │ ├3. TypeScript專題-訪問修飾符.mp4
│ │ ├4. TypeScript專題-封裝的實現.mp4
│ │ └5.TypeScript專題-Static和使用技巧.mp4
├<第12階段 實戰開發教程>
│ ├<1 圍住神經貓-HTML5實戰游戲開發教程>
│ │ ├1. 圍住神經貓-游戲玩法.mp4
│ │ ├2.圍住神經貓-使用createjs.mp4
│ │ ├3. 圍住神經貓-繪制頁面元素.mp4
│ │ ├4.圍住神經貓-添加監聽事件.mp4
│ │ ├5.圍住神經貓-簡單的邏輯實現游戲效果.mp4
│ │ ├6. 圍住神經貓-完整游戲效果實現.mp4
│ │ ├<source>
│ │ │ ├app.js
│ │ │ ├app.min.js
│ │ │ ├Circle.js
│ │ │ ├createjs-2013.12.12.min.js
│ │ │ └index.html
│ ├<10 回到頂部功能實現>
│ │ ├1. 回到頂部功能實現-頁面布局.mp4
│ │ ├2. 回到頂部功能實現-添加JS實現效果.mp4
│ │ └Top.zip
│ ├<11 圖片與標簽配合制作頁面>
│ │ ├1. 基本標簽介紹.mp4
│ │ ├2. 頁面跳轉的實現.mp4
│ │ └page.zip
│ ├<12 導航欄>
│ │ ├1 水平導航欄.mp4
│ │ ├2 簡約導航欄.mp4
│ │ ├3 垂直導航欄.mp4
│ │ └MyNav.zip
│ ├<13 Tooltip>
│ │ ├1 本課概要.mp4
│ │ ├2 提示框布局.mp4
│ │ ├3 添加提示框.mp4
│ │ ├4 處理提示框邏輯.mp4
│ │ ├5 代碼優化.mp4
│ │ └Tooltip.zip
│ ├<14 幽靈按鈕>
│ │ ├1 幽靈按鈕布局.mp4
│ │ ├2 添加圖片加入動畫.mp4
│ │ ├3 Transition 的應用.mp4
│ │ ├4 設置按鈕效果.mp4
│ │ ├5 邊框動畫效果.mp4
│ │ ├6 邊框動畫效果全部完成.mp4
│ │ ├7 提示框布局制作.mp4
│ │ ├8 添加提示框事件隱藏與顯示.mp4
│ │ └MyGhost.zip
│ ├<15 列表切換>
│ │ ├1,CSS經典計算方法.mp4
│ │ ├2,列表基本布局.mp4
│ │ ├3,切換功能實現.mp4
│ │ └ListStyle.zip
│ ├<16 側邊欄固定>
│ │ ├1,了解側邊欄固定及定義JS函數.mp4
│ │ ├2,使用JS完成功能.mp4
│ │ ├3,處理提示框邏輯.mp4
│ │ └code.zip
│ ├<17 照片墻>
│ │ ├1,照片墻布局.mp4
│ │ ├2,照片墻的全部實現.mp4
│ │ └Pic.zip
│ ├<18.微信內網頁開發工具包(微信JS-SDK)>
│ │ ├1微信公眾平臺開發 JS-SDK 介紹.mp4
│ │ ├2環境搭建.mp4
│ │ ├3.mp4
│ │ └resources.zip
│ ├<2 看你有多色-HTML5實戰游戲開發教程>
│ │ ├1. 看你有多色-游戲介紹.mp4
│ │ ├2. 看你有多色-createjs介紹.mp4
│ │ └3.看你有多色-游戲制作.mp4
│ ├<3 冰桶挑戰-HTML5-實戰游戲開發教程>
│ │ ├1.冰桶挑戰-游戲介紹.mp4
│ │ ├2.冰桶挑戰-制作flash動畫.mp4
│ │ ├3.冰桶挑戰-編寫游戲.mp4
│ │ └source.zip
│ ├<4 打企鵝-HTML5游戲實戰開發>
│ │ ├1. 打企鵝-玩法.mp4
│ │ ├2. 打企鵝-在html中使用flash生成的js文件.mp4
│ │ ├3. 打企鵝-打飛企鵝.mp4
│ │ ├4. 打企鵝-更換背景.mp4
│ │ └source.zip
│ ├<5 javascript語音識別庫-julius>
│ │ └1.javascript語音識別庫-julius.mp4
│ ├<6 極客學院頁面布局實現>
│ │ ├1. 極客學院用戶中心G碼兌換頁面頭像部分的實現.mp4
│ │ ├2. 極客學院用戶中心G碼兌換頁面左半部分列表的布局實現.mp4
│ │ └3. 極客學院用戶中心G碼兌換頁面右半部分的布局實現.mp4
│ ├<7 極客學院播放視頻頁面布局>
│ │ ├1. HTML實戰-視頻播放頁面頭部布局實現.mp4
│ │ ├2. HTML實戰-極客學院視頻模塊布局實現.mp4
│ │ ├3. HTML實戰-極客學院視頻課程介紹布局實現.mp4
│ │ └4. HTML實戰-極客學院問答區布局實現.mp4
│ ├<8 極客學院路徑圖頁面布局實現>
│ │ ├1. HTML實戰-導航設計.mp4
│ │ ├2. HTML實戰-課程盒子設計.mp4
│ │ └3. HTML實戰-課程盒子加入動畫效果.mp4
│ ├<9 標簽切換效果>
│ │ ├1. Tab標簽切換效果-布局實現.mp4
│ │ ├2. Tab標簽切換效果-內容部分的添加.mp4
│ │ └3. Tab標簽切換效果-添加JS代碼.mp4
├<第1階段 HTML5開發前準備>
│ ├1.HTML5開發前準備.mp4
│ ├2.開發前的準備-快捷鍵.mp4
├<第2階段 HTML5基礎>
│ ├<1 HTML5特性簡介>
│ │ ├1.什么是HTML5.mp4
│ │ ├2. HTML5集成開發環境搭建.mp4
│ │ └3. HTML5基礎詳解.mp4
│ ├<2 HTML5元素、屬性和格式化>
│ │ ├1. HTML5元素.mp4
│ │ ├2. HTML5屬性.mp4
│ │ └3. HTML5格式化.mp4
│ ├<3 HTML5樣式、鏈接和表格>
│ │ ├1. HTML5樣式的使用.mp4
│ │ ├2. HTML5鏈接屬性及使用.mp4
│ │ └3. HTML5表格使用.mp4
│ ├<4 HTML5列表、塊和布局>
│ │ ├1. HTML5列表的使用.mp4
│ │ ├2. HTML5塊元素標簽的使用.mp4
│ │ └3. HTML5布局的使用.mp4
│ ├<5 HTML5表單提交和PHP環境搭建>
│ │ ├1. HTML5表單的創建.mp4
│ │ ├2. PHP環境搭建.mp4
│ │ └3. HTML5表單與PHP交互.mp4
│ ├<6 HTML5框架、背景和實體>
│ │ ├1. HTML5框架.mp4
│ │ ├2. HTML5背景.mp4
│ │ └3. HTML5實體.mp4
│ ├<7 XHTML的使用規范>
│ │ └1.XHTML的規范化.mp4
├<第3階段 CSS3基礎>
│ ├<1 CSS入門基礎知識>
│ │ ├1. CSS樣式-背景.mp4
│ │ ├2. CSS樣式-文本.mp4
│ │ ├3. CSS樣式-字體.mp4
│ │ ├4. CSS樣式-鏈接.mp4
│ │ ├5. CSS樣式-列表.mp4
│ │ ├6. CSS樣式-表格.mp4
│ │ └7. CSS樣式-輪廓.mp4
│ ├<2 CSS基本樣式講解>
│ │ ├1. CSS基礎-介紹及語法.mp4
│ │ ├2. CSS基礎-派生選擇器.mp4
│ │ ├3. CSS基礎-id選擇器.mp4
│ │ ├4. CSS基礎-類選擇器.mp4
│ │ └5. CSS基礎-屬性選擇器.mp4
│ ├<3 CSS盒子模型>
│ │ ├1. CSS盒子模型-概述.mp4
│ │ ├2. CSS盒子模型-內邊距.mp4
│ │ ├3. CSS盒子模型-邊框.mp4
│ │ ├4. CSS盒子模型-外邊距.mp4
│ │ ├5. CSS盒子模型-外邊距合并.mp4
│ │ └6. CSS盒子模型-盒子模型應用.mp4
│ ├<4 CSS定位>
│ │ ├1. CSS定位-定位.mp4
│ │ ├2. CSS定位-浮動.mp4
│ │ └3. CSS定位-浮動的應用.mp4
│ ├<5 CSS選擇器>
│ │ ├1. 選擇器-選擇器詳解(1).mp4
│ │ └2. 選擇器-選擇器詳解(2).mp4
│ ├<6 CSS常用操作>
│ │ ├1. CSS常用操作-對齊.mp4
│ │ ├2. CSS常用操作-分類.mp4
│ │ ├3. CSS常用操作-導航欄.mp4
│ │ └4. CSS常用操作-圖片.mp4
│ ├<7 CSS動畫—頁面特效>
│ │ ├1. CSS動畫-2D、3D轉換.mp4
│ │ ├2. CSS動畫-過渡.mp4
│ │ ├3. CSS動畫-動畫.mp4
│ │ ├4. CSS動畫-多列.mp4
│ │ └5.CSS瀑布流效果.mp4
│ ├<8 HTML與CSS簡單頁面效果實例>
│ │ ├1. HTML與CSS簡單頁面效果實例.mp4
│ │ └course175.zip
├<第4階段 JavaScript基礎>
│ ├<1 JavaScript基礎教程>
│ │ ├1. Javascript基礎-介紹、實現、輸出.mp4
│ │ ├2. Javascript基礎-語法和注釋.mp4
│ │ └3. Javascript基礎-變量和數據類型.mp4
│ ├<10 JavaScript面向對象詳解>
│ │ ├1. JS面向對象-認識面向對象.mp4
│ │ ├2. JS面向對象-JS面向對象(1).mp4
│ │ └3. JS面向對象-JS面向對象(2).mp4
│ ├<12 Javascript瀑布流>
│ │ ├1.JS瀑布流效果-布局.mp4
│ │ ├2. JS瀑布流效果-1.mp4
│ │ └3. JS瀑布流效果-2.mp4
│ ├<2 JavaScript語法詳解>
│ │ ├1. Javascript語法-運算符(1).mp4
│ │ ├2. Javascript語法-運算符(2).mp4
│ │ ├3. Javascript語法-條件語句if…else.mp4
│ │ ├4. Javascript語法-條件語句switch.mp4
│ │ ├5. Javascript語法-循環語句for循環.mp4
│ │ ├6. Javascript語法-循環語句while循環.mp4
│ │ └7. Javascript語法-跳轉語句.mp4
│ ├<3 JavaScript函數>
│ │ ├1. Javascript函數-了解函數的用途.mp4
│ │ ├2. Javascript函數-定義函數.mp4
│ │ ├3. Javascript函數-調用函數.mp4
│ │ ├4. Javascript函數-帶參數的函數.mp4
│ │ ├5. Javascript函數-帶返回值的函數.mp4
│ │ └6. Javascript函數-局部變量和全局變量.mp4
│ ├<4 JavaScript異常處理和事件處理>
│ │ ├1. Javascript異常捕獲.mp4
│ │ └2. Javascript事件.mp4
│ ├<5 JavaScript DOM對象>
│ │ ├1. Javascript-DOM簡介.mp4
│ │ ├2. Javascript-DOM操作HTML.mp4
│ │ ├3. Javascript-DOM操作CSS.mp4
│ │ └4. Javascript-DOM EventListener.mp4
│ ├<6 JavaScript事件詳解>
│ │ ├1. JS事件詳解-事件流.mp4
│ │ ├2. JS事件詳解-事件處理.mp4
│ │ └3. JS事件詳解-事件對象.mp4
│ ├<7 JavaScript內置對象>
│ │ ├1. JS內置對象-什么是對象.mp4
│ │ ├2. JS內置對象-String字符串對象.mp4
│ │ ├3. JS內置對象-Date日期對象.mp4
│ │ ├4. JS內置對象-Array數組對象.mp4
│ │ └5. JS內置對象-Math對象.mp4
│ ├<8 JavaScript DOM對象控制HTML元素詳解>
│ │ ├1. JSDOM對象控制HTML元素詳解-1.mp4
│ │ └2. JSDOM對象控制HTML元素詳解-2.mp4
│ ├<9 JavaScript瀏覽器對象>
│ │ ├1. JS瀏覽器對象-window對象.mp4
│ │ ├2. JS瀏覽器對象-計時器.mp4
│ │ ├3. JS瀏覽器對象-History對象.mp4
│ │ ├4. JS瀏覽器對象-Location對象.mp4
│ │ └5. JS瀏覽器對象-Screen對象.mp4
├<第5階段 HTML5新特性基礎>
│ ├<1 HTML5音頻視頻>
│ │ ├1. HTML5音頻播放.mp4
│ │ ├2. HTML5音頻視頻-編解碼工具.mp4
│ │ └3. HTML5音頻視頻-視頻播放.mp4
│ ├<2 HTML5拖放>
│ │ ├1. HTML5拖放.mp4
│ │ └2. HTML5拖放本地資源.mp4
│ ├<3 HTML5Canvas標簽>
│ │ ├1. HTML5Canvas標簽-創建Canvas.mp4
│ │ ├2. HTML5Canvas標簽-繪制圖形.mp4
│ │ └3. HTML5Canvas標簽-繪制圖片.mp4
│ ├<4 HTML5Canvas應用>
│ │ ├1. Canvas應用-認識createjs.mp4
│ │ ├2. Canvas應用-炫酷的效果.mp4
│ │ └source.zip
│ ├<5 SVG>
│ │ ├1. SVG-介紹.mp4
│ │ ├2. SVG-繪制矢量圖形.mp4
│ │ ├3. 引入外部svg文件.mp4
│ │ └svgsource.zip
│ ├<6 Web儲存>
│ │ ├1. Web存儲-客戶端存儲數據新方法.mp4
│ │ ├2. Web存儲-localStroage.mp4
│ │ ├3. Web存儲-sessionStroage.mp4
│ │ └websource.zip
│ ├<7 HTML5 應用緩存與Web Workers>
│ │ ├1. 應用緩存與Web Workers-應用緩存.mp4
│ │ ├2. 應用緩存與Web Workers.mp4
│ │ └L36_WebWorkers.zip
│ ├<8 服務器推送事件>
│ │ ├1. HTML5服務器推送事件-介紹.mp4
│ │ ├2. HTML5服務器端推送事件-實現.mp4
│ │ └tuisong.zip
├<第6階段 響應式布局>
│ ├<1 響應式布局基礎>
│ │ ├1. 響應式布局介紹.mp4
│ │ ├2. 實現響應式布局效果.mp4
│ │ ├3. 響應式布局實例操作.mp4
│ │ └buju.zip
│ ├<2 響應式布局之Bootstrap>
│ │ ├1. 響應式布局之Bootstrap-Bootstrap介紹.mp4
│ │ ├2. 響應式布局之Bootstrap-css、組件以及JS介紹.mp4
│ │ ├3. 響應式布局之使用Bootstrap.mp4
│ │ └Bootstrap.zip
├<第7階段 jQuery基礎>
│ ├<1 jQuery簡介及語法>
│ │ ├1. jQuery簡介及語法-簡介.mp4
│ │ ├2. jQuery簡介與語法-引入jQuery的方法.mp4
│ │ └3. jQuery簡介及語法-語法.mp4
│ ├<10 jQuery瀑布流>
│ │ ├1. jQuery瀑布流-布局.mp4
│ │ ├2. jQuery瀑布流-圖片位置擺放.mp4
│ │ ├3. jQuery瀑布流-滾動加載.mp4
│ │ └waterfall.rar
│ ├<2 jQuery選擇器和事件>
│ │ ├1. jQuery選擇器和事件-選擇器.mp4
│ │ ├2. jQuery選擇器和事件-事件之事件常用方法.mp4
│ │ ├3. jQuery選擇器和事件-事件之綁定、解除綁定事件.mp4
│ │ ├4. jQuery選擇器和事件-事件之事件目標與冒泡.mp4
│ │ └5. jQuery選擇器和事件-事件之自定義事件.mp4
│ ├<3 jQuery效果之隱藏與顯示、淡入淡出、滑動、回調>
│ │ ├1. jQuery效果-隱藏與顯示.mp4
│ │ ├2. jQuery效果-淡入淡出.mp4
│ │ ├3. jQuery效果-滑動.mp4
│ │ └4. jQuery效果-回調.mp4
│ ├<4 jQuery HTML之捕獲、設置、元素添加、元素刪除>
│ │ ├1. jQuery HTML-捕獲.mp4
│ │ ├2. jQuery HTML-設置.mp4
│ │ ├3. jQuery HTML-添加元素.mp4
│ │ └4. jQuery HTML-刪除元素.mp4
│ ├<5 jQuery CSS操作及jQuery的盒子模型>
│ │ ├1. jQuery CSS-jQuery CSS方法.mp4
│ │ └2. jQuery CSS-jQuery盒子模型.mp4
│ ├<6 jQuery之元素的遍歷與元素的過濾>
│ │ ├1. jQuery遍歷之向下遍歷.mp4
│ │ ├2. jQuery遍歷之向上遍歷.mp4
│ │ ├3. jQuery遍歷之同級遍歷.mp4
│ │ └4. jQuery遍歷之過濾.mp4
│ ├<7 jQuery AJAX之異步訪問和加載片段>
│ │ ├1. jQuery AJAX-異步訪問.mp4
│ │ └2. jQuery AJAX-加載片段.mp4
│ ├<8 jQuery的擴展與noConflict>
│ │ ├1. jQuery擴展-jQuery擴展.mp4
│ │ └2. jQuery擴展-noConflict.mp4
│ ├<9 jQuery UI下載與使用>
│ │ ├1. jQuery UI下載與使用-jQuery UI介紹.mp4
│ │ ├2. jQuery UI下載與使用-下載jQuery UI.mp4
│ │ └3. jQuery UI下載與使用-使用jQuery UI.mp4
├<第8階段 jQuery UI基礎>
│ ├<1 jQuery UI下載與使用>
│ │ ├1. jQuery UI簡介.mp4
│ │ ├2. jQuery UI的下載.mp4
│ │ └3. jQuery UI的使用.mp4
│ ├<2 jQuery UI Interactions>
│ │ ├1. jQuery UI Interractions-draggable.mp4
│ │ ├2. jQuery UI Interactions-droppable.mp4
│ │ ├3. jQuery UI Interactions-resizeable.mp4
│ │ ├4. jQuery UI Interactions-selectable.mp4
│ │ └5. jQuery UI Interactions-sortable.mp4
│ ├<3 jQuery UI Widgets(1)>
│ │ ├1. jQuery UI Widgets-Accordion.mp4
│ │ ├2. jQuery UI Widgets-AutoComplete.mp4
│ │ ├3. jQurey UI Widgets-Datepicker.mp4
│ │ └4. jQuery UI Widgets-Dialog.mp4
│ ├<4 jQuery UI Widgets(2)>
│ │ ├1. jQuery UI Widgets-progressbar.mp4
│ │ ├2. jQuery UI Widgets-menu.mp4
│ │ ├3. jQurey UI Widgets-slider.mp4
│ │ └4. jQuery UI Widgets-spinner.mp4
│ ├<5 jQuery UI Effects>
│ │ ├1. jQuery UI Effects-addClass、Blind.mp4
│ │ ├2. jQuery UI Effects-Color Animation、hide、removeClass.mp4
│ │ └3. jQuery UI Effects-show、toggleClass.mp4
├<第9階段 jQuery Mobile基礎>
│ ├<1 了解jQuery Mobile>
│ │ ├1. jQuery Mobile-認識與下載jQuery Mobile.mp4
│ │ ├2. jQuery Mobile-創建移動設備.mp4
│ │ └3. jQuery Mobile-使用jQueryMobile.mp4
│ ├<2 jQuery Mobile Widgets(1)>
│ │ ├1. jQuery Mobile Widgets-page.mp4
│ │ ├2. jQuery Mobile Widgets-button.mp4
│ │ └3. jQuery Moblie Widgets-checkboxradio、collapsible.mp4
│ ├<3 jQuery Mobile Widgets(2)>
│ │ ├1. jQuery Mobile Widgets(2)-grid.mp4
│ │ ├2. jQuery Mobile Widgets(2)-listview.mp4
│ │ ├3. jQuery Mobile Widgets(2)-navbar.mp4
│ │ ├4. jQuery Mobile Widgets(2)-popup.mp4
│ │ └5. jQuery Mobile Widgets(2)-selectmenu.mp4
│ ├<4 jQuery Mobile 事件>
│ │ └1. jQuery Mobile 事件.mp4
