鐵人檔案
作為一個轉職前端者，Side Project固然是一個必修課題。我決定利用這次鐵人賽的機會，紀錄初次開發專案的過程，與其他工程師合作，共同開發一個類SNS——且同時具有社群功能（類論壇形式）的網站專案——利用Firebase處理後台，並用Vue框架去開發。
除了介紹前兩個開發工具外，也會嘗試寫下開發時運到的問題與解法，讓這次的開發不僅僅專注於成品的完成，還有訓練自己解決問題的能力。
可能文章多有不成熟或誤讀之處，請大家不吝惜於提供指正與意見，先謝謝各位前端前輩們。
前言 我是CH，從開始轉職前端到現在，也差不多要滿一年多了，在課程與自學的過程中，只有嘗試過一次具前端與後台資料庫的完整網站，故我打算趁這次鐵人賽，除了練習有條...
前言 按照前一天擬定的專案大綱，今天會較詳細列出我們使用的開發工具、每人預定製作功能的流程圖，以及最基礎的畫面基本架構。 開發工具與流程圖 主軸 以SNS做主要...
前言 在資訊爆炸的時代，常常在看開源專案或別人的作品集時，我們會突然靈光一閃有個side project的點子，但也經常受阻於技術面——尤其是後端技術等——故對...
前言 承昨天的文章，若我們想使用Firebase的服務，只要利用Google帳號登入Firebase的網站，就可以從Firebase控制台建置自己的專案。 建立...
前言 承昨天的文章，今天將要介紹如何在Cloud Firestore網站上新增集合與資料，和利用npm在我們的專案上安裝Cloud Firestore。 在網站...
前言 承昨天的文章，今天我們將進一步深入瞭解Cloud Firestore，並學習如何在我們的專案中新增、讀取、刪除、更新這個雲端資料庫中的資料。 新增資料 第...
前言 在前幾篇文章中，我們深入研究了Firebase的基本操作，學習了如何在Cloud Firestore中新增、讀取和刪除資料。今天將轉向一個全新的主題——...
前言 接著繼續看官方文件，我們可以看到官方提到Vue的組件可以按照兩種不同風格書寫，分別是選項式API以及組合式API。 從Vue 3.0開始，引入了Comp...
前言 昨天大致介紹了Vue的核心概念，今天就來談建置環境的部分。 創建環境 在 Vue 官方文件中，官方建議開發人員將 Vite 作為 Vue.js 應用程...
前言 昨天創建完了Vue的環境，今天我們將會介紹旁邊資料夾分別負責放置哪些檔案。 專案架構 建完架構後，我們可以看到旁邊資料夾的結構如下： node_mo...
