iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

從零開始的個人化記帳程式開發 系列

一直以來都有記帳的習慣,但現成的記帳 APP 沒辦法百分之百符合自己需求,常常要自己手動紀錄到 Excel。因此趁著 IT 鐵人賽的 30 天,來啟動這個總是說說的個人 side project,自己用網頁技能刻一個記帳程式,順便練習各種前後端能力!

鐵人鍊成 | 共 30 篇文章 | 60 人訂閱 訂閱系列文 RSS系列文 團隊Wow Doge!
DAY 11

記帳程式 (11):基本功能開發 - 月記帳本 Part.3

今日開發紀錄 昨天做了「支出紀錄」的新增與讀取,原本今天是預期來把編輯與刪除做完,原本以為一小時沒問題的,但卻在一路順著邏輯下去做時,發現 dialog 的資...

2019-09-27 ‧ 由 ckchuang 分享
DAY 12

記帳程式 (12):關於網站中共用 dialog 的資料流處理

遇到的問題 目前的進度在做記帳程式「支出紀錄」的增刪改查,原本以為這樣簡單的 CRUD 應該是一塊小蛋糕,卻在要將「新增」與「編輯」的 form dialog...

2019-09-28 ‧ 由 ckchuang 分享
DAY 13

記帳程式 (13):所以我說那個 API 呢?

前言 前面幾天進度緩慢的把前端內容做了一些出來,但實在覺得沒有後端資料的內容,開發起來還是不太順暢。 就以往的開發經驗來說,如果是像開發一些前端互動內容性質重...

2019-09-29 ‧ 由 ckchuang 分享
DAY 14

Firebase 是什麼&與 GCP 的差別

Firebase 是什麼 Firebase 是 Google 提供的一套面向行動及網頁程式的開發平台,或者可以說它是一個 BaaS(Backend as a...

2019-09-30 ‧ 由 ckchuang 分享
DAY 15

Firebase Cloud Firestore 基礎入門 Part.1 - 簡介

Cloud Firestore 簡介 Cloud Firestore 是 Google 提供的一款雲端 NoSQL 資料庫,可以快速地運用在 Firebase...

2019-10-01 ‧ 由 ckchuang 分享
DAY 16

Firebase Cloud Firestore 基礎入門 Part.2 - 建置 Firebase 專案及資料庫

昨天介紹了什麼是 Firestore 並介紹它與上一代的 Google 雲端資料庫 Realtime Database 的不同後,今天要實際上來練習怎麼使用了...

2019-10-02 ‧ 由 ckchuang 分享
DAY 17

Firebase Cloud Firestore 基礎入門 Part.3 - 將 Firestore 引入網頁專案

接續昨天的內容,今天要來將 Firestore 引入網頁專案中! Step 1. 將相關套件加到 Web 應用中 首先要來進到網頁專案中,引入套件及昨天第三步...

2019-10-03 ‧ 由 ckchuang 分享
DAY 18

Firebase Cloud Firestore 基礎入門 Part.4 - 寫入語法:set、update、add、delete

昨天建置好 Firestore 並確認開發的網頁專案能正確連上後,今天就要來實際使用它的語法學習各種寫入資料庫的做法了! 寫入語法 寫入語法共有四種操作:...

2019-10-04 ‧ 由 ckchuang 分享
DAY 19

Vue 專案串接 Firestore 資料

前言 在前面幾天的時候,因為還是想要直接能串資料庫,所以將主題切出去學習一下 Firestore,今天就要來將 Firestore 導入 Vue 專案了,一邊...

2019-10-05 ‧ 由 ckchuang 分享
DAY 20

記帳程式 (20):支出紀錄的新增、修改、刪除 feat. Firestore

熟悉的標題,最對味。不加一下天數都快忘了自己寫到哪一天了。 昨天成功將 Firestore 引入原本的記帳程式後,今天要回頭繼續把前面因為沒有 API...

2019-10-06 ‧ 由 ckchuang 分享