AI 人工智能學院

AI Web Coding 全棧班

20 週全棧訓練營。用 TypeScript 打通前後端,把 AI 能力做成真實產品功能,最後交付一套自己上線、自己維護的作品集專案。

課程亮點

  • 一門語言打通全棧:前端到後端統一 TypeScript,不在兩套心智之間反覆切換
  • AI 不是附加章節 —— 從第 6 週起,每個專案都帶 AI 功能上線
  • 帶測試、帶 CI、帶部署,交付的是能維護的工程,不是一次性作業

課程大綱

  1. 模組一 · 現代前端基礎:HTML / CSS 佈局、響應式、ES6+ 與 TypeScript 型別思維
  2. 模組二 · React 工程化:元件拆分、Hooks、狀態管理、路由與表單
  3. 模組三 · Next.js 全棧:App Router、SSR / SSG、SEO 與 Core Web Vitals
  4. 模組四 · Node.js 後端:Express / NestJS、RESTful 與 GraphQL、分層與錯誤處理
  5. 模組五 · 鑑權與安全:JWT、密碼雜湊、權限模型、常見 Web 攻擊面
  6. 模組六 · 資料層:PostgreSQL 與 MongoDB 建模、Prisma、索引與快取
  7. 模組七 · AI 能力接入:OpenAI / Claude API、嵌入與 RAG,把 AI 做成產品功能而不是玩具
  8. 模組八 · 測試與品質:單元 / 整合測試、Vitest 與 React Testing Library、端對端測試
  9. 模組九 · 部署與協作:Docker、GitHub Actions、雲端上線、Git 工作流與敏捷協作
  10. 模組十 · 作品集衝刺:真實專案從需求到上線,程式碼審查 + 履歷包裝

核心技術棧

前端

TypeScript
React
Next.js
Tailwind CSS

後端

Node.js
Express
NestJS
REST / GraphQL

資料

PostgreSQL
MongoDB
Prisma
Redis

AI 能力

OpenAI API
Claude API
Embeddings
RAG

測試

Vitest
Jest
React Testing Library
Playwright

部署與協作

Docker
GitHub Actions
AWS
Vercel

適合人群

  • 零基礎或轉行,想系統學會寫能上線的 Web 應用
  • 只會前端或只會後端,想補齊另一半並加上 AI 能力
  • 想用一套作品集去面北美全棧 / AI 應用職位的求職者