iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Software Development

30天!玩轉TypeScript開發書單系統 系列

專為開發者而設計的實踐型指南,旨在幫助讀者深入理解TypeScript並建立自己的書單管理系統

通過30天的漸進式學習計劃,帶領讀者從基礎的TypeScript語法開始,逐步掌握TypeScript強大的特性和開發技巧並且實作出自定義的系統

可以解決買太多書而忘記買了什麼書的障礙,同時,也會講解TypeScript在大型項目和團隊開發中的應用,讓讀者能夠在真實工作或生活場景中運用所學知識解決問題

鐵人鍊成 | 共 30 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文
DAY 21

[Day21] 呈現吧!用Vue 3和Firebase實現動態分頁:提高用戶體驗

引言 很高興我們可以又見面了^____^今天我們一樣要來分享怎麼自己刻一個分頁功能這樣做有什麼好處呢?第一個,就是我們在瀏覽的時候不需要一次性看到百筆多筆...

2023-10-05 ‧ 由 Sunny.Cat 分享
DAY 22

[Day22] 展示吧!Vue 3 與 UnoCSS:打造極簡書單卡片介面

引言 今天來好好當個切版仔切一個喜歡的書單卡片版型並利用之前學會的功能那就讓我們開始吧~ 用一點之前寫好的方法 首先我們先建立一個卡片清單的元件C...

2023-10-06 ‧ 由 Sunny.Cat 分享
DAY 23

[Day23] 分頁吧!疑?為什麼畫面白白的?Suspense的用法講解

引言 這次大致功能出來遇見了問題書頁列表在跑資料時總是會有閃白畫面我們發現了個用法可以處理這方面問題.... Vue 3 的 Suspense 可以用...

2023-10-07 ‧ 由 Sunny.Cat 分享
DAY 24

[Day24] 優化吧!Table 樣式設計的小秘密 hover 效果

引言 隨著日子一天一天過去我們也快接近尾聲了今天開始就是來優化我們的介面 書頁列表 來到檔案BookList.vue然後加上:hover 效果 &...

2023-10-08 ‧ 由 Sunny.Cat 分享
DAY 25

[Day25] 建構吧!書單系統「星級評分」與「書籍狀態」的Vue3 功能實現

引言 終於我們的系統看來越來越好用了接下來要進一步把東西做完整在數位時代,書籍管理變得更加聰明和個人化傳統的書單可能只包含書名和作者但現在,我們可以透過...

2023-10-09 ‧ 由 Sunny.Cat 分享
DAY 26

[Day26] 溝通吧!Vue3 元件家族如何講小故事呢?「defineEmits」與「defineProps」的應用

引言 今天會繼續實現我們表單中的「自訂資料夾」的功能所以會用到async component會把「資料夾」的資料做成 async API父層是BookF...

2023-10-10 ‧ 由 Sunny.Cat 分享
DAY 27

[Day27] 標籤吧!一文掌握Tags功能:Vue 3 + UnoCSS 設計元件

引言 很快來到一個尾聲那就開始吧今天會做一個標籤樣式的功能為我們的書單上建立Tags而且要可以複選 Firebase 控制台 先為我們另外的標籤資...

2023-10-11 ‧ 由 Sunny.Cat 分享
DAY 28

[Day28] 驅動吧!終於完成自訂標籤文字顏色功能了!超派~~

引言 在上一篇當中我們只說到了基本的Tags API現在要更深入實作細節那就開始吧! 講究的功能 圖片支援除了標籤外要可以自訂標籤顏色有鑑於此我們...

2023-10-12 ‧ 由 Sunny.Cat 分享
DAY 29

[Day29] 瞬間吧!跟著我一起來:使用GitHub和Netlify輕鬆部署網站

引言 很快到了最後關頭我們需要讓系統可以部署上線而且可以馬上使用到底要怎麼做呢? Build 在上版之前首先呢我們要先pnpm run build...

2023-10-13 ‧ 由 Sunny.Cat 分享
DAY 30

[Day30] 收官吧!技術之路:鐵人賽 30 天的學習和成長

參賽心得 嘿,大家好,來談談這場讓我熬夜、緊張、但最終滿足的鐵人賽吧!這整整 30 天,我致力於探索 TypeScript,並開發一個令人驚艷的書單系統。...

2023-10-14 ‧ 由 Sunny.Cat 分享