iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
自我挑戰組

打造自己的Medium 系列

實作目標是做出一個類似Medium的文章平台:
1. 後端C# .net
2. 前端 Vue3
因為本身寫NodeJs後端和React前端,主要挑戰在於拋開熟悉的語言和框架,邊開發邊學習程式框架特性和用法,若基礎功能實作完,時間還充裕,會再做手機app

參賽天數 29 天 | 共 29 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day1 主題介紹

這系列文章分享的內容比較接近思路的整理,查看現有功能,然後用自己的猜想去實作,因此如果是想看手把手帶你怎麼寫程式的人,這可能不是你會想看的內容,但如果你也好奇...

2025-08-05 ‧ 由 Leni 分享
DAY 2

Day2 從官方指南開始

雖然網路上有很多資源,但我覺得微軟的教學其實蠻詳細的,看原文還可以學習一下專業名詞,順便練閱讀速度,偶爾覺得句子很長的時候,就會跟著朗誦一下。因為我覺得影片很浪...

2025-08-06 ‧ 由 Leni 分享
DAY 3

Day3 觀念釐清

發現.NET其實不是C#專屬的框架,更接近於Node.js相對於Javascript的存在,主要作用是將編譯後的程式,轉換成機器可執行的語言,但又不像NodeJ...

2025-08-07 ‧ 由 Leni 分享
DAY 4

Day4 ASP.NET Core連線到MongoDB

搭配Day1提到的功能,先建立使用者資訊,所以這裡示範的是UserService 建立MongoDB連線的步驟 1. 安裝套件 dotnet add pac...

2025-08-08 ‧ 由 Leni 分享
DAY 5

Day5 Web API 路由

路由 這邊介紹路由的兩種寫法: 1. Minimal API 適合簡單的應用 // Program.cs app.MapGet("/", (...

2025-08-09 ‧ 由 Leni 分享
DAY 6

Day6 Vue基礎篇(上)

雖然ASP.NET Core還沒介紹完,但先開始Vue吧 介紹 SFC: 單一組件的.vue檔案由以下三個區塊組成 template: HTML 樣板 sc...

2025-08-10 ‧ 由 Leni 分享
DAY 7

Day7 Vue基礎篇(下)

今天來介紹比較容易混淆的部分 功能介紹 computed使用情境比較接近,需要處理ref做計算,但是希望ref未變動時,不要重新執行。雖然有辦法寫getter...

2025-08-11 ‧ 由 Leni 分享
DAY 8

Day8 Vue + Typescript

開發環境配置 IDE: VS Code 基本Plugin: Vue 格式化Plugin: Prettier 建立專案 建立Vue指令npm create...

2025-08-12 ‧ 由 Leni 分享
DAY 9

Day9 雜談

今天意外踩到雷,決定先去逛逛medium想一下怎麼切,要用什麼元件,更好做才不是在偷懶喔 踩雷 下npm run dev指令的時候,會出現錯誤crypto ha...

2025-08-13 ‧ 由 Leni 分享
DAY 10

Day10 會員/非會員的文章顯示

medium的功能 非會員的人只會看到文章前半段,然後下半會有點半透明的遮罩處理,邀請加入使用者會員,實際去挖html出來看,會發現就算把遮罩節點刪掉,也一樣是...

2025-08-14 ‧ 由 Leni 分享