第十五屆

side-project-30
從零開始的firebase與Vue框架ーSNS專案
ch0902

系列文章

DAY 21

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

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

DAY 22

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

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

DAY 23

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

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

DAY 24

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

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

DAY 25

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

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

DAY 26

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

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

DAY 27

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

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

DAY 28

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

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

DAY 29

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

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

DAY 30

Day30—後紀 X 感謝 X 檢討會

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