【HTML5ㄨ前端開發-專業解構】課程綱要


點擊藍色方塊連結,可開啟部份相關議題所要討論的內容。

Day1-HTML5 元素與互動設計
時段 議題
0900-1200
  • HTML5 & 前端開發速覽,從CSS3、JavaScript物件資料處理到 HTML5 API ,完整剖析HTML5技術藍圖。
  • 輸入表單的改良,欄位設計-輸入控制/驗證設計表單欄位的型態種類,輸入操作控制,內建驗證屬性的設定,簡單的驗證設計與自訂複雜的驗證。
中午休息
1300-1500
1500-1700

Day2-CSS3 與 Canvas 2D 繪圖
時段 議題
0900-1200
  • CSS3 於版面設計的改良與進化。
  • 運用 CSS3 動畫系統,轉場、轉換效果與動畫系統的整合運用。
  • 響應式設計
中午休息
1300-1500
1500-1700
  • Canvas 技術。
  • JavaScript 物件與視覺化圖表整合,二維資料表與JavaScript物件轉換,圖表的整合應用。
  • Canvas 圖片描繪、複製,切割再製等應用
  • <video>與<audio>標籤運用,相關API與教學影片的簡要整合實作。
  • Canvas 影像處理-像素與視頻畫面擷取。

Day3-HTML5 API
時段 議題
0900-1200
  • HTML5前端資料暫存機制導覽-Web Sorage、CACHE、File System 與 Indexed Database。
  • 快取設定與特性說明,避免快取陷阱、快取頁內容彈性更新。
  • 資料暫存技術-Web StoragelocalStorage 與 seesonStorage 運用,暫存資料維護處理,物件資料存取,暫存應用實作。
中午休息
1300-1500
  • HTML5的檔案處理支援,包含檔案讀取API、結合拖曳功能的檔案操作介面,完整的檔案系統介紹。
1500-1700
  • HTML5支援的資料通訊機制,包含跨文件資料交換、背景作業等。



沒有留言: