系列文章
且戰且走HTML5(1) 前言：為何且戰且走
HTML5有許多規格已經即將成為穩定的標準，不過還有很多有趣的東西還沒有進入這個階段，而這些功能其實對於實作一個Web應用來說，其實也非常關鍵。 除了已經大致穩...
且戰且走HTML5(2) 應用主軸：WebSocket
WebSocket是瀏覽器與伺服器交換資料的方式之一，與HTTP最大的不同是，他是一個持續的雙向的連線，所以沒有重新連線，重新傳送檔頭等多餘的負荷，反應更即時。...
且戰且走HTML5(3) 使用Socket.io
WebSocket必須要有伺服器端的支援才能運作，所以來看看Node.js最多人使用的Socket.IO怎麼使用。 Socket.IO是Node.js上最早的W...
且戰且走HTML5(4) 基本的Chat應用
大致上了解了Socket.IO的使用方式，接下來就來試試看，怎樣用它做出簡單的Chat功能。 基本的Chat應用，在伺服器端其實跟單純的Echo差不多。只是原本...
且戰且走HTML5(5) 更深入Socket.IO
除了使用簡單，Socket.IO更內建了一些Chat必須的邏輯，可以減少一些開發的工作。 如果一個Chat只能支援一個聊天室，那功能就太簡單了。今天來看一下，要...
且戰且走HTML5(6) 多人協同運作
觀察一下目前有哪些有趣的多人協同運作的應用，並且稍微考慮一下想在鐵人賽中實作應用的範圍與技術的困難度。 今天是週日，輕鬆一點，來稍微思考一下多人協同運作的應用，...
且戰且走HTML5(7) 進階的Chat應用
管理連線、利用Storage來存放變數其實也是Socket.IO內建的功能。另外，也稍微追蹤一下原始碼，看看要怎麼做出更複雜的功能。 管理連線主要有兩個部分。S...
且戰且走HTML5(8) Socket.IO的架構與連線管理機制
其實Socket.IO的文件並不完整，雖然不需要完整的說明就可以使用，但是要清楚他的功能跟架構的話，大概要直接追蹤原始碼。 打開socket.io目錄中的pac...
且戰且走HTML5(9) 應用的主軸：Canvas
Canvas是HTML5中很熱門的技術，目前已經有非常多的應用。接下來就會以Canvas做主角，逐漸發展出應用。先來簡單了解一下Canvas是什麼。 其實Fir...
且戰且走HTML5(10) Canvas 及 2D context可以做到的事情
在使用Canvas 2D Context之前，先看看他有哪些能耐。 2D Context有一些全域屬性，這些屬性會與許多繪圖的動作相關，為了方便管理，2D Co...