Modern Web
不再怕衝突、不再亂分支!30 天每日一招 Git 實用技巧,助你輕鬆駕馭版本控制,專案從此順利。 從 Git 新手到高手都適用,不論你是前端、後端、資料科學,甚至 DevOps 團隊,都能從中學到實用技巧。 每篇文章都包含操作範例、實務建議與小挑戰,教你 建立分支、解決衝突、管理版本,讓專案不再混亂,開發更順暢。
Modern Web
前端新手在30天內學習HTML、CSS等技術的自我挑戰。主要會參考前人文章以及W3Schools、MDN等資料,或者直接讀規範。內容可能會略微粗淺,也可能會有些錯誤,還請見諒與鞭策。
Modern Web
本系列將以 30 天的文章,帶大家一步步體驗如何用 TypeScript 升級 Node.js 開發流程。內容涵蓋語法基礎、專案實作、資料庫整合與 API 開發,讓讀者能從零開始,建立更安全、可維護性更高的後端專案。
Modern Web
是一場把前端學習化為奇幻冒險的挑戰紀錄。每天的程式錯誤都像潛伏的惡靈,透過不斷練習 HTML、CSS、JavaScript 等技能,就像鍛造魔法道具與煉金法術,一步步驅逐 Bug。文章風格不只是技術筆記,而是結合故事感與實戰心得,讓學習過程更有趣、更有畫面感。這不僅是前端技能的整理,也是成長旅程的冒險日誌,陪伴自己從新手到能揮舞驅魔杖的開發者,見證「寫程式其實也能很中二」的快樂過程。
Modern Web
本系列文章以「每天一點 API:打造我的生活小工具」為主題,從零開始掌握 API 的核心技能。從 API 概念和 JSON 格式著手,接著進入實作環節,學習如何呼叫公開 API、解析資料與處理錯誤,並將這些技能應用於各種生活化情境,像是天氣查詢、匯率換算、隨機笑話等。之後,會進一步探索資料清理、格式轉換與視覺化,將 API 回傳的資訊整理成圖表與報表。最後,挑戰更進階的主題,如 API Key 認證、POST 請求、多 API 整合與排程自動化,並以一個「生活助手 App」作為總結專案。透過這次的挑戰,希望能讓自己從 API 新手逐步累積實戰經驗,打造出能真正應用於日常的工具。
Modern Web
自身還尚未接觸過CSS,所以這是30天自我學習CSS挑戰,挑戰自己在有限時間內能理解多少CSS內容。 30篇中主軸上我會針對與切版相關的CSS技術去做深入討論,尤其是排版相關內容會佔多數,例如:flexblock 以及 Grid,另外少量穿插一些與切版有些相關、我認為值得補充學習的知識。
Modern Web
作為設計師常常會遇到有人把 UI/UX 和美工搞混,以為設計只是把畫面變漂亮,其實 UI/UX 更重要的是讓產品順手好用、操作直覺。 在這個 30 天系列中,整理了基礎概念、設計流程、使用者研究、資訊架構、元件設計與視覺排版,也會介紹易用性原則與無障礙設計重點,希望能幫助大家理解怎麼做出好用又包容的介面,把設計做得更順手、更友善!
Modern Web
現在每個網站幾乎都需要登入系統,但你對登入的運作了解多少呢? 在這 30 天,我們將一起使用 React 與 TypeScript 從零打造完整的登入系統,逐步學會表單驗證、狀態管理、社群登入與 Token 流程。 如果你也想挑戰自己,跟我一起踏上這段 30 天的學習旅程吧!
Modern Web
希望在未來的三十天中, 我能將我這幾年自己打磨出來的「等比縮放切版工作流」, 完完整整的讓讀文章的你學會, 未來的切版工作就交給你了, 切版真的好累啊 Q_Q。
Modern Web
前端工程師能處理的範疇越來越廣,從原先CSR到SSR框架的發展,前端開始也能做點後端的事情,我也開始意識到,若能深入理解後端的運作模式,不僅能強化前後端的協作,還能提升自己在開發上的靈活度。