Full-Stack Development with React, TypeScript, Next.js, and Modern Backend

• 了解基本的JavaScript和Web Development原则
• 具备HTML/CSS和前端框架的经验
• 对API和数据库有基本的熟悉度会有帮助

受众

• 前端和后端开发人员
• 转型为全栈角色的软件工程师
• 构建可扩展Web应用程序的技术专业人员

全端開發是指從前端介面到後端伺服器邏輯、API和資料庫管理的完整Web應用程式建構實踐，使用現代且可擴展的技術堆疊。

這是一個由講師引導的培訓（線上或線下），針對希望使用React 19、TypeScript、Next.js、Node.js、Prisma、PostgreSQL以及相關DevOps實踐來建構全端應用程式的中級開發人員。

在本培訓結束時，參與者將能夠：

• 使用React 19和TypeScript開發響應式且可擴展的前端應用程式。
• 使用Jest和React Testing Library整合自動化測試。
• 使用Express、JWT和Prisma與PostgreSQL建構並記錄RESTful API。
• 使用Git和DevOps管道部署應用程式。
• 了解Data Warehouses、數據湖和AI整合在現代Web生態系統中的作用。

課程形式

• 互動式講座與討論。
• 大量練習與實踐。
• 在即時實驗室環境中進行實作。

課程定制選項

• 如需為本課程定制培訓，請聯繫我們安排。

React 19: 現代前端開發

• 使用 Hooks：useState、useEffect、useReducer
• 使用 Context API 進行狀態管理
• 使用 React Router 實現路由
• 文件結構、可重用性和性能的最佳實踐

TypeScript 適用於 React 開發者

• 類型安全：類型、接口、枚舉、泛型
• 為 props、state、hooks 和事件處理程序添加類型
• 創建可重用的類型和工具函數

React + TypeScript 實踐

• 構建具有強類型的可擴展組件
• 將泛型與 props 和 hooks 結合使用
• 實際項目中的類型策略

測試 React 應用程序

• Jest 和 React Testing Library 簡介
• 為組件和 hooks 編寫單元測試
• 測試異步操作和 API 調用
• 測試覆蓋率和調試的最佳實踐

Next.js 15: 全棧 React 框架

• App Router 與 Pages Router
• 服務器端渲染和靜態站點生成
• API 路由和中間件
• 圖像優化和性能

Node.js + Express: 後端 API 基礎

• 設置 Express 和 RESTful 架構
• 使用 JSON Web Tokens (JWT) 進行身份驗證
• 控制器-服務模式和路由結構
• 保護和驗證 API 請求

使用 Prisma 和 PostgreSQL 的 REST API

• 設置 Prisma 與 PostgreSQL
• 模式建模和遷移
• 執行 CRUD 操作
• 將 Prisma 客戶端與 Express 路由集成

使用 Git 進行版本控制

• Git 基礎：init、clone、commit、push、pull
• 分支、合併和拉取請求
• 使用 GitHub 進行團隊協作

DevOps 適用於全棧應用程序

• CI/CD 概念和工作流程
• Docker 和容器化簡介
• 在雲平台（如 Vercel、Heroku）上的基本部署
• 監控和錯誤日誌記錄

數據倉庫和數據湖

• 數據倉庫和數據湖的區別
• 全棧架構中的數據管道概念
• 後端系統在數據攝取和結構化中的作用

集成人工智能

• Web 應用中的 AI 用例概述
• 調用外部 AI API（如 OpenAI、Hugging Face）
• 使用 AI 進行文本摘要、聊天機器人和分析

總結與下一步