|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/angular-18-full-course-complete-zero-to-hero-angular-18/
课程评论：没有评论
**Coursera Angular 20 全系列课程 - 从零基础到精通** 本课程为 Angular 20 提供坚实的基础，深入讲解 Angular 核心模块和通用模块的所有高级功能。这两个基础模块是 Angular 中一切的基石，因此精通它们至关重要。Angular 经过多年的显著发展，新引入的 Signals 使得处理某些任务有了多种方法。本课程将从两种视角—— Signals 和装饰器（在适用情况下）——来涵盖每项功能。 您将获得对这些核心 Angular 模块中基本和高级功能的全面指导，包括 Angular Elements 等特性。我们将涵盖从最常用的 Angular 功能到更高级的主题，例如变更检测模式、样式隔离、依赖注入、内容投影、国际化、独立组件（Standalone Components）等等。 本课程无需 Angular 经验。每个概念都建立在之前的基础上，没有前向引用，学习过程流畅且合乎逻辑。虽然我们从 Angular 基础知识开始，但课程将快速过渡到中级和高级主题，确保每个开发者都能有所收获。为了帮助您掌握独立组件功能，我们将专门用一章来讲解如何将现有应用程序迁移到使用独立组件，并完全移除 NgModule。 **课程概述** 我们将从对 Angular 框架的快速、实用介绍开始。您将设置开发环境，并使用 Angular CLI 快速脚手架一个项目。在这个实践环境中，我们将回答常见的 Angular 问题：为什么选择 Angular？它的主要优势和关键特性是什么？您将了解变更检测，并初步了解 Angular 的模板语法。 接下来，我们将探索 Angular 核心模块和通用模块的所有特性，包括： * 自定义组件 ( @Component ) * 组件交互 ( @Input 和 @Output)，以及事件发射器 ( EventEmitter ) * 控制流语法：@if, @for, @switch * 指令：ngFor, ngIf, ngClass, ngStyle, ngSwitch * @defer 用于部分模板加载 * Observables，内置管道 (Built-In Pipes)，Async Pipe，以及自定义管道 * @Injectable 和自定义服务 (Services) * 生命周期钩子 (OnInit, OnDestroy 等) * HTTP Client（GET, POST, PUT, DELETE） * @ViewChild, @ViewChildren, @ContentChild, @ContentChildren * 内容投影 (Content Projection) 使用 ng-content 和 ng-template * 变更检测（Normal 和 OnPush），视图封装 (View Encapsulation) * 结构型和属性型指令 ( @Directive, @Host, @HostListener, @HostBinding ) * 依赖注入 ( @Inject, @Optional, @Self, @SkipSelf ) * 自定义变更检测 * Angular Elements 和独立组件 (Standalone Components) * Angular Signals 等等。 **通过本课程您将学到什么？** 课程结束后，您将对 Angular 18 拥有高级、实用的知识。您将能够自信地构建 Angular 应用程序，并深入理解 Angular 核心模块和通用模块提供的所有功能。
This course will give you a solid foundation in Angular 18 by providing an in-depth tour of all the advanced features available in the Angular Core and Common modules.These two baseline modules are the foundation for everything in Angular, so mastering them in detail is essential. Angular has evolved significantly over the years, and with the introduction of Signals, there are now multiple ways to approach certain tasks. In this course, we'll cover each feature from both perspectives-using Signals and decorators, where applicable.In this course, you'll get a comprehensive guided tour of both basic and advanced functionalities available in these essential Angular modules, including features like Angular Elements.We'll cover everything from the most commonly used Angular features to the more advanced topics, such as change detection modes, style isolation, dependency injection, content projection, internationalization, standalone components, and more.The course assumes no prior Angular experience. Each concept builds upon the previous one, so there are no forward references, making the learning process smooth and logical.While we start with Angular fundamentals, the course quickly transitions to intermediate and advanced topics, ensuring there's something for developers at every level.To help you master the standalone components feature, we'll dedicate a section on how to migrate existing applications to use standalone components and remove NgModules completely.Course OverviewWe'll begin with a quick, practical introduction to the Angular framework. You'll set up your development environment and use the Angular CLI to quickly scaffold a project.With this playground, we'll answer common Angular questions: Why Angular? What are its main advantages and key features? You'll learn about change detection and get introduced to Angular's template syntax.Next, we'll explore all the features of the Angular Core and Common modules, including:Custom components with @ComponentComponents @Input and @Output, and event EmittersControl flow syntax: @if, @for, @switchDirectives: ngFor, ngIf, ngClass, ngStyle, ngSwitch@defer for partial template loadingObservables, Built-In Pipes, Async Pipe, and Custom Pipes@Injectable and Custom ServicesLifecycle Hooks (ngOnInit, ngOnDestroy, etc.)HTTP Client - GET, POST, PUT, DELETE@ViewChild, @ViewChildren, @ContentChild, @ContentChildrenContent Projection with ng-content and ng-templateChange Detection (Normal and OnPush), View EncapsulationStructural and Attribute Directives (@Directive, @Host, @HostListener, @HostBinding)Dependency Injection (@Inject, @Optional, @Self, @SkipSelf)Custom Change DetectionAngular Elements and Standalone ComponentsAngular Signals and much more.What Will You Learn In This Course?By the end of this course, you will have advanced, practical knowledge of Angular 18. You'll be confident in building Angular applications, with a detailed understanding of everything offered by Angular's Core and Common modules.
