adrianhajdin

全球最令人印象深刻的網站皆使用 3D 圖形與動畫呈現內容。學習如何打造自己的 ThreeJS 3D 開發者作品集！

此代碼倉庫對應於相應的視頻教程。使用 React、Node.js、Express 與 MongoDB，你將學會如何從頭到尾構建一個 Full Stack MERN 應用。該應用名為 "Memories"，是一個簡單的社交媒體，允許用戶發布生活中有趣的事件

此為對應影片教學的程式碼倉庫。在此影片中，我們將構建一個 Web 3.0 React Solidity 區塊鏈應用程式

此代碼倉庫對應於相應的 YouTube 影片。在本教程中，我們將構建並部署實時聊天應用。涵蓋主題：React.js、Node.js、Express.js 和 Socket.io

Master the creation of Modern UX/UI Websites

現代且極簡的 JS 精通作品集

由 Enyel Sequeira 建立、JavaScript Mastery 授課的教學課程

Horizon 是一個面向所有人的現代銀行平台

此為對應 YouTube 影片的程式碼倉庫。在本教學中，我們將使用 React.js 與 Syncfusion 建構並部署一個管理儀表板應用程式

如 React 文件所述，Next.js 最近成為了官方的 React 框架。在本課程中，您將學習最重要的 Next.js 概念以及它們如何融入 React 生態系統。最後，您將透過建構一個現代的全端 Next 14 應用程式來測試您的技能。

建立一個簡化病患註冊、預約排程與醫療記錄的醫療平台，並學習實作複雜表單與簡訊通知。

使用 React.js 與 Tailwind CSS 建構的現代 UI/UX 網站。

建立你的第一個行動應用程式

結合 Stripe 的現代化全端電子商務應用程式

使用 React Native、Expo 的最新功能與極速邊緣就緒的 Postgres 資料庫，建構全端 Uber 仿製應用程式。

這是對應 YouTube 影片的程式碼儲存庫。在此教學中，我們將建置並部署一個即時聊天應用程式。涵蓋主題：React.js、SCSS、Framer Motion、Sanity

建置與部署現代化 Next.js 13 應用程式 | React、Next JS 13、TypeScript、Tailwind CSS

學習如何建立具有流暢視差效果和便當盒（bento box）佈局的現代網站。本課程涵蓋從時尚的 UI 設計到行動優先原則的一切內容，同時強化你的 React.js 與 Tailwind CSS 技能。

直接深入 React——從基礎 JSX 到進階 hooks——並在此實作速成課程中建立真實的現代應用程式！

重現 Apple iPhone 15 Pro 網站，結合 GSAP 動畫與 Three.js 3D 效果。從自訂動畫到動態 3D 模型，本教學涵蓋所有內容。

開發 Threads，這是一款在不到 5 天內註冊用戶突破 1 億、火箭般成長的 Next.js 13 應用程式，打敗了 Twitter、ChatGPT 和 TikTok 等巨頭，成為史上成長最快的應用程式！

由 GetStream 驅動的醫療呼叫器聊天應用程式

深入 Tailwind CSS 的世界，建構 Nike 網站，並加入 OpenAI、Shopify 和 NASA 等頂尖組織，輕鬆打造令人驚豔的應用程式。

使用 React JS、Appwrite、TypeScript 等技術，建構具備絕佳 UI、原生行動應用手感、特殊技術堆疊、無限滾動功能以及驚人效能的現代社群應用程式。

使用 React JS 與 Material UI 5 建置與部署現代 YouTube 仿製應用程式

這是對應 YouTube 影片的程式碼儲存庫。在此教學中，我們將建置並部署一個疫情追蹤應用程式。涵蓋主題：React.js、Chart.js、Material UI 等。

這是對應影片教學的程式碼儲存庫。在這部影片中，我們將建置一個現代化的 UI/UX 餐廳登陸頁面網站

使用 Next 14、Stripe、TypeScript 與 Payload CMS 學習建構包含管理儀表板與 CMS 的優秀電子商務網店。

建構並部署您專屬的 ChatGPT AI 應用程式，協助您進行程式碼編寫

由 RapidAPI 驅動的加密貨幣應用程式

