iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-SideProject30

房東不給養鸚鵡 - 那就用 Nuxt + Express + MongoDB 30 天寫一個全端鸚鵡專案 系列

挑戰人生第一次鐵人賽,就來個佛心分享 side project,從專案發想、規劃、設計、資料庫、開發到部署,技術使用 Nuxt 3、Tailwind CSS、Pinia、Axios、Express、MongoDB,製作一個前後端分離的鸚鵡專案,功能主要介紹食物計算機和聯絡我們,希望可以讓更多人瞭解專案的完整流程 ✨

鐵人鍊成 | 共 30 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文 團隊跟著2魚一起坐牢
DAY 21

[ DAY21 ] 後端專案最終章:Render 部署全攻略

哇!各位鐵粉們,今天是我們後端專案的最後一篇文章囉!已經過了 2/3 的賽程,我們一起繼續努力堅持下去~ 雖然有時候會覺得好像要寫不完了,但想到大家的支持,就又...

2024-09-30 ‧ 由 2魚 分享
DAY 22

[ DAY22 ] Nuxt3 前端開發起手式:環境建立與基礎認知

哈囉大家好!今天要帶大家一起探索 Nuxt3 的奧秘。不知道大家有沒有遇過這種情況:明明已經學會 Vue,但是在開發大型專案時卻總覺得少了點什麼?那個「少了點什...

2024-10-01 ‧ 由 2魚 分享
DAY 23

[ DAY23 ] Nuxt3 開發必備:套件安裝懶人包

哈囉大家早安!昨天我們成功建立了 Nuxt3 的開發環境,今天我們要來認識幾個超級實用的開發工具和套件。這些工具就像是我們的小幫手,不只能讓我們的程式碼變得更漂...

2024-10-02 ‧ 由 2魚 分享
DAY 24

[ DAY24 ] Nuxt3 魔法教室:Vue 語法速成班

嗨大家好!今天我們要來學習 Nuxt3 中一些超實用的 Vue 語法。就算你是 Vue 新手,看完這篇文章也能快速上手喔!讓我們一起來認識這些前端魔法吧! 條件...

2024-10-03 ‧ 由 2魚 分享
DAY 25

[ DAY25 ] Nuxt 3 開發之旅:顏色、圖示、導航欄到動畫效果

哈囉大家好!今天我們要來玩點有趣的東西了 —— 我們要開始打造我們的網頁骨架啦!想像一下,我們今天要給我們的 Nuxt3 專案穿上漂亮的衣服,讓它不再只是一個空...

2024-10-04 ‧ 由 2魚 分享
DAY 26

[ DAY26 ] Nuxt 3 進階技巧:Pinia、API 整合、Loading 元件

嗨!今天要跟大家分享的是如何在 Nuxt 3 專案中運用 Pinia 這個強大的狀態管理工具,並且實作一個客製化的 Loading 元件。無論你是剛接觸 Vue...

2024-10-05 ‧ 由 2魚 分享
DAY 27

[ DAY27 ] Nuxt 3 專案實戰:打造互動式鮮食計算機

哈囉大家好!今天要帶大家一起來打造一個超酷的鸚鵡鮮食計算機!不管你是不是程式新手,跟著我們一步一步來,保證你也能輕鬆搞定!讓我們一起來看看怎麼用 Nuxt 3...

2024-10-06 ‧ 由 2魚 分享
DAY 28

[ DAY28 ] Nuxt 3 專案實戰:打造互動式聯絡表單

哈囉,各位好!今天我們要來挑戰實用又有趣的頁面——製作一個互動式的聯絡表單。不管你是剛入門的新手,還是想更深入了解 Nuxt 3 的開發者,這個教學都能讓你學到...

2024-10-07 ‧ 由 2魚 分享
DAY 29

[ DAY29 ] Nuxt 3 專案最終章:Vercel 部署全攻略

哈囉大家好!今天要來分享如何將我們辛苦製作的 Nuxt 3 專案部署到雲端。是不是聽起來很厲害?別擔心,跟著我一步一步來,保證你也能輕鬆搞定! Vercel 簡...

2024-10-08 ‧ 由 2魚 分享
DAY 30

[ DAY30 ] 鐵人賽尾聲:回顧、感想與未來展望

哇!終於到最後一天了,感覺不只變成鐵人,都快要變成小金人了啦!這一個月真的是超級充實,每天寫文章、寫程式,腦細胞都要燒光光了呢!但是,回頭一看,才發現我們已經走...

2024-10-09 ‧ 由 2魚 分享