【HTML5 專業解構】課程大綱

五月下旬出版的《HTML5 完美風暴》相關活動，在 6/30 台北場 HTML5 X ASP.NET 結合應用的研討課程結束後，正式告一段落了，而接下來，工作室將進一步深入  HTML5 的探索與應用實作了，從書籍開發與相關實作持續下來所累積的這些經驗，我們將在未來的技術研討課程中介紹給大家。

八月，我們第一場純粹的  HTML5 研討課程要正式展開了，這門課程將重心回歸聚焦在  HTML5 本身這門技術上，目標是希望可以讓技術人員快速的轉進 HTML5 的領域，打造可同時在 PC 與平板、甚至手機等各種支援 HTML5 的平台執行的應用程式，具備 HTML+JavaScript+CSS 背景知識的設計人員即可參加，初步的課綱擬定列舉如下：

Day 1－設計
  1. HTML5 技術藍圖快速解構
  2. 建構版面 – 善用結構語意標籤
  3. CSS3 與 HTML5
  4. 透過樣式設計建立行動裝置相容網頁
  5. 繪圖與動畫設計－建立塗鴨板與電子書呈現
  6. 影音播放－ <audio> 與 <video> 應用
  7. 地理資訊－Geolocation API 
Day 2－開發
  1. 互動式操作的支援改良－強化鍵盤與滑鼠事件，跨越瀏覽器的拖曳操作
  2. 控制導覽行為－利用 History API 建立單頁網頁應用程式
  3. 表單與驗證控制
  4. 資料儲存
  • 網頁快取－支援離線存取，建立可離線閱讀內容
  • Web儲存－利用 Web Storage 建立線上便利貼之類的純粹客戶端應用
  • 檔案系統－使用 File API 儲存管理檔案， HTML5 版檔案總管案例
  1. 通訊作業
  • 跨文件資料傳遞－跨網頁的資料傳遞
  • 背景執行與多執行緒機制－與 JavaScript 的背景互動溝通
  • 即時資料傳－利用 Server-Sent Events 建立網路即時應用程式（股票資訊即時網頁）
這門課程將採用我自己開發的《HTML5 完美風暴》一書為基礎教材，學員將會在這兩天的課程中，得到完整的 HTML5 知識，並且瞭解相關規格的各種實際應用。


另外，這課程是兩天連在一起的，我特別將「設計」與「開發」兩個領域的課程與技術規格，各歸納在獨立的一天課程中，所以，這門課在規畫設計上，將允許只報名其中一天，或同時報名兩天，讓學員可以彈性選擇只聽有興趣的一天，當然，我希望學員可以一次學足啦，因為 HTML5 的威力必須整合兩天課程觸及的內容才能真正的發揮。


為了得到最好的效果，這門課程將以《HTML5 完美風暴》這本書為教材，完整報名兩天課程將直接附書，當然，手上已經有書的，直接以訂價的價格折價。 :)

兩天的課程，為你打通任督二脈，升級原有的 HTML+JavaScript+CSS 技術直接配置 HTML5 重裝武力 ，跨出 PC ，挑戰無限寬廣的行動裝置世界。

課程報名頁



於

8 則留言:

匿名 提到...

希望不要太貴
想學
才負擔的起~~~

兩天,一共幾小時???
要自備NB嗎???

2012/7/8 下午11:21
康廷數位 提到...

這次與出版社合作辦理的這門研討課，為了學習效果，希望學員能用自己的電腦練習實作，因此要自備 NB

價格與市面上各教育訓練單位開課的價格訂價差不多，但會折價，且直接附贈「HTML5完美風暴」這本書為教材，已買書的就會直接折價

兩天十四個小時，內容滿滿，搭配書籍完全解構 HTML5 這門技術，完成這兩天課，學員將可直接進入 HTML5 領域，不會再對 HTML5 懞懞懂懂，在這個時間就是金錢的時代，這門課對於想投入 HTML5 的技術人員而言將會非常的超值

詳細辦法 7/10 就會公佈，還請稍候 :)

2012/7/9 上午9:18
匿名 提到...

期待喔~~
不會講jquery跟phonepag阿

2012/7/9 下午2:08
康廷數位 提到...

此研討課程專注在 HTML5 本身，這個東西本身要談到完整就不容易了，還是專心將底子打穩比較好，穩了其它就好談了 :D

行動裝置的部份，與出版社單位在研議計畫中，預計在第四季開專門討論jQueryMobile+PhoneGap 的研討課程, 教材目前著手開發中，網站也會不定時張貼

因為每一項技術都很重要，也不容易，要獨立陳述才能講得好，混在一起，什麼都講不好，學員也學不好

