[筆記] Sequelize NodeJS 專案初始化筆記
本篇記錄下 AlphaCamp 第四學期的重頭戲之一，與他人一同打造類 Twitter 專案的過程。同時，這也是記錄如何從無到有打造一個專案的過程。 一、專案規 Read More …
標籤: JavaScript
[筆記] 運用 Heroku 佈署的初始化步驟
這篇文章記錄下如何將本機端的專案推撥到 Heroku 上的步驟。整體操作難度不高，但是要盡量讓 git 和 heroku 的檔案放在同一層。否則上傳時，hero Read More …
[筆記] 線上正規表示式測試器
在寫程式時，常會使用正規表示式 (Regular Expression) 來比對資料的相對性。不過其指令相當的不直覺，為了避免浪費過多的測試時間，所以這回找到 Read More …
[筆記] TinyURL 服務串接
TinyURL 縮網址服務，網友一般戲稱為 台泥。這算是老牌的縮網址服務了，成立於2002年。不過官方一直沒有公布相關的服務串接API介面，不過從網路上找到相關 Read More …
運用 Node.js 建網站的初始化步驟
AlphaCamp 的課程進入到第三學期後期，趁機整理一下如何運用 Node.js 來建立一個簡單網站的步驟(包含前端畫面、後端資料庫、登入頁面、串接API以及 Read More …
[筆記] JavaScript 雙層選單篩選連動
在網頁前端開發中常見的雙層以上的篩選器，要怎麼順利的傳遞兩個以上的參數到後端呢？運用一些設計上的小技巧就可以辦到了。 解決方法 基本上，當使用者第一次傳遞參數到 Read More …
[筆記] Google, Facebook, Github OAuth 認證設定申請
方前在網頁開發時，說要做個使用者登入介面串接，那最方便的選擇非 OAuth 2 的技術了。不過 Google, Facebook 和 Github 的設定頁面有 Read More …
Mongo DB 條件操作符
初接觸 Mongo DB，就順帶記錄一下常常用到的查詢指令 – db.collection.find() 的用法。 指令結構： db.collect Read More …
Express Validator 操作介紹
express.js 相關的套件之一，Express Validator，可以幫助設計者節省在表單驗證下的難處。 下載與官方文件 Github：https:// Read More …
安裝 MongoDB 出現 SocketException: Address already in use 錯誤
初次安裝並啟動 MongoDB 時，若不小心關閉終端機而沒有將伺服器關閉，這時重新啟動時，就會出現此錯誤。本文是要記錄下如何解決這小狀況的方法。 問題原因 之前 Read More …
[筆記] Handlebars Register Helper 自定義 Helper 用法
Handlebars 的模版，其判斷式功能的延展性不佳，類似 {{#if 3>2}} 這類的用法都預設無法使用。RegisterHelper 就是用來解決 Read More …
[筆記] Google Place API 串接 (Google Map 系列服務)
Alpha Camp 的第二學期課程，讓大家試試水溫串接 API。在心血來潮下，想說串接個 Google Map 的 API 來玩玩看。不過要做的準備工作還真不 Read More …
[筆記] JavaScript Disabled 屬性
運用 JavaScript 幫表格或是按鈕加上 Disabled 屬性，來管理使用者的行為。 實作步驟 1. HTML 部分 – 先載入要作用的按鈕 Read More …
[筆記] Bootstrap Modal 互動視窗 操作指南和除錯
Bootstrap 算是網頁設計中常見的套件框架了，以下是Modal(互動視窗)初次實作時遇到的一些故障排除和經驗分享。 Modal 是什麼？ 網頁中用來增加「 Read More …
[筆記] Alpha Camp 第三學期
Alpha Camp 是個新興的線上線下整合的課程平台。第三階段是為期8週的課程，主要將學習 Web 開發實務框架，使用 JavaScript + Node.j Read More …
[筆記] Pagination 分頁功能 實作 JavaScript
網頁設計中常見的分頁功能(Pagination)的實作筆記過程。邏輯上，可以拆解成以下兩項： 1.計算總共頁數 2.依照使用者點擊的頁數來決定顯示多少項目 實作 Read More …
[筆記] RWD 自適應版型 漢堡選單實作與故障排除
自適應選單中常見的漢堡選單的實作經驗和故障排除。關鍵在於：利用 JavaScript 控制 CSS的Class的刪除與新增(toggle)，並搭配一些隱藏技巧。 Read More …
[筆記] KeyCode & querySelectorAll 全部加上事件
這回想要實作的狀況是：當使用者在輸入框中按下 “Enter” 後，可以選取到表格中的每一橫列。若要達成這個目的，你需要知道 KeyCod Read More …
