Steven's Blog

苟孟的廢文小天地

0%

AC期末Twitter專案心得

在AC最後的結尾呢,則是號稱大魔王的Twitter協作專案,不過在開始之前有個小插曲。在專案開始之前,我有安排一個澎湖的小旅行,但我對Twitter專案時程有點記錯,我回來時發現大家都分好組了(ಥ_ಥ),幸好在助教幫忙之下,我找到尚有一組可以再增加一人,感謝Daisy小隊的各位願意讓我加入~

廢話不多說,以下就來跟大家分享專案的過程以及這個專案讓我學習到的事物。

專案流程

我們總共有三位前端(包含我)以及兩位後端組員,以下是我們的流程:

討論專案規格,完成Acceptance criteria及Task list。
完成系統分析文件,並針對每個頁面元件規劃所需資料。
分工進行專案的各個功能實作
完成切版
進行API串接(後端將API部屬置heroku雲端)
渲染串接後的資料畫面及功能實作
針對串接失敗或資料無法正常顯示的API進行討論及修正
完成測試後部屬到Github Page
第一週因為我們前端有三位組員,一開始在切版時進度還滿快的,在sprint2提前驗收前就差不多完成大部分的元件,反而是在github的操作花了不少時間研究;而後端的部分則是因為測試檔有點問題,後端的組員跟助教以及其他後端同學互相討論後成功通過測試。

而後在串接API資料時,雖然能夠成功從後端拿取資料,但在渲染畫面過程中卻遇到一些問題,經過前後端討論及修改資料內容,以及不斷修正各種因組裝各component元件所產生的大大小小bug之後,總算能順利呈現資料畫面,並趕在死線前完成專案。

學習歷程

這次的Twitter專案經驗,我覺得主要有三個收穫:

  1. 綜合應用,統整先前所學:
    由於整個Twitter專案是從無到有,從一開始的切版、串接API及各種功能之實踐等,都是過去所學的統整。在這過程中也常常回去翻以前的教案複習各種切版技巧、JS的語法甚至是Vue的各種功能,也因此加深了這些技術的印象。
  2. 培養解決問題能力:
    在專案的整個過程中,一定會遇到不少的BUG,在解決這些BUG的過程中,逐漸培養自己的思考脈絡,因而更容易知道問題的所在。此外,也培養自己未來面對BUG時,具有獨立思考和解決問題的能力。
  3. 團隊協作:
    因為是多人協作之專案,加上我們採用前後分離的開發模式,因此勢必需要時常溝通開會。在和後端協作過程中,更加熟悉頁面所需的資料以及API的格式;而自己在前端的會議中,也能和組員互相討論問題,熟悉閱覽他人程式碼的邏輯。

反思

在這次的專案中,覺得自己有幾個較不足的地方。
我們在整個過程中,有請後端修改了幾次的資料,部分原因是我們前端對於資料的內容未全然理解。在教案練習串接API的時候,我們所需的資料都是在串接API時取得,也自然而然的去使用這些資料渲染畫面。但當我們從零開始要跟後端溝通所需資料時,對於頁面所需要的資料內容就沒有這麼明確了,常常實作到一半時就會想到這邊還需要某些資料才有辦法成功做出來。不過在經歷這次的經驗後,逐漸培養自己對於資料的敏感度,在接觸各種頁面及功能時能更快速了解所需的資料。

總結

整體來說,我覺得對於整個專案能夠順利完成還是很開心的,從無到有完成一個專案,和組員互相討論協作的過程,我覺得都是很寶貴的經驗。在這兩個禮拜中,也很感謝各個組員,即使大家在這專案中都很勞心勞力,但在開會時都沒有表現疲態,還是很踴躍討論。總之很感謝各位的參與,也期許未來我們在工程師的路上都能順順利利。

專案完成畫面:
project-img
專案連結
測試帳號:user1
測試密碼:12345678