前後端分離實戰：用 Node.js + React + MongoDB 建立筆記應用
今天請我的 AI 夥伴用簡單的 demo project 教我怎麼一步一步做。經過幾個小時的互動和動手實作，理解了前後端分離的核心概念，以及如何從零開始建立一個完整的全棧應用。
Tag: javascript
將Jekyll blog文章的外部連結另開新分頁
最近為本blog實作了一個新的小功能：當使用者點擊blog內文附上外部超連結時，(例如首頁旁邊的社群連結)，外部超連結可以在新分頁開啟，而不會讓使用者離開本部落格。
javascript blackjack game
本篇會使用jQuery + ES6寫撲克牌小遊戲21點。一起來玩玩看吧！
javascript AJAX
AJAX (Asynchronous JavaScript and XML) 非同步的JavaScript and XML
javascript jQuery
javascript的library函式庫，最有名的是jQuery，能夠讓語法變得直覺、容易撰寫。
javascript ES6
我們在前面章節介紹過 javascript 版本，ES5(2009)和ES6(2015)是市面上比較常見的版本，而ES6的語法讓javascript功能變得更完整，值得我們花點時間學習。
javascript 使用Chrome Console撰寫
寫javascript時，我們常使用Google Chrome網頁瀏覽器進行測試。 在Google Chrome網頁上按右鍵 -> 檢查，再點選Console即可。 接下來我們要在Google Chrome上尋找prototype內的函式。一起來試試看吧！
javascript 物件導向程式
物件導向程式是一種程式設計的方法，讓我們透過擬物化的方式來看待程式碼，讓程式碼更容易被管理。
javascript 事件
javascript event 事件 透過event，我們得以實現更多互動性的功能：一偵測到使用者的某個行為（eg. 點擊連結），網頁就做出某個反應（eg. 跳出視窗）。
javascript DOM
javascript DOM 文件物件模型 DOM = Document Object Model 用javascript操作物件是個方便的功能，就如同夾娃娃機一樣，先抓到DOM，然後對內容進行我們想要的操作，例如改變值、或者是進行計算。
javascript 迴圈
javascript loop 迴圈 迴圈可以讓我們可以利用程式重複做相同的運算動作。
javascript 陣列
javascript list 陣列 在本篇我們將會學習使用list把資料存進陣列、取出陣列某一元素的值和刪除、查詢陣列內的值。
javascript 函數
javascript function 函數 function是可以重複利用的SOP，相同的功能寫成函數後就可以重複利用，讓程式碼更簡潔。
javascript 變數
Javascript的特性 全域變數 Automatic Semicolon Insertion (ASI) 自動加分號
javascript 簡介
javascript 簡介 在學習js這個強大的前端語言之前，先了解一些背景基本知識。