Modern Web
30 天，帶你從 TypeScript 零基礎一路闖關，打怪升級到型別大師！內容涵蓋基礎語法、泛型、型別守衛等進階技巧，最後再挑戰 React、Node.js 實戰專案。每天一點進步，累積下來就是翻天覆地的改變，讓你從此看型別不再心慌，重構不再冒冷汗。
Modern Web
今年依然希望能挑戰成功，真真正正地完結他！ 本系列文章目標延續去年的目標：學習 CSS 基本知識，並且研究 CSS 中酷炫又令人期待新屬性，讓想要學習 CSS 的人也能一起學到新知識，不用再零零散散地去爬文搜尋。此外，這次將會學習 CSS 預處理器 SASS/SCSS 與了解各大 CSS 框架，讓新手對於前端開發有全面的認識。
Modern Web
《拖延怪日記》是一個結合 Modern Web 與 AI 的互動網頁作品，以「記錄沒做到的事」為核心，專為想改善拖延的人設計。使用者每天只需輸入「今天沒做什麼」與「原因」，系統會回覆一則溫暖或打趣的語錄，讓紀錄不再是壓力，而是陪伴與幽默。 專案涵蓋表單紀錄、LocalStorage 保存、Undo、排序篩選、情緒追蹤、任務安排、互動動畫、AI 語錄生成、背景主題切換、雲端同步等功能，並支援 RWD 響應式設計，確保手機與桌機都能流暢使用。 此作品不追求一次治癒拖延，而是透過日常紀錄、數據回顧與 AI 陪伴，讓使用者逐步觀察自己的模式、累積成就感，進而找回改變的動機。
Modern Web
學習前端開發有各式各樣的工具可以去學習、使用，在探討主題的過程中，我發現React這項工具的很像是平常我們熟悉的CSS、JavaScript、HTML的延伸，而且利用VS Code就能實際操作學習，因此我選擇React入門作為主題，希望透過連續30天的文章，把自己所學的知識拿來分享。 接下來30天的文章，除了整理React的基本概念及基礎，還會稍微介紹其原理，以及最重要的實作練習。
Modern Web
分享 Animate-UI 如何透過 shadcn CLI 或直接複製程式碼，快速引入專案，並展示一些最簡單的動畫範例。Animate-UI 結合了 React、Tailwind CSS 與 Motion，提供靈活且高度可自訂的動畫元件，開發者不需要從零開始設計動效，只需套用現有的元件並調整參數，即可創造出豐富的互動體驗。
Modern Web
這個系列將紀錄剛轉換職場的 Angular 新手，從零開始學習 Angular 的過程。內容會涵蓋環境建置、基礎語法、元件開發、路由、服務、API 串接、表單處理等核心主題，並分享每一天的學習心得與實作經驗。希望透過 30 天的練功日誌，快速掌握 Angular 的開發技巧，也能幫助同樣是新手的你！
Modern Web
想用程式碼創作遊戲，卻不知該如何開始？本系列將帶你使用 PixiJS 這個強大的 2D 繪圖引擎，配合 code.gamelet.com 這個線上的遊戲開發平台，在不需要繁瑣的前置設定下，就可以馬上開始創作遊戲的核心內容。 從最基礎的 Sprite、Container，循序漸進到使用者互動、音效、特效等，讓你一步步掌握遊戲開發的核心，一起來享受實現創意的樂趣吧！
Modern Web
本系列將帶領讀者從零開始學習如何在 React 開發中實踐測試驅動開發（TDD）。透過 30 天的實戰練習，您將掌握使用 Vitest 測試框架撰寫前端測試的技巧，從單元測試到整合測試，最終完成一個具備完整測試覆蓋的 Todo 應用程式。
Modern Web
繼 2022 iThome 鐵人賽《Laravel 9 漫遊，享受魔法般的極速網頁開發體驗》和 11 屆 iThome 鐵人賽《Laravel 6.0 初體驗！怎麼用最新的 laravel 架網站！》以來，Laravel 一直以來的核心價值，就是簡化工程師開發專案時，所遇到的各種瑣碎問題，提升工程師開發的幸福感。來到今年的 Laravel 12，這份幸福感再次被推到新高度。 這系列文章將以「開發者幸福度」為核心，帶大家回顧 Laravel 這段時間的進步。無論你是初學者，還是長期使用 Laravel 的開發者，相信都能從中找到讓自己工作更輕鬆、更愉快的最佳做法。
Modern Web
這次挑戰，我想紀錄自己從零開始學習 PHP 的過程，並在 30 天內完成從基礎到實作的目標。過程中會先學習基本語法、變數、流程控制，接著深入函式、表單處理與資料庫，並透過實作加強理解。 這是一個 PHP 小白的 30 天記錄，也是一場對自己的挑戰，希望最後能整理出清楚的筆記，幫助自己，也幫助同樣想學 PHP 的人！