不過這次的課程會帶入門的 jQueryMobile 進來，提供學員從 HTML5 進入 行動裝置世界所需的概念。

以目前的潮流來看 HTML5 ，大體上建議從以下的順序進行研習:

1.HTML+JavaScript語法+CSS
2.HTML5 API
3.jQuery
4.jQuery Mobile
5.PhoneGap

而這也是工作室課程與書籍教材的開發內容，此課程是第 2 項，第 1 項是入門，還沒有相關的計畫，第 3 項以後則偏重在 行動裝置的發展，後續的重點。

2012/7/9 下午2:25
匿名 提到...

等不及了
八點鐘還沒公布
哈哈~~~

2012/7/10 上午8:19
康廷數位 提到...

不好意思，再請稍候一下，中午報名網頁還有公告才會全數上架，不便之處還請見諒

2012/7/10 上午8:24
匿名 提到...

請問有團報價嗎??
揪人一起去上課
~~~

2012/7/10 下午12:45
康廷數位 提到...

不好意思，因為折扣與書的折價都下去了，所以沒有團報價了，謝謝你。

2012/7/10 下午1:30

張貼留言

訂閱： 張貼留言 (Atom)

熱門點閱

  • 淺談 Entity Framework 與 ADO.NET 差異
    Entity Framework 是ASP.NET MVC 串接底層資料來源最重要的技術之一，由於ASP.NET MVC的彈性相當大，事實上你並不一定要使用 Entity Framework 就能利用 ASP.NET MVC 開網站，直接使用傳統 ASP.NET 開發人員熟悉的 ...
  • jQuery 存取元素內容文字的方法
    jQuery/jQuery Mobile 技術文件　》 jQuery 提供了text() 方法，它回傳元素的文字節點，例如以下的配置： < p id ="msg">HTML5 從零開始 </ p > 現在調用 t...
  • jQuery 事件觸發-trigger()
    jQuery/jQuery Mobile 技術文件　》 方法 trigger() 支援透過程式化的方式觸發某個特定事件，考慮以下的程式碼： $( '#msg' ).trigger( 'click' ); 其中針對 id="msg...
  • C# 基本輸出與輸入
    資料的輸出與輸入處理，永遠是應用程式最重要的課題，在「 第一支 C# 程式內容架構 」示範的範例程式中，執行結果於主控台輸出一段訊息文字，這是最簡單的資料輸出行為，除此之外還可以輸入指定的資料給應用程式作處理。 class Program { static void...
  • JavaScript 利用 FileReader 讀取文字檔
    過去於瀏覽器介面上，你只能透過 file 型態的 <input > 標籤，提供使用者選取檔案的功能，而現在，利用 HTML5 支援的 API 讀取檔案非常容易，這一篇來看相關的實作。考慮以下的畫面： 按一下選取要讀取的文字檔案，開啟之後的畫面如下： 畫面的...
  • JavaScript 的 typeof() 與型別判斷
    你可以透過 typeof 檢視資料型別，例如 typeof(100) 將回傳 number ，以下的程式碼分別測試數種不同型別的資料： < script >     var n0 = typeof (101);     var n1 = typeof (1...
  • INPUT標籤的 autofocus 屬性
    <input> 導入了新的 autofocus 屬性，讓網頁設計者可以指定網頁載入時預設的焦點控制項，使用者不需要再移動滑鼠點選，即能在預設控制項直接輸入，提供良好的網頁操作體驗，而這個屬性同時適用其它幾種輸入控制項，包含 textarea 以及 button 與 s...
  • 圖書《商業級 ASP.NET MVC 樣式與架構實務》
    商業級 ASP.NET MVC 樣式與架構實務 ISBN：978-986-93475-1-8(平裝) 出版日期：2019/05/30 定價：550 頁數：320 庫存 < 50本 - 銷售完畢絕版 範例下載 延伸閱讀 天瓏購買 ｜ 蝦皮 - 益大資訊 ...
  • 從一個簡單的加法運算功能開發建立 HTML+JavaScript+CSS 概念（上）
    （上） ｜ （中） ｜ （下） Web 前端技術由 HTML+JavaScript+CSS 三項主要的元素所構成，它們之間的關係，這裏用一個簡單的加法運算功能網頁說明。 用來示範的這支加法運算器程式，外觀看起來像這個樣子： 其中兩個方塊，可以讓使用者輸入要...
  • 《HTML5 完美風暴》第二版
    天瓏書局 博客來 PChome 益大資訊 輕小說－陳大刀傳 輕小說－有一種愛叫作遺憾 第二十三章 Indexed Database API 第二十四章 版型設計 第二十五章 塗鴉板 第二十六章 便利貼 第二十七章 花漾美人寫真作品集 第二十八...