使用 Next.js 14、Clerk、MongoDB、Cloudinary AI 與 Stripe，建構具備 AI 功能、付款與點數系統的真實軟體即服務 (SaaS) 應用程式，甚至能將其轉化為副業或商業點子。

一起打造一個酷炫的 3D 網站！你將學會如何製作包含趣味互動元素（如浮島和打字時會移動的狐狸）的個人作品集，助你展現技能並順利求職！

建置與部署房地產 React & Next.js 應用程式

使用 TypeScript、Next.js、Fabric.js 和 Liveblocks 打造的 Figma 複製版

這是對應 YouTube 影片的程式碼儲存庫。在此教學中，我們將建置並部署一個即時聊天應用程式。涵蓋主題：React.js、Socket.io。

使用 Next.js 14、Stream 與 Tailwind CSS，在數小時內學會開發具備企業級水準的專業視訊會議應用程式。

透過建構 Spotify 的改良版本來掌握現代網頁開發。具備現代化首頁、功能完整的音樂播放器、搜尋、歌詞、歌曲探索功能、搜尋、你周圍的熱門音樂、全球熱門排行榜等等，這是目前能在 YouTube 上找到最好的音樂應用程式。

一步步教你建立曾獲 Awwwards 本月最佳網站的得獎動畫網站的課程。

透過 Three.js 速成課程從零開始學習建構 3D 網站。這是一種有趣且實用的方式，能讓你建立出色的作品集！

使用 Next JS 14、Tailwind CSS、Shadcn、React Hook Form、Zod、Uploadthing、React-Datepicker、Mongoose、Clerk 和 Stripe 建立類似 Eventbrite 或 Meetup 的活動組織網路應用程式，包含身份驗證、活動管理、搜尋、篩選、分類、結帳與付款功能。

此專案展示了 Next.js 15 的最新功能，包含用於無縫客戶端表單提交的 Next.js Form、用於背景任務的 Unstable After、用於更快開發的 Server Component HMR Cache，以及用於效能優化的 Partial Prerendering。

這是對應 YouTube 影片的程式碼儲存庫。在本教學中，我們將使用 WebRTC 建置並部署一個 React 視訊聊天應用程式。

建置與部署完全響應式的現代 UI/UX 網站，使用 React.js、Next.js 13、Tailwind CSS

使用 Framer Motion 與 Tailwind CSS 建構並部署現代化的 Next 13 網站

基於 React 與 Puter.js 開發的 AI 履歷分析工具。包含無縫驗證、履歷上傳與儲存，並利用智慧 AI 評估將候選人與職位進行媒合，提供簡潔且可重複使用的 UI。

透過這門速成課程動手實作 React Native 與 Expo！從零開始打造行動電影 App，並在過程中掌握行動開發的必備技能。

擁有令人驚豔的設計，連接區塊鏈、MetaMask 配對、與智慧合約互動、透過區塊鏈網路發送 Ethereum，以及編寫 Solidity 程式碼。

完整的現代 Docker 課程。

使用 Google 驗證、動態路由等從頭建構全端房地產應用程式。掌握可擴展且乾淨的 React Native 開發必備技能。

使用 React.js 和 Three.js 建構視覺上迷人的 3D 作品集！學習結合互動式 3D 圖形與流暢的網頁效能，以引人入勝的方式展示您的技能。

深入網頁爬蟲，並在單一影片中建立 Next.js 13 電商價格追蹤器，教您資料爬蟲、定期任務（cron jobs）、發送電子郵件、部署等功能。

終極 Next.js 14 課程

準備好掌握求職面試了嗎？加入我們，使用 Next.js 與 Vapi AI 建置一個即時 AI 驅動的模擬面試平台，為您提供個人化的準備課程。

學習使用業界標準實踐建構生產級大學圖書館管理系統；涵蓋速率限制、DDoS 防護、快取、最佳化、多媒體上傳、複雜資料庫查詢、進階錯誤處理以及自訂通知的自動化工作流程。

透過建構 LiveDocs 來學習如何開發協作應用程式，這是一個改進版的 Google Docs，可即時管理數百萬名協作者。