iT邦幫忙

鐵人檔案

2012 iT 邦幫忙鐵人賽
回列表

且戰且走HTML5 系列

上上一屆曾經挑戰過HTML5的主題,不過都只是粗淺的嘗試。這次希望能藉由鐵人賽的機會,把有興趣的應用實作出來。

鐵人鍊成 | 共 30 篇文章 | 64 人訂閱 訂閱系列文 RSS系列文
DAY 1

達標好文 且戰且走HTML5(1) 前言:為何且戰且走

HTML5有許多規格已經即將成為穩定的標準,不過還有很多有趣的東西還沒有進入這個階段,而這些功能其實對於實作一個Web應用來說,其實也非常關鍵。 除了已經大致穩...

2012-10-09 ‧ 由 fillano 分享
DAY 2

達標好文 且戰且走HTML5(2) 應用主軸:WebSocket

WebSocket是瀏覽器與伺服器交換資料的方式之一,與HTTP最大的不同是,他是一個持續的雙向的連線,所以沒有重新連線,重新傳送檔頭等多餘的負荷,反應更即時。...

2012-10-10 ‧ 由 fillano 分享
DAY 3

達標好文 且戰且走HTML5(3) 使用Socket.io

WebSocket必須要有伺服器端的支援才能運作,所以來看看Node.js最多人使用的Socket.IO怎麼使用。 Socket.IO是Node.js上最早的W...

2012-10-11 ‧ 由 fillano 分享
DAY 4

且戰且走HTML5(4) 基本的Chat應用

大致上了解了Socket.IO的使用方式,接下來就來試試看,怎樣用它做出簡單的Chat功能。 基本的Chat應用,在伺服器端其實跟單純的Echo差不多。只是原本...

2012-10-12 ‧ 由 fillano 分享
DAY 5

且戰且走HTML5(5) 更深入Socket.IO

除了使用簡單,Socket.IO更內建了一些Chat必須的邏輯,可以減少一些開發的工作。 如果一個Chat只能支援一個聊天室,那功能就太簡單了。今天來看一下,要...

2012-10-13 ‧ 由 fillano 分享
DAY 6

且戰且走HTML5(6) 多人協同運作

觀察一下目前有哪些有趣的多人協同運作的應用,並且稍微考慮一下想在鐵人賽中實作應用的範圍與技術的困難度。 今天是週日,輕鬆一點,來稍微思考一下多人協同運作的應用,...

2012-10-14 ‧ 由 fillano 分享
DAY 7

且戰且走HTML5(7) 進階的Chat應用

管理連線、利用Storage來存放變數其實也是Socket.IO內建的功能。另外,也稍微追蹤一下原始碼,看看要怎麼做出更複雜的功能。 管理連線主要有兩個部分。S...

2012-10-15 ‧ 由 fillano 分享
DAY 8

且戰且走HTML5(8) Socket.IO的架構與連線管理機制

其實Socket.IO的文件並不完整,雖然不需要完整的說明就可以使用,但是要清楚他的功能跟架構的話,大概要直接追蹤原始碼。 打開socket.io目錄中的pac...

2012-10-16 ‧ 由 fillano 分享
DAY 9

且戰且走HTML5(9) 應用的主軸:Canvas

Canvas是HTML5中很熱門的技術,目前已經有非常多的應用。接下來就會以Canvas做主角,逐漸發展出應用。先來簡單了解一下Canvas是什麼。 其實Fir...

2012-10-17 ‧ 由 fillano 分享
DAY 10

且戰且走HTML5(10) Canvas 及 2D context可以做到的事情

在使用Canvas 2D Context之前,先看看他有哪些能耐。 2D Context有一些全域屬性,這些屬性會與許多繪圖的動作相關,為了方便管理,2D Co...

2012-10-18 ‧ 由 fillano 分享