2025 六角切版班心得

更新 發佈閱讀 5 分鐘

從忙碌的 7、8 月開始,又重新開啟一次輪迴,當時專題的記憶突然湧現心頭。在畫線稿圖的同時,發自內心地想下次不敢了。

再次挑戰在職學習,在作業地獄途中喘口氣,來簡單快速盤點這兩個月的成果吧。

達成的事項

一、新的學習步調養成

這次直播班最大的成果。在職學習加上專題的準備,無論如何時間都不夠用。所以,7 月開始嘗試提早起床,在上班前花大概 25 分鐘學習。剛好六角影音課程的長度,很適合在這段時間,吸收加上作筆記。沒有特別勉強一定要消化多少進度,有時候只學習 5 ~ 10 分鐘左右,反而能夠長久地持續下去。

到了 8 月逐漸習慣這種步調,工作日穩定能在上班前有 25 ~ 50 分的時間。開始嘗試用這段時間來寫作業,從作業中拆分出比較小的任務,在上班前完成並 commit。雖然能有效利用時間,但是有發現程式碼的品質會不穩定🤔

二、協作心態調整

發掘了心態上有不健康的地方。無論是工作的團隊,還是這次的專題小組。因為總是把理想想得過高,不只給自己壓力很大,想必也在溝通的時候,給成員過多的壓力。一邊擔心做得不夠好,一邊又怕給對方壓迫感太多。最後,變成一種內耗情緒,糾結成一團。

以前的專題也有遇到這種狀況,常常會被消耗到停下腳步。最近在思考該如何面對這樣的情緒,或許沒有意見本身就是一種意見?或許不用面面俱到的顧慮那麼多方向?這部分還在摸索,不過能確定的是,不同團隊會有不同的合作模式。在磨合時期,要以自己能為團隊提供什麼作為出發點,而不是團隊該怎麼做。

三、各種想法的實踐

現在有 AI 的輔助,基本方向若是正確,多數的想法都能夠實踐得出來。

  1. 建立今年的練習 Repo,管理所有練習專案。並且在建立一個 deploy 用的 Repo,方便連結到所以的專案頁面。
  2. 調整 vite.confige、.prettierc 等設定,來達成自己的需求。
  3. 寫 SCSS 時使用 @each 配合 map 來產生一組樣式,之後再配合 @mixin 來產生指定斷點的樣式。有些地方寫起來跟 JS 感覺很像。
  4. CSS 選擇器的應用,練習用了 ~+> 來更準確地選擇元素。另外有嘗試用 :not:has:placeholder-show 等來做客製化樣式 ,尤其是應用在表單元素上,十分方便。

可以做得更好

一、時程的評估

切版作業一直以來都是在跟時間賽跑。開一個新的專案,就意味著需要重新設定顏色、字體、互動元件等客製化樣式。並且切版當下都需要反覆確認設計稿,這部分的時間無論如何都很難減少。所以評估頁面的開發時間,以及確保維持一定的進度,變得十分重要。

這次在 week04 花了很多時間調整 SCSS 設定。雖然成功用 mixin 快速生成 spacing utilities,但是忽略要持續切版,導致整體進度落後。應該要先用熟悉的寫法達到穩定的產出,後續再視進度一一優化。

二、目標的確認

這部分挺烙賽的😂

一直搞錯要提交的頁面,雖然可以找藉口說是把專注力放在專題上。但實在是太烙賽了,還是該好好反省一下。包含:

  1. 忘記 AAPD 的提交期限:當週才發現是週四截止,雖然已經建立完 layout、utilities 等常用 css 設定。但是只有完成品牌頁 1 頁,還缺 3 頁。
  2. 搞錯 week02 該提交的頁面:為了趕前面 AAPD 申請的提交,所以挑了一些簡單的頁面。忘記確認 week02 該提交產品列表頁與詳細頁,滿懷自信地回去提交 week02 時,才發現缺了 1 頁。
  3. 搞錯 week05 該提交的頁面:沒有注意到有指定頁面,所以原本預計要切個人資料頁與預約紀錄頁。還好在完成個人頁的時候,發現有指定頁面,趕緊更換要切的頁面。

接下來的代辦事項

切版班終於告一段落,但手上的代辦事項還有:

  • AAPD 合作活動
  • 專題里程碑 5. 開跑

本來還有預期要再 JS 班期間先補 React,再加上切版班有些想要補齊的影音與練習。還有專題一些想法的實踐(套件練習、建資料庫)。下半年仍然閒不下來,大概會持續醒來寫 code,寫 code 寫到睡著的生活。雖然很累,但是想變強的慾望更加強烈 💪

留言
avatar-img
Yu-San Chiu的沙龍
0會員
2內容數