系列文章
DAY 2
Day2—專案開發草案
前言 按照前一天擬定的專案大綱，今天會較詳細列出我們使用的開發工具、每人預定製作功能的流程圖，以及最基礎的畫面基本架構。 開發工具與流程圖 主軸 以SNS做主要...
DAY 3
Day3—Firebase（一）初探Firebase
前言 在資訊爆炸的時代，常常在看開源專案或別人的作品集時，我們會突然靈光一閃有個side project的點子，但也經常受阻於技術面——尤其是後端技術等——故對...
DAY 4
Day4—Firebase（二）建置一個Firebase專案
前言 承昨天的文章，若我們想使用Firebase的服務，只要利用Google帳號登入Firebase的網站，就可以從Firebase控制台建置自己的專案。 建立...
DAY 5
Day5—Firebase（三）利用Cloud Firestore寫入資料與安裝至專案
前言 承昨天的文章，今天將要介紹如何在Cloud Firestore網站上新增集合與資料，和利用npm在我們的專案上安裝Cloud Firestore。 在網站...
DAY 6
Day6—Firebase（四）在專案中寫入新增、讀取、更新、刪除資料
前言 承昨天的文章，今天我們將進一步深入瞭解Cloud Firestore，並學習如何在我們的專案中新增、讀取、刪除、更新這個雲端資料庫中的資料。 新增資料 第...
DAY 7
Day7—Vue（一）初探Vue框架
前言 在前幾篇文章中，我們深入研究了Firebase的基本操作，學習了如何在Cloud Firestore中新增、讀取和刪除資料。今天將轉向一個全新的主題——...
DAY 8
Day8—Vue（二）Composition API與Options API
前言 接著繼續看官方文件，我們可以看到官方提到Vue的組件可以按照兩種不同風格書寫，分別是選項式API以及組合式API。 從Vue 3.0開始，引入了Comp...
DAY 9
Day9—Vue（三）創建Vue專案（Vite）
前言 昨天大致介紹了Vue的核心概念，今天就來談建置環境的部分。 創建環境 在 Vue 官方文件中，官方建議開發人員將 Vite 作為 Vue.js 應用程...
DAY 10
Day10—Vue（四）Vue專案架構與部屬網站
前言 昨天創建完了Vue的環境，今天我們將會介紹旁邊資料夾分別負責放置哪些檔案。 專案架構 建完架構後，我們可以看到旁邊資料夾的結構如下： node_mo...