iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

從零開始的firebase與Vue框架ーSNS專案 系列

作為一個轉職前端者,Side Project固然是一個必修課題。我決定利用這次鐵人賽的機會,紀錄初次開發專案的過程,與其他工程師合作,共同開發一個類SNS——且同時具有社群功能(類論壇形式)的網站專案——利用Firebase處理後台,並用Vue框架去開發。
除了介紹前兩個開發工具外,也會嘗試寫下開發時運到的問題與解法,讓這次的開發不僅僅專注於成品的完成,還有訓練自己解決問題的能力。
可能文章多有不成熟或誤讀之處,請大家不吝惜於提供指正與意見,先謝謝各位前端前輩們。

鐵人鍊成 | 共 31 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室 v7.0
DAY 21

Day21—開發日記(五)使用v指令將資料傳入firebase的Authentication

前言 今天是開發的Day5,重點為使用vue指令拿到使用者輸入資料後傳進去firebase的Authentication。 實現內容 註冊頁面 用vue指令拿...

2023-10-06 ‧ 由 ch0902 分享
DAY 22

Day22—開發日記(六)提醒密碼一致與否(v-show)、使用者資料傳入firestore

前言 今天是開發的Day6,開發重點為: 使用vue指令v-show進行實時確認密碼認證 將資料同步加進去firestore的資料庫 實現內容 圖片來源...

2023-10-07 ‧ 由 ch0902 分享
DAY 23

Day23—開發日記(七)加入錯誤訊息、判斷使用者登入與否

前言 今天是開發的Day7,開發重點為: 在登入頁面內加入錯誤訊息提醒使用者(之後預定開發方向:modal提醒) 判斷使用者登入與否後展示頁面 實現內容 1...

2023-10-08 ‧ 由 ch0902 分享
DAY 24

Day24—開發日記(八)驗證信件、非同步的處理

前言 今天是開發的Day7,開發重點為: 利用firebase的功能寄送驗證信件 判斷使用者已驗證與否,分別再頁面展現不同功能 實現內容 1. 利用fire...

2023-10-09 ‧ 由 ch0902 分享
DAY 25

Day25—Vue(十一)Router、SPA與Vue-Router

前言 今天先不實作,回來研究Vue Router以及前端路由的實現方式。 路由 什麼是路由? 路由是指定應用程序中不同視圖之間導航的過程。在 Web 開發中,路...

2023-10-10 ‧ 由 ch0902 分享
DAY 26

Day26—Vue(十二)Prop / $emit 與 Provide / Inject

前言 今天也在實作前,先來了解vue傳值的方法。以下是使用 provide/inject、props 和 Vuex 等方法的圖例,今天先介紹官方提供的Prop和...

2023-10-11 ‧ 由 ch0902 分享
DAY 27

Day27—Vue(十三) Vuex 狀態管理模式

前言 照昨天介紹了props與provide,今天決定來看一下Vuex的基本介紹,並大致了解這個套件的運作模式。 簡介 Vuex是Vue官方推出的狀態管理工具,...

2023-10-12 ‧ 由 ch0902 分享
DAY 28

Day28—開發日記(九)自訂新增firebase文件名稱、建立讓使用者更改資料頁面

前言 今天回歸實作,主要處理: 將存入firestore的文件名稱自訂為user的uid:為了在userSetting頁面拿取到登入使用者的資料 讓使用者可以...

2023-10-13 ‧ 由 ch0902 分享
DAY 29

Day29—開發日記(十)專案進度小結、JsDoc、私有類別

前言 來到鐵人賽倒數第二天,今天先來統籌本專案的大致進度,以及未來的方向,以及今日整理code紀錄的相關資料。 專案進度 完成部分 註冊功能:建置使用者資料...

2023-10-14 ‧ 由 ch0902 分享
DAY 30

Day30—後紀 X 感謝 X 檢討會

前言兼檢討 鐵人賽來到最後一天了。總算是跑過在這次馬拉松終點的紅彩帶。 其實一開始打算寫的主題不是這個,但也是因緣際會下在同個時間點開始跟在日本的楊桑合作專案,...

2023-10-15 ‧ 由 ch0902 分享