【Udemy中英字幕】Angular 19: Deep Dive into Modern Web Development

Angular 19：深入探索现代 Web 开发

使用 Angular 构建动态、可扩展且高性能的 Web 应用程序。学习从基础知识到高级概念的学习方法。

讲师：Uplatz Training

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

了解 Angular 的基础知识 – 了解 Angular 19 对现代 Web 开发的核心概念、架构和优势。
设置和配置 Angular 项目 – 安装 Angular CLI、创建项目并导航 Angular 文件结构。
掌握 Angular 组件和数据绑定——构建可重用组件，实现插值、事件绑定和双向数据绑定。
实现 Angular 指令和管道 – 利用内置指令（如 *ngIf、*ngFor）并创建用于数据转换的自定义管道。
使用 Angular Forms – 构建和验证模板驱动和反应表单以处理用户输入。
处理路由和导航——使用 Angular Router、延迟加载和路由保护实现单页应用程序 (SPA)。
使用 Angular Signals 和 RxJS Observables 管理状态 – 了解反应性、状态管理并优化数据处理。
使用和集成 RESTful API – 使用 HTTP 服务执行 CRUD 操作、处理 API 响应并管理异步数据。
实施身份验证和授权——使用用户身份验证、路由保护和基于 JWT 的安全性保护应用程序。
通过动态样式和动画增强 UI/UX – 应用 CSS、Tailwind 和 Angular 动画来改善用户体验。
优化性能和可扩展性——使用最佳实践进行性能优化、依赖注入和高效渲染。
部署 Angular 应用程序 – 了解如何使用 Vercel 或 Firebase 等平台构建、优化和部署应用程序。
了解 Angular 依赖注入 (DI) – 使用 Angular 的依赖注入系统有效地管理服务。
开发可重复使用的组件和模块——通过创建可重复使用的 UI 组件来设计模块化和可扩展的应用程序。
从事真实世界的 Angular 项目 – 构建实际项目，如待办事项列表、动态仪表板和电子商务界面。

探索相关主题

要求

热情和决心在世界上留下自己的印记！

描述

热烈欢迎您参加Uplatz举办的Angular 19：深入研究现代 Web 开发课程。

Angular是一个基于 TypeScript 的开源前端框架，由 Google 开发和维护。它用于构建动态、可扩展且高性能的 Web 应用程序。Angular 采用基于组件的架构，并支持单页应用程序 (SPA)。SPA 可通过动态更新内容而无需重新加载整个页面来提供无缝的用户体验。

Angular 19是 Angular 框架的最新稳定版本，带来了性能改进、新功能和增强的开发者体验。它延续了 Angular 的演进，提供更完善的状态管理、增强的路由功能以及更完善的 API 集成。

Angular 仍然是一个强大的前端框架，提供速度、效率和现代化的开发体验。对于希望构建高性能 Web 应用程序的开发人员、企业和初创公司来说，它是一个绝佳的选择。

Angular 的工作原理

Angular 遵循基于组件、模板和服务的结构化工作流。其核心工作机制包括：

基于组件的架构
- 应用程序是使用控制 UI 元素和逻辑的可重用组件构建的。
模板和数据绑定
- HTML 模板定义 UI 结构，数据绑定在模型和视图之间同步数据。
指令
- HTML 中的特殊标记（*ngIf、*ngFor、ngClass）控制元素的渲染和行为。
依赖注入（DI）
- 有效地为应用程序的不同部分提供服务和数据。
路线和导航
- 使用 Angular Router 进行单页应用程序 (SPA) 导航，无需重新加载整个页面。
状态管理
- 支持 RxJS（JavaScript 的反应式扩展）和 Angular Signals 来处理应用程序状态和数据流。
API 集成和 HTTP 客户端
- 使用 HttpClientModule 从 REST API 获取、发送和操作数据。
构建和部署
- Angular 应用程序使用 Angular CLI 构建，可部署在 Firebase、Vercel 或 AWS 等平台上。

Angular 19 的主要特性

用于状态管理的 Angular Signals
- RxJS 的替代方案，以更直观的方式处理状态变化。
改进服务器端渲染 (SSR) 的 Hydration
- 通过高效的水化技术提高页面加载速度和 SEO。
使用优化的 Angular 编译器加快构建速度
- 减少捆绑包大小并提高渲染性能。
更好的开发者体验
- 增强了调试并改进了错误消息。
改进路由处理的延迟加载
- 仅加载所需的模块以优化性能。
高级表单验证
- 支持自定义验证器和反应式表单改进。
Web 组件和微前端支持
- 更好地与 Web 组件集成，以实现可扩展的应用程序。
增强的 TypeScript 和 ES6+ 功能
- 提高了与最新 JavaScript 和 TypeScript 功能的兼容性。
优化变化检测
- 减少不必要的 DOM 更新，提高性能。
CLI 增强功能
- 新的 CLI 命令可加快构建、单元测试和部署速度。

使用 Angular 的好处

高性能和可扩展性——基于组件的架构和优化的渲染使 Angular 成为大型应用程序的理想选择。
企业级框架——谷歌、微软和 IBM 等大公司将其用于关键任务应用程序。
单页应用程序 (SPA) 功能– 通过快速导航确保流畅、动态的用户体验。
强大的生态系统——由 Google 和强大的开发者社区支持，确保长期支持和频繁更新。
增强的安全性——提供针对 XSS（跨站点脚本）和 CSRF（跨站点请求伪造）等 Web 漏洞的内置保护。
跨平台支持——可用于网络、移动（使用 Ionic）甚至桌面应用程序。
通过服务器端渲染 (SSR) 改进 SEO – 提高搜索排名和页面速度，使 Angular 适合 SEO 驱动的应用程序。
强大的 TypeScript 支持——提供更好的代码结构、可维护性和调试功能。
广泛的第三方集成——轻松与 RxJS、NgRx、Tailwind CSS 和 Firebase 等库集成以扩展功能。
优化变更检测——减少不必要的 DOM 更新，提高应用程序效率和响应能力。
使用 Angular CLI 实现更快的开发– 提供用于搭建、测试和部署应用程序的内置命令。
模块化开发方法——鼓励代码重用和更好的项目组织，从而更容易维护。
内置表单验证和反应表单– 通过强大的验证机制支持模板驱动和反应表单。
自动依赖注入 (DI) – 简化应用程序结构并提高可测试性。
延迟加载支持——仅加载所需模块，减少初始加载时间并提高应用程序速度。

Angular – 课程大纲

模块 1：Angular 基础

1.什么是 Angular？
- 介绍 Angular 及其优点。
- 为什么要学习 Angular 来进行现代 Web 开发。
2. Angular 19 设置
- 安装 Angular CLI。
- 创建一个新的 Angular 应用程序。
- 解决常见的设置问题。
3. Angular App 的首次变更
- 对 app.component.html 和 app.component.ts 进行基本修改。
- 了解初始应用程序结构。
4. Angular 19 文件和文件夹结构
- Angular 项目架构的详细解释。
- 了解关键文件和文件夹的用途。
5. Angular 中的插值
- 使用插值在模板中显示数据。
- 数据绑定的实际示例。
6. Angular CLI
- 开发所需的基本 Angular CLI 命令。
- 生成组件、服务和模块。