教程 專業web前端開發課程（視頻）
│  
└─專業web前端開發課程
  ├─CSS基礎
  │ ├─什么是css
  │ │ ├─html中的css
  │ │ │   1.1.1html中的css.mp4
  │ │ │   1.1.2背景樣式.mp4
  │ │ │   1.1.3關于顏色.mp4
  │ │ │   1.1.4圖片背景.mp4
  │ │ │    
  │ │ └─什么是css
  │ │     1.1.1什么是css.mp4
  │ │     1.1.1富文本（css）.txt
  │ │     1.1.1討論（css）.jpg
  │ │     1.1.2html和css的關系.mp4
  │ │     1.1.3css的作用.mp4
  │ │     1.2.1富文本（css）.jpg
  │ │     1.2.2討論（css）.jpg
  │ │      
  │ └─基礎樣式
  │   ├─文本樣式
  │   │   2.2.1文本樣式-文字修飾與空格處理.mp4
  │   │   2.2.2文本樣式-字體.mp4
  │   │   2.2.3文本樣式-文字修飾.mp4
  │   │   2.2.4文本樣式-文字效果.mp4
  │   │    
  │   └─段落樣式
  │       2.1.1段落樣式-段落縮進.mp4
  │       2.1.2段落樣式-間距與對齊.mp4
  │        
  ├─DOM編程藝術
  │ ├─一文檔樹
  │ │   文檔樹-3.1.1.1文檔樹.mp4
  │ │    
  │ ├─七canvas
  │ │   canvas-3.10.1.1canvas.mp4
  │ │    
  │ ├─三屬性操作
  │ │   屬性操作-3.3.3.1屬性操作.mp4
  │ │   屬性操作.rar
  │ │    
  │ ├─九數據通信
  │ │   數據通信-3.6.1.1HTTP協議.mp4
  │ │   數據通信-3.6.2.1Ajax.mp4
  │ │    
  │ ├─二節點操作
  │ │   節點操作-3.2.1.1節點操作.mp4
  │ │   節點操作.rar
  │ │    
  │ ├─五事件
  │ │ ├─1事件流
  │ │ │   事件-3.5.1.1事件流.mp4
  │ │ │   事件流的補充說明.txt
  │ │ │    
  │ │ ├─2事件注冊
  │ │ │   事件-3.5.2.1事件注冊.mp4
  │ │ │   事件注冊補充說明.txt
  │ │ │    
  │ │ └─3事件類型
  │ │     事件類型-3.5.3.1簡介.mp4
  │ │     事件類型-3.5.3.2鼠標事件.mp4
  │ │     事件類型-3.5.3.3鍵盤，輸入，焦點事件.mp4
  │ │     事件類型-3.5.3.4其它事件.mp4
  │ │      
  │ ├─八BOM
  │ │   BOM-3.11.1.1屬性.mp4
  │ │   BOM-3.11.1.2方法.mp4
  │ │   BOM-3.11.1.3事件.mp4
  │ │    
  │ ├─六音頻與視頻
  │ │   WebaudioAPI.txt
  │ │   多媒體格式兼容性列表.txt
  │ │   多媒體相關事件列表.txt
  │ │   音頻與視頻-3.9.1.1音頻與視頻.mp4
  │ │    
  │ ├─十數據存儲
  │ │   代碼示例（cookie）.rar
  │ │   數據存儲-3.7.1.1cookie.mp4
  │ │    
  │ ├─十一動畫
  │ │   動畫-3.8.1.1動畫.mp4
  │ │   動畫demo.rar
  │ │    
  │ ├─十三列表操作
  │ │   demo（列表操作）.zip
  │ │   demo（實現方式）.zip
  │ │   列表操作-3.13.1.1列表操作.mp4
  │ │   列表操作-3.13.1.2實現方式.mp4
  │ │    
  │ ├─十二表單操作
  │ │ ├─1.表單元素
  │ │ │   demo(表單元素).zip
  │ │ │   表單操作-3.12.1.1表單元素.mp4
  │ │ │    
  │ │ ├─2.表單驗證
  │ │ │   表單操作-3.12.2.1表單驗證.mp4
  │ │ │    
  │ │ ├─3.表單提交
  │ │ │   表單操作-3.12.3.1表單提交.mp4
  │ │ │    
  │ │ └─4.表單應用
  │ │     demo（表單應用）.zip
  │ │     表單操作-3.12.4.1表單應用.mp4
  │ │      
  │ └─四樣式操作
  │     樣式操作-3.4.1.1樣式操作.mp4
  │     樣式操作.rar
  │      
  ├─HTML入門
  │ ├─HTML基礎的基礎
  │ │ ├─HTML文件框架
  │ │ │   1.2.1HTML文件框架.mp4
  │ │ │   1.2.2HTML-字符編碼問題.mp4
  │ │ │   1.2.3HTML-聲明HTML5.mp4
  │ │ │    
  │ │ ├─HTML段落標記
  │ │ │   1.3.1段落標記-段落.mp4
  │ │ │   1.3.2段落標記-html與css關系.mp4
  │ │ │   1.3.3段落標記-斷行mp4.mp4
  │ │ │   1.3.4段落標記-標題.mp4
  │ │ │    
  │ │ └─什么是HTML
  │ │     1.1.1什么是html.mp4
  │ │     1.1.2html的標準.mp4
  │ │     1.1.3html編輯軟件.mp4
  │ │     1.1.4瀏覽器的調試功能.mp4
  │ │     討論1（html）.jpg
  │ │     討論2（html）.jpg
  │ │     討論3（html）.jpg
  │ │     討論4（html）.jpg
  │ │     討論5（html）.jpg
  │ │      
  │ ├─基礎格式
  │ │   2.1.1基礎格式-文字格式.mp4
  │ │   2.1.2基礎格式-段語格式.mp4
  │ │   2.1.3基礎格式-其它格式.mp4
  │ │    
  │ └─深入格式
  │   ├─HTML標記的屬性
  │   │   3.1.1HTML標記的屬性-HTML屬性.mp4
  │   │   3.1.2HTML標記的屬性-HTML轉義字符.mp4
  │   │    
  │   ├─列表與圖片
  │   │   3.2.1列表與圖片-列表.mp4
  │   │   3.2.2列表與圖片-圖片.mp4
  │   │   3.2.3-iframe.mp4
  │   │    
  │   ├─表格
  │   │   3.4表格.mp4
  │   │    
  │   └─超鏈接
  │       3.3.1超鏈接-超鏈接.mp4
  │       3.3.2超鏈接-頁面內鏈接.mp4
  │       3.3.3超鏈接-圖片定位鏈接.mp4
  │        
  ├─JavaScript入門
  │ ├─1.js入門
  │ │ ├─什么是JavaScript
  │ │ │   1.1什么是javascirpt.mp4
  │ │ │   1.2頁面中的javascirpt代碼.mp4
  │ │ │   1.3桌面上的javascirpt.mp4
  │ │ │   1.4事件響應代碼.mp4
  │ │ │   1.5變量.mp4
  │ │ │   富文本：課程中要修改的那段代碼（javascript）.jpg
  │ │ │   富文本：課程中要修改的那段代碼（javascript）.txt
  │ │ │   討論1（javascript）.jpg
  │ │ │   討論2jpg（javascript）.jpg
  │ │ │    
  │ │ ├─循環函數與數組
  │ │ │ ├─函數
  │ │ │ │   3.2.1函數-函數.mp4
  │ │ │ │   3.2.2函數-有返回值的函數.mp4
  │ │ │ │   3.2.3函數-函數變量.mp4
  │ │ │ │   3.2.4函數-變量空間.mp4
  │ │ │ │    
  │ │ │ ├─循環
  │ │ │ │   3.1.1循環-循環.mp4
  │ │ │ │   3.1.2循環-循環的例子.mp4
  │ │ │ │   3.1.3循環-do循環.mp4
  │ │ │ │   3.1.4for循環.mp4
  │ │ │ │   3.1.5-循環-循環控制.mp4
  │ │ │ │    
  │ │ │ └─數組
  │ │ │     3.3.1數組-數組.mp4
  │ │ │     3.3.2數組-數組運算.mp4
  │ │ │     3.3.3數組-數組其它操作.mp4
  │ │ │      
  │ │ ├─計算與判斷
  │ │ │ ├─判斷
  │ │ │ │   2.2.1判斷-判斷.mp4
  │ │ │ │   2.2.2判斷-條件判斷語句.mp4
  │ │ │ │   2.2.3判斷-嵌套的判斷語句.mp4
  │ │ │ │   2.2.4判斷-多路分支.mp4
  │ │ │ │   2.2.5判斷-邏輯運算.mp4
  │ │ │ │   2.2.6判斷-條件運算符.mp4
  │ │ │ │    
  │ │ │ └─計算
  │ │ │     2.1.1計算-基本計算.mp4
  │ │ │     2.1.2計算-作比較.mp4
  │ │ │      
  │ │ └─面向對象與事件處理
  │ │     面向對象與事件處理-1對象.mp4
  │ │     面向對象與事件處理-2遍歷對象屬性.mp4
  │ │     面向對象與事件處理-3構造函數.mp4
  │ │     面向對象與事件處理-4對象原型.mp4
  │ │     面向對象與事件處理-5瀏覽器中的js.mp4
  │ │     面向對象與事件處理-6事件處理器.mp4
  │ │     面向對象與事件處理-7定時器事件.mp4
  │ │      
  │ └─2.面向對象
  │   ├─1簡介
  │   │   2.10.1.1面向對象-簡介.mp4
  │   │    
  │   ├─2原型
  │   │   2.10.2.1面向對象-原型.mp4
  │   │    
  │   └─3js面向對象
  │       2.10.3.1面向對象-js面向對象.mp4
  │        
  ├─JavaScript程序設計
  │ ├─js測試題
  │ │    
  │ ├─一《前端工程師》微專業介紹
  │ │   《前端工程師》微專業介紹.mp4
  │ │    
  │ ├─七變量作用域
  │ │   1000T資料免費下載.url
  │ │   2.8.1.1變量作用域-變量作用域.mp4
  │ │   下載必看！.url
  │ │   目錄.url
  │ │   這里有更多.url
  │ │    
  │ ├─三調試器
  │ │   調試器.mp4
  │ │    
  │ ├─九語句
  │ │   2.7.1.1語句-語句.mp4
  │ │    
  │ ├─二js介紹
  │ │   js介紹.mp4
  │ │    
  │ ├─五類型系統
  │ │   基本類型.mp4
  │ │   類型識別.mp4
  │ │    
  │ ├─八表達式與運算符
  │ │   1000T資料免費下載.url
  │ │   2.6.1.1表達式與運算符-表達式與運算符.mp4
  │ │   下載必看！.url
  │ │   目錄.url
  │ │   這里有更多.url
  │ │    
  │ ├─六內置對象
  │ │   2.5.1.1內置對象-簡介.mp4
  │ │   2.5.2.1內置對象-object.mp4
  │ │   2.5.3.1內置對象-String，Number，Boolean.mp4
  │ │   2.5.4.1內置對象-array.mp4
  │ │   2.5.5.1內置對象-function.mp4
  │ │   2.5.6.1內置對象-RegExp、Date、Error.mp4
  │ │   2.5.7.1內置對象-Math、JSON.mp4
  │ │   2.5.8.1內置對象-全局對象.mp4
  │ │    
  │ ├─十閉包
  │ │   2.9.1.1閉包-閉包.mp4
  │ │    
  │ └─四基本語法
  │     1000T資料免費下載.url
  │     下載必看！.url
  │     基本語法.mp4
  │     目錄.url
  │     這里有更多.url
  │      
  ├─產品前端架構
  │ ├─一協作流程
  │ │   協作流程-5.1.1.1web系統.mp4
  │ │   協作流程-5.1.2.1角色定義.mp4
  │ │   協作流程-5.1.3.1協作流程.mp4
  │ │   協作流程-5.1.4.1職責說明.mp4
  │ │    
  │ ├─三版本管理
  │ │ ├─1.簡介
  │ │ │   版本管理-5.3.1.1簡介.mp4
  │ │ │    
  │ │ ├─2.分支模型
  │ │ │   版本管理-5.3.2.1分支模型.mp4
  │ │ │    
  │ │ └─3.git
  │ │     版本管理-5.3.3.1git介紹.mp4
  │ │     版本管理-5.3.3.2基礎操作.mp4
  │ │     版本管理-5.3.3.3分支操作.mp4
  │ │     版本管理-5.3.3.4遠程操作.mp4
  │ │      
  │ ├─二接口設計
  │ │   接口設計-5.2.1.1概述.mp4
  │ │   接口設計-5.2.2.1接口規范.mp4
  │ │   接口設計-5.2.3.1規范應用.mp4
  │ │   接口設計-5.2.4.1本地開發.mp4
  │ │    
  │ └─四技術選型
  │   ├─1.模塊化
  │   │   技術選型-5.4.1.1模塊.mp4
  │   │   技術選型-5.4.1.2模塊系統.mp4
  │   │    
  │   └─2.框架
  │       技術選型-5.4.2.1框架和類庫.mp4
  │       技術選型-5.4.2.2解決方案.mp4
  │        
  ├─頁面制作
  │ ├─一：頁面制作
  │ │   《前端工程師》微專業介紹.mp4
  │ │    
  │ ├─三：開發調試
  │ │ │ 1.1開發調試工具.mp4
  │ │ │ 1.2開發調試.mp4
  │ │ │ SideBarEnhancements.zip
  │ │ │  
  │ │ └─開發調試討論
  │ │     富文本.txt
  │ │     富文本2.txt
  │ │     討論1.jpg
  │ │     討論2.jpg
  │ │      
  │ ├─二：photoshop切圖
  │ │ │ 1.2.1工具，面板，視圖.mp4
  │ │ │ 1.2.2測量，取色.mp4
  │ │ │ 1.2.3切圖.mp4
  │ │ │ 1.2.4保存.mp4
  │ │ │ 1.2.5修改，維護.mp4
  │ │ │ 1.2.6圖片的優化與合并.mp4
  │ │ │ PS切圖-Demo圖片.rar
  │ │ │ 測量取色.rar
  │ │ │  
  │ │ └─Photoshop（討論）
  │ │     1.2.1富文本（Photoshop）.jpg
  │ │     1.2.1富文本（Photoshop）.txt
  │ │     1.2.3.1（Photoshop）.jpg
  │ │     1.2.3.1（Photoshop）.txt
  │ │     1.2.6富文本.txt
  │ │     1.2.6討論.jpg
  │ │      
  │ ├─五：css
  │ │ ├─css簡介
  │ │ │   1.4.1.1css簡介.mp4
  │ │ │   1.4.1.2語法.mp4
  │ │ │    
  │ │ ├─動畫
  │ │ │   1.4.8.1動畫-transition.mp4
  │ │ │   1.4.8.2動畫-animation.mp4
  │ │ │   demo（transition）.rar
  │ │ │    
  │ │ ├─布局
  │ │ │ └─討論以及demo
  │ │ │     布局-inline-block兼容性討論.png
  │ │ │     布局-實現一個Tab.png
  │ │ │     布局-實現一個彈窗.png
  │ │ │     布局-自適應實現.png
  │ │ │      
  │ │ │    
  │ │ ├─盒模型
  │ │ │   1.4.4.1盒模型-1.mp4
  │ │ │   1.4.4.2盒模型-2.mp4
  │ │ │   富文本.txt
  │ │ │   盒模型（一）.rar
  │ │ │   盒模型（一）.txt
  │ │ │   盒模型（二）.rar
  │ │ │   盒模型（二）.txt
  │ │ │    
  │ │ ├─背景
  │ │ │   1.4.5.1背景（一）.mp4
  │ │ │   1.4.5.2背景（二）.mp4
  │ │ │   demo(背景).rar
  │ │ │   富文本.txt
  │ │ │    
  │ │ ├─變形
  │ │ │   1.4.7.1變形-2d變形.mp4
  │ │ │   1.4.7.2變形-3d變形.mp4
  │ │ │   demo（變形）.rar
  │ │ │    
  │ │ └─選擇器
  │ │     1.4.2.1簡單選擇器.mp4
  │ │     1.4.2.2其它選擇器.mp4
  │ │     1.4.2.3繼承，優先，層疊.mp4
  │ │     1.4.2.4.txt
  │ │      
  │ ├─四：HTML
  │ │   1.1.1html簡介.mp4
  │ │   1.1.2html簡介.mp4
  │ │   1.2.1標簽-語法.mp4
  │ │   1.2.2標簽-章節.mp4
  │ │   1.2.3標簽-文本.mp4
  │ │   1.2.5標簽-資源.mp4
  │ │   1.2.6標簽-表格.mp4
  │ │   1.2.7標簽-表單.mp4
  │ │   1.2.8標簽-語義化.mp4
  │ │   1.3.2.4標簽-組標簽.mp4
  │ │   1.3實體字符.mp4.!ut
  │ │   demo.zip
  │ │    
  │ └─網頁制作測試題
  │      
  └─頁面架構
    ├─一CSSReset
    │   CSSReset-4.1.1.1CSSReset.mp4
    │   demo(CSSReset).rar
    │    
    ├─三響應式
    │   響應式-4.3.1.1響應式.mp4
    │    
    ├─二布局解決方案
    │ ├─1.居中布局
    │ │   demo（居中布局）.rar
    │ │   布局解決方案-4.2.1.1水平居中.mp4
    │ │   布局解決方案-4.2.1.2垂直居中.mp4
    │ │   布局解決方案-4.2.1.3居中.mp4
    │ │    
    │ ├─2.多列布局
    │ │   demo（多列布局）.rar
    │ │   布局解決方案-4.2.2.1定寬與自適應.mp4
    │ │   布局解決方案-4.2.2.2不定寬與自適應.mp4
    │ │   布局解決方案-4.2.2.3等分.mp4
    │ │   布局解決方案-4.2.2.4等高.mp4
    │ │    
    │ └─3.全屏布局
    │     全屏布局demo.rar
    │     布局解決方案-4.2.3.1全屏布局.mp4
    │      
    ├─五規范與模塊化
    │ ├─1.規范
    │ │   規范與模塊化-4.5.1.1規范.mp4
    │ │    
    │ └─2.模塊化
    │     規范與模塊化-4.5.2.1模塊化.mp4
    │      
    └─四頁面優化
        頁面優化-4.4.1.1頁面優化.mp4