iT邦幫忙

2023 iThome 鐵人賽

DAY 30
0

前言兼檢討

鐵人賽來到最後一天了。總算是跑過在這次馬拉松終點的紅彩帶。

其實一開始打算寫的主題不是這個,但也是因緣際會下在同個時間點開始跟在日本的楊桑合作專案,不如就拿它來寫鐵人賽吧!靠著這種擇日不如撞日的心情,開始了我的三十天。差不多只有前面的十天還靠著存檔苟活,後面就基本上毫無章法變成是個人的開發日記了...。
但後來想在三十天中,把專案開發到可以完美發佈的狀態可能性本身就是微乎其微,不如把重點轉換到找到最適合自己的一套工作日誌模式。由於我自己對於整理或建立代辦這項事情就很不拿手,希望之後在開發的過程能夠更系統化、效率化地做中學。

先非常感謝楊桑幾乎每天都要看我這個超新手的Code並給回饋,讓我熟悉業界的開發過程,同時也讓我在與人合作開發這方面學到很多。
以及工作室mentor、前輩與夥伴們的建議和陪伴,能夠體會到這個馬拉松有隊友真的感到非常安心。

好想工作室7.0的文章列表:好想工作室7.0

專案(我的部分)現階段展示

  1. 註冊頁面:提醒必填,與密碼不正確的提示
  2. 使用者頁面:辨認目前登入使用者,再提供修改資料的功能
  3. 登入頁面:交互比對使用者跟在驗證中的資料
  • 不同情況下提示不同錯誤訊息

  1. 首頁:登出按鈕,和提醒使用者未通過驗證的功能

目錄

前言與專案籌備

Day1—開賽前言
Day2—專案開發草案

firebase基本介紹與使用

Day3—Firebase(一)初探Firebase
Day4—Firebase(二)建置一個Firebase專案
Day5—Firebase(三)利用Cloud Firestore寫入資料與安裝至專案
Day6—Firebase(四)在專案中寫入新增、讀取、更新、刪除資料

Vue的學習筆記

Day7—Vue(一)初探Vue框架
Day8—Vue(二)Composition API與Options API
Day9—Vue(三)創建Vue專案(Vite)
Day10—Vue(四)Vue專案架構與部屬網站
Day11—Vue(五)創建Vue應用與模板語法(上)
Day12—Vue(六)模板語法(下):指令
Day13—Vue(七)響應式基礎:ref和reactive的差別
Day14—Vue(八)v-bind綁定class與style
Day15—Vue(九)事件處理
Day16—Vue(十)生命週期
Day25—Vue(十一)Router、SPA與Vue-Router
Day26—Vue(十二)Prop / $emit 與 Provide / Inject
Day27—Vue(十三) Vuex 狀態管理模式

專案開發日記

Day17—開發日記(一)實際專案建置與串接Firebase
Day18—開發日記(二)Tailwind
Day19—開發日記(三)客製化Tailwind
Day20—開發日記(四)Tailwind自定義斷點、v-model雙向綁定
Day21—開發日記(五)使用v指令將資料傳入firebase的Authentication
Day22—開發日記(六)提醒密碼一致與否(v-show)、使用者資料傳入firestore
Day23—開發日記(七)加入錯誤訊息、判斷使用者登入與否
Day24—開發日記(八)驗證信件、非同步的處理
Day28—開發日記(九)自訂新增firebase文件名稱、建立讓使用者更改資料頁面
Day29—開發日記(十)專案進度小結、JsDoc、私有類別

後記

由於這次的開發從使用工具到團隊開發,像是firebase或是Vue的使用都是看了就上,甚至和與人合作專案的經驗都極少(真的是呼應標題的從零開始),所以後面從跟Vue打個招呼完後都是(幾乎)天天跟楊桑Code Review和討論專案開發後,再寫開發日記。

雖然到後面都偏向日記,變成別人可能難以下嚥的文章(希望在下一屆時可以真正寫出技術文章),但覺得這樣在有時間壓力的情況下,定時紀錄自己的成果是個不錯的習慣。跟昨天文章提到的一樣,希望之後至少每週可以階段性地紀錄這個專案的開發日誌。

開發的過程中也跟著楊桑和工作室的前輩同學們學到很多,知道自己的不足處還很多。在後半個月實際寫code時,盡量用現有的技術把基本的功能開發出來,同時嘗試跟Vue這個框架打個招呼、交個朋友。除了寫程式,也了解到一個專案的架構有多麼龐大(同時像楊桑說的這個專案進度大概只有兩趴),無論是代碼的維護、或是架構的處理,和如何寫給人看的程式碼都是難關道道,希望能快速練成三頭六臂解決這些恐怖的關卡。

最後也恭喜工作室的隊友們都順利完賽,大家這一個月都辛苦了!


上一篇
Day29—開發日記(十)專案進度小結、JsDoc、私有類別
下一篇
Day31—開發日記(十一)Vuex Router實作
系列文
從零開始的firebase與Vue框架ーSNS專案31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Jessie
iT邦新手 5 級 ‧ 2023-10-16 21:02:49

恭喜完賽了~/images/emoticon/emoticon42.gif

ch0902 iT邦新手 5 級 ‧ 2023-10-17 11:11:34 檢舉

謝謝~也恭喜你完賽/images/emoticon/emoticon74.gif

我要留言

立即登入留言