2025 iThome 鐵人賽

2025 iThome 鐵人賽

沒在獨自升級的一起來

Modern Web

最新文章熱門文章

選手 89 文章 2196

Day 6

2025-09-20

131

0

Super Easy CSS，極度簡單 PART 3！讓想像躍然於螢幕之上系列

#69 CSS scroll snap 做簡單的純 CSS 輪播

以前，要做出輪播的「滾動吸附」的效果，十之八九都需要依賴 JS 套件（像是 fullPage.js 、Swiper.js 或 Slick.js）。這些工具雖然...

Day 21

2025-10-05

131

0

使用 React + Node.js + MongoDB 打造電商網站系列

Day21 購物車頁面完成：顯示清單、修改數量與模擬結帳

今天是鐵人賽 Day21，目標是完成購物車頁面功能，包含「顯示購物車清單」、「修改商品數量」、「刪除商品」以及「模擬結帳」。 1️⃣ 前端 Cart.jsx今天...

Day 8

2025-09-22

131

1

使用 React + Node.js + MongoDB 打造電商網站系列

Day8 建立 React 專案 + Tailwind CSS

今天是鐵人賽 Day8，目標是建立 React 前端專案，並整合 Tailwind CSS，讓我們可以用簡單的 class 快速做出漂亮的 UI。這是前端開發的...

Day 3

2025-09-17

131

0

Modern Web學習札記：初學者的探索系列

Day 3：CSS 基礎：讓網頁漂亮起來

在昨天 HTML 的語義化標籤後，我們已經為網頁打好了「骨架」。但是光有骨架，看起來就像是一棟沒有裝潢的空屋，雖然能住人，但沒有任何美感或舒適度。CSS 是專為...

Day 17

2025-10-01

131

0

30 天，讓 TypeScript 把你的 Node.js 開發再升級系列

Day 17｜Firebase Storage 實戰：用 Node.js + multer 上傳圖片到雲端

昨天我們完成了 Firebase Storage 的環境設定：建立專案 & Bucket 下載服務金鑰設定 .env 今天就要正式進入實戰篇！...

Day 7

2025-09-21

131

0

Modern Web：從基礎、框架到前端學習系列

Day 7：Flexbox 佈局完全攻略

為什麼要學 Flexbox？在 RWD（響應式設計）時，Flexbox 幾乎是必備技能。它能夠輕鬆控制元素的排列、對齊、分配空間，比傳統的 float 或 t...

熱門文章

熱門系列

鐵人選手

工商時間