![[筆記] Figma 前端 設計師協作工具簡單介紹](https://smlpoints.com/wp-content/uploads/notes-figma-introduction-1.jpg "[筆記] Figma 前端 設計師協作工具簡單介紹")
[筆記] Figma 前端 設計師協作工具簡單介紹
身為一位前端工程師，與 UI / UX 設計師合作時，往往會接觸到 Adobe XD 或是 Figma 這兩套工具。以工程師的角度來說，它可協助切版的進行，讓 Read More …
標籤: HTML
![[筆記] HTML5 Input time 時間格式](https://smlpoints.com/wp-content/uploads/notes-html5-input-time-format-1.jpg "[筆記] HTML5 Input time 時間格式")
[筆記] HTML5 Input time 時間格式
近日在網頁開發時，遇上要讓使用者填寫時間的狀況。第一直覺會想到 input time ，不過這個時間格式有個隱形的坑，它的 12 / 24 小時的選項，是根據使 Read More …
![[筆記] Sequelize NodeJS 專案初始化筆記](https://smlpoints.com/wp-content/uploads/notes-sequelize-node-js-initialize-projects-1.jpg "[筆記] Sequelize NodeJS 專案初始化筆記")
[筆記] Sequelize NodeJS 專案初始化筆記
本篇記錄下 AlphaCamp 第四學期的重頭戲之一，與他人一同打造類 Twitter 專案的過程。同時，這也是記錄如何從無到有打造一個專案的過程。 一、專案規 Read More …
![[筆記] HTML 表格 Table 的 tr td th 用法](https://smlpoints.com/wp-content/uploads/notes-html-table-how-to-use-tr-td-th-1.jpg "[筆記] HTML 表格 Table 的 tr td th 用法")
[筆記] HTML 表格 Table 的 tr td th 用法
HTML 中的表格格式，標頭常見的有 tr, td, th, thead, tbody。這篇是筆記一個表格其結構組成。 示範 [crayon-69723091d Read More …
運用 Node.js 建網站的初始化步驟
AlphaCamp 的課程進入到第三學期後期，趁機整理一下如何運用 Node.js 來建立一個簡單網站的步驟(包含前端畫面、後端資料庫、登入頁面、串接API以及 Read More …
![[筆記] Google, Facebook, Github OAuth 認證設定申請](https://smlpoints.com/wp-content/uploads/notes-google-facebook-github-oauth-certification-apply-1.jpg "[筆記] Google, Facebook, Github OAuth 認證設定申請")
[筆記] Google, Facebook, Github OAuth 認證設定申請
方前在網頁開發時，說要做個使用者登入介面串接，那最方便的選擇非 OAuth 2 的技術了。不過 Google, Facebook 和 Github 的設定頁面有 Read More …
![[筆記] Google Place API 串接 (Google Map 系列服務)](https://smlpoints.com/wp-content/uploads/notes-api-application-programming-interface-with-axios-dom-1.jpg "[筆記] Google Place API 串接 (Google Map 系列服務)")
[筆記] 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 …
