JavaScript with TypeScript and Full-Stack Development

• 了解基本的编程概念
• 具备HTML和CSS的经验
• 熟悉使用命令行和代码编辑器

受众

• 前端和后端开发人员
• 软件工程师和全栈开发人员
• 技术专业人员，正在转向JavaScript生态系统

JavaScript 是一种动态、高阶的程式语言，广泛应用于网页、行动装置和桌面开发。随著现代框架和 TypeScript 的兴起，JavaScript 已成为全端应用程式开发的基石。

这项由讲师主导的培训（线上或线下）旨在帮助初级到中级开发者掌握 JavaScript、TypeScript 以及使用现代工具和实践进行全端开发。

在培训结束时，参与者将能够：

• 撰写干净且现代的 JavaScript 和 TypeScript 程式码。
• 使用 React 建立互动式前端应用程式。
• 使用 Node.js 和 Express 开发可扩展的后端 API。
• 使用 Electron 建立桌面应用程式。
• 测试、记录并部署全端应用程式。

课程形式

• 互动式讲座与讨论。
• 大量练习与实践。
• 在即时实验室环境中进行动手实作。

课程客制化选项

• 如需为此课程安排客制化培训，请联系我们进行安排。

模组 1 – JavaScript 基础

• 现代 JavaScript (ES6+) 介绍
• 数据类型、运算符和控制结构
• 函数、作用域和闭包
• 数组、对象和数据操作
• 异步编程：回调、Promise 和 async/await
• 最佳实践和编码标准

模组 2 – TypeScript 核心

• TypeScript 是什么以及为什么使用它
• 静态类型和类型推断
• 接口、自定义类型和枚举
• 类、继承和访问修饰符
• 泛型和装饰器
• 项目设置和编译器配置 (tsconfig.json)

模组 3 – Web Development 与 JavaScript/TypeScript

• DOM 操作和事件处理
• 表单和输入验证
• 使用 REST API (fetch/axios)
• 前端项目结构和工具
• React 介绍 (与 TypeScript 结合):
  • 组件、props、状态和 hooks
  • 组件通信
  • 路由和 API 集成
• 最佳实践和代码组织

模组 4 – 使用 Node.js 和 TypeScript 进行后端开发

• Node.js 和 NPM 介绍
• 使用 Express.js 创建服务器
• 构建和使用 RESTful API
• 中间件、路由和验证
• Database 集成 (例如 SQLite, PostgreSQL, 或 MongoDB)
• 实践项目：完整应用的后端

模组 5 – 使用 Electron 进行桌面应用开发

• Electron 概述：架构和功能
• 创建窗口、菜单和操作系统级集成
• 后端集成和本地数据存储
• 使用 React (或其他前端库) 与 Electron 结合
• 应用打包和分发 (Windows, macOS, Linux)

模组 6 – 测试、部署和最佳实践

• 单元和集成测试 (Jest, Mocha, 或 Vitest)
• CI 工具和构建流程
• 为 Web 和桌面环境打包
• 代码安全性、性能和维护
• Documentation 和版本控制 (Git/GitHub)

总结与下一步