系列文章
Day11 - jQuery – JaveScript 的魔術!
在寫網頁前端的應用、工具之中，你一定常常聽到 jQuery 這個名詞，到底 jQuery是什麼呢？ jQuery 是一種魔術！可以將你的 JavaScript...
Day12 – WebSocket 新的戰爭已經開始! 不再飛鴿傳書，改用電話!
HTTP，因為是stateless ，屬於不會維持原本狀態的文件。簡單來說，如果需要更新資料就必須透過重新整理才可以使頁面更新，也必須是在重新建立網頁請求，不會...
Day13 – EM-websocket 電話總機，總是要有人當傳話筒麻!
前面我們已經提到，websocket 的好用之處。在運用它龐大且超強的溝通能力之前，我們必須去建立後端server，來負責處理通訊過程。 在傳統網站上，有Apa...
Day14 - JSON - 資料交換的秘密武器!
JSON (JavaScript Object Notation) ，意思是一種資料交換的語言，是一種格式，用來描述文件個體。與XML都是用於描述文件的語言。...
Day15 - HAML ! 寫份HTML文件邁向藝術的境界
HAML，(HTML Abstraction Markup Language)，一個用於描述HTML的標記語言。目的在一個原則，使得標籤式語法更簡單、漂亮。如果...
Day16 - MongoDB ‧ 資料儲存的百寶箱!
MongoDB 是一個開源的文件資料庫。使用的是NoSQL資料庫概念。 NoSQL (Not only SQL) 針對於傳統資料庫系統有不一樣的做法來因應資料量...
Day 17 – Sinatra 與MongoDB的約會!
前面我們介紹了sinatra與mongoDB兩個我們會使用到的網頁開發框架以及資料庫系統。接下來我們就要使用並且結合他們。 接下來就必須安裝 mongo 以及...
Day18 - 交換訊息中心 Boo it - chat_server 。
接下來我們就結合前面所介紹的，利用web-socket以及 EM-Machine來做我們的通訊軟體訊息交換中心 換句話說，就是幫助我們傳遞訊息的伺服器。 並且利...
Day 19 Boo-it Au_server - 1 序曲。
那這邊我們會需要來另外做一個驗證的窗口以及導向朋友清單的功能。當然，我們的初步功能就是有朋友清單可以讓我們點選來進行通訊。至於程式碼都是由前面的介紹，稍作修改而...
Day 20 Boo-it Au_server - 2 續章。
經過之前的介紹，我們這邊就要用到jQuery來做一個點擊觸發事件的效果。事件就是去啟動一個Client介面。也就是說我們的對話框畫面。那這邊先引用外部JavaS...