Ting's Square 程式寫作之路

[Day24] JS: javascript blackjack game

本篇會使用jQuery + ES6寫撲克牌小遊戲21點。一起來玩玩看吧!

Read the Article →

[Day23] JS: javascript AJAX

AJAX (Asynchronous JavaScript and XML)
非同步的JavaScript and XML

Read the Article →

[Day22] JS: javascript jQuery

javascript的library函式庫,最有名的是jQuery,能夠讓語法變得直覺、容易撰寫。

Read the Article →

[Day21] JS: javascript ES6

我們在前面章節介紹過 javascript 版本,ES5(2009)和ES6(2015)是市面上比較常見的版本,而ES6的語法讓javascript功能變得更完整,值得我們花點時間學習。

Read the Article →

[Day20] JS: javascript 使用Chrome Console撰寫

寫javascript時,我們常使用Google Chrome網頁瀏覽器進行測試。
在Google Chrome網頁上按右鍵 -> 檢查,再點選Console即可。
接下來我們要在Google Chrome上尋找prototype內的函式。一起來試試看吧!

Read the Article →

[Day19] JS: javascript 物件導向程式

物件導向程式是一種程式設計的方法,讓我們透過擬物化的方式來看待程式碼,讓程式碼更容易被管理。

Read the Article →

[Day18] JS: javascript 事件

javascript event 事件
透過event,我們得以實現更多互動性的功能:一偵測到使用者的某個行為(eg. 點擊連結),網頁就做出某個反應(eg. 跳出視窗)。

Read the Article →

[Day17] JS: javascript DOM

javascript DOM 文件物件模型
DOM = Document Object Model
用javascript操作物件是個方便的功能,就如同夾娃娃機一樣,先抓到DOM,然後對內容進行我們想要的操作,例如改變值、或者是進行計算。

Read the Article →

[Day16] JS: javascript 迴圈

javascript loop 迴圈
迴圈可以讓我們可以利用程式重複做相同的運算動作。

Read the Article →

[Day15] JS: javascript 陣列

javascript list 陣列
在本篇我們將會學習使用list把資料存進陣列、取出陣列某一元素的值和刪除、查詢陣列內的值。

Read the Article →