Modern Web
潛水了一年,終於鼓起勇氣第二次挑戰鐵人賽。 這次將延續前一次的主題,從 React 繼續往 Next.js 學習。雖然主題不同,但是核心目標不變,一樣是希望自己能透過這三十天的挑戰,「不只要會用,還要真的懂」。另外這次預計還會搭配實作去觀察、了解 Next.js,以達成「真的懂」的目標! 雖然男主角變成 Next.js 了,畫面會以 Next.js 為主,但是 React 依然會時不時地出現。 這 30 天,就讓我們一起和 Next.js 及 React 好好相處吧 :)
Modern Web
探討從零打造一個部落格所需要考慮的方方面面,涉及框架選擇、需求及設計、開發和部署。本系列文會挑選 Astro 作為核心框架開發,並專注在探究過程中碰到技術的背景知識和觀念,與其他類似技術的比較。
Modern Web
在 30 天的時間內學習後端語言 Golang,從基礎的 Golang 語法開始練習,慢慢帶入網頁後端觀念以及 Golang 的後端應用,並透過小專案的實作,了解實際開發的過程。 內容是以前端工程師的角度來學習 Golang 後端的學習筆記,希望藉由記錄自身的學習歷程幫助其他想學習後端的前端工程師參考。
Modern Web
Vibe Coding 盛行,所有網站逐漸變成Claude、GPT的樣子,一起用GSAP、ReactBits、Swiper.js、Lottie、AE等等,還有AI生成圖片及影片,再加上曾經身為電影人和設計的創意,拒絕再做出千篇一律的AI感介面,一起把網頁變成精美動畫吧!
Modern Web
從框架回到原生。 了解瀏覽器原生的 Web Component 開發技術,脫離對框架的依賴。 從基礎的三大核心 Custom Elements、Shadow DOM 、HTML Templates,利用 30 天慢慢打造可重用、獨立性高的 Web 元件。
Modern Web
個人使用著的社交軟體有 FB, IG, Thread, Telegram, Line, LinkedIn, Discord, GitHub,Gmail, PTT, Dcard 但是遮的物件基本上攏掌握踮咱時常講著的「科技巨頭」身上,致使咱雖然踮臺灣有充分言論自由,但是踮遮的軟體煞定定需要自我進行言論審查。 所以為著破解這種齷齪的處境,家己決定欲備份遮屬於個人的社交網路,雖然初期應該是閣做袂到自動化 CI/CD 但是希望這三十工會使予代誌有一个頭。
Modern Web
Angular 官網的經典教學「英雄之旅」(Tour of Heroes) 已成絕響,讓不少新手少了一張入門地圖。 這個系列將結合我近幾年的 Angular 開發經驗,試著重建屬於這個時代的英雄之旅。 希望無論你是新手還是老手,都能和我一起踏上這段旅程,並透過你的回饋讓這趟旅程更完整、更有趣!
Modern Web
本專案以 Web Modern 技術 為核心,探索即時金融數據與區塊鏈應用的整合實作。首先,透過 WebSocket 與 API 串流,實現金融市場數據的即時更新與視覺化,並應用 Vue.js 與 React 等現代前端框架,設計符合 UX/UI 原則的互動介面,提升使用者在模擬交易與金融教育中的體驗。同時,結合 AI 技術進行風險預測與異常偵測,強化系統在高頻交易模擬中的效能與實用性。其次,導入區塊鏈驗證與智能合約,確保數據透明、安全與跨境交易效率,並延伸至 NFT 與金融憑證的應用場景。整體架構以「即時、透明、安全」為核心理念,從前端互動設計到後端金融模擬,展現 Web Modern 在金
Modern Web
這次我選擇的主題是「從零打造網頁系統:非資訊人也能完成的全端專題實作」。起緣於修習輔仁大學專題課程時,有實際參與網站開發,雖然本身非資訊專業出身,但過程中透過不斷地向老師、學長及AI工具提問,經拆解問題與修正,逐步完成前後端整合的專題網站。 系列文章預計以紀錄者的角度,記錄我在實作中的心得,範圍包括前端、後端、Docker及部署等技術。相關內容將以實例逐步開展,記錄我對各個實例的心得與學習成果,希望對同樣從非資訊背景踏入網頁開發的朋友,能有所助益。
Modern Web
「AI × Web:生活魔法方程式」是一場把人工智慧融入日常網頁應用的探索旅程。透過簡單的程式實作,我們將 AI 技術化為生活中的小魔法——從智慧聊天、學習助手到即時資訊服務,讓網頁不只是資訊展示的平台,而是能主動理解、互動、甚至解決問題的夥伴。