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 进行文本摘要、聊天机器人和分析

总结与下一步