|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/angular-course/
课程评论：没有评论
课程名称：Angular 深入学习 - 从初学者到高级（Angular 20） 课程概述：本课程将为您提供 Angular 平台的坚实基础，深入介绍 Angular Core 和 Common 模块中所有高级功能。这些是 Angular 生态系统中所有其他模块构建的基础模块，因此学习这部分内容是很重要的且要尽可能详细。Angular 多年来经历了很大的变化，自引入 Signals 后，某些功能有时有多种实现方式。在本课程中，我们将对每个功能进行双向讲解，适用于 Signals 和装饰器。 课程将全面介绍 Angular 的基本和高级功能（包括 Angular 元素），内容从常用特性一直延伸到 Angular Core 的高级主题，例如多种变更检测模式、样式隔离、依赖注入、内容投影、国际化、独立组件等。课程假设您没有 Angular 的先前知识，逐步介绍概念，不涉及前置引用，便于学习。虽然课程从基本概念开始，但很快将转向中级和高级主题，因此无论您的 Angular 水平如何，这门课程都有适合您的内容！此外，为了帮助您充分利用独立组件功能，课程还提供完整部分，指导您如何将现有应用迁移到独立组件，并完全移除 NgModules。 课程内容：课程将首先对 Angular 框架进行快速实践介绍，设置开发环境，并使用 Angular CLI 快速从零开始搭建一个小的 Angular 项目。在这个初步的平台上，我们将解决一些常见的 Angular 问题：为什么选择 Angular，其主要优点和关键特性是什么？通过演示变更检测机制的工作原理以及引入 Angular 模板语法，我们将找到答案。 接着，我们将逐一探讨 Angular Core 和 Common 模块中的所有功能，包括： - 使用 @Component 的自定义组件 - 组件的 @Input 和 @Output，事件发射器 - 控制流语法：@if、@for、@switch - ngFor、ngIf、ngClass、ngStyle、ngSwitch、@defer（部分模板加载） - Observables - 内置管道、异步管道、自定义管道 - @Injectable 和自定义服务 - 生命周期钩子（ngOnInit、ngOnDestroy 等） - HTTP 客户端 - GET、POST、PUT、DELETE - @ViewChild 和 AfterViewInit、@ViewChildren - ng-content 和组件投影 - @ContentChild 和 AfterContentInit、@ContentChildren - ng-template & ng-container、ngTemplateOutlet - AfterContentChecked 和 AfterViewChecked - ngDoCheck、正常变更检测、@Attribute、OnPush 变更检测、自定义变更检测 - 视图封装模式、@Directive、@Host、@HostListener、@HostBinding - 结构指令、@Inject、@Optional、@Self、@SkipSelf - 层级注入器 - 自定义管道、@NgModule、主机、主机上下文等 - @NgPlural 和其他国际化功能 - Angular 元素、Angular 独立组件、Angular Signals 学习收获：完成此课程后，您将获得 Angular 框架的高级实用知识，能够自信地构建 Angular 应用，对 Angular 核心模块提供的所有功能将有详细理解。
This course will give you a solid foundation on the Angular platform by giving you with an in-depth guide tour of all the advanced features available in the Angular Core and Common modules.These are the baseline modules from which all other modules in the Angular ecosystem are built with, so this is the part of Angular that you want to learn first, and in as much detail as possible.Angular has evolved a lot during the years, and since the introduction of Signals there is sometimes more than one way of doing things. In this course we will course each feature both ways where applicable, both with Signals and with decorators.In this course, you will get an exhaustive guided tour of all the basic and also the advanced functionality available in these two Angular essential modules (including Angular Elements).This guide will cover everything from the most commonly used features of Angular, up until the most advanced topics of Angular Core, such as the multiple modes of change detection, style isolation, dependency injection, content projection, internationalization, standalone components and more.The course starts from the beginning, assuming no prior knowledge of Angular. Each concept is introduced based only on previous concepts, so there are no forward references to help with the learning process. Even though the course starts with the essential concepts of Angular, it will quickly evolve into intermediate to advanced topics. So no matter what your current Angular level is, there is something for everyone in this course! To help you make the most out of the standalone components feature, you have available a full section on how to migrate an existing application to standalone components, and completely remove NgModules from your application.Course OverviewThis course will start with a quick and practical introduction to the Angular framework. You are going to set up your development environment, and using the Angular CLI you will quickly scaffold a small Angular project from scratch.Using this initial playground, we are then going to answer some of the most common Angular questions: Why Angular, what are its main advantages and key features? We will answer this by demonstrating how the change detection mechanism works, and introduce some of the Angular template syntax.We will then cover one by one all the features of the Angular Core and Common modules, which include:Custom components with @ComponentComponents @Input and @Output, event EmittersControl flow syntax: @if, @for, @switchngForngIfngClassngStylengSwitch@defer - Partial template loadingObservablesBuilt-In PipesAsync PipeCustom Pipes@Injectable and Custom ServicesLifecycle Hooks (ngOnInit, ngOnDestroy, etc.)HTTP Client - GET POST PUT DELETE@ViewChild and AfterViewInit@ViewChildrenng-content and Component Projection@ContentChild and AfterContentInit@ContentChildrenng-template & ng-containerngTemplateOutletAfterContentChecked and AfterViewCheckedngDoCheckNormal Change Detection@AttributeOnPush Change DetectionCustom Change DetectionView Encapsulation modes@Directive@Host@HostListener@HostBindingStructural Directives@Inject@Optional@Self@SkipSelfHierarchical InjectorCustom Pipe@NgModulehost, host-context, etc.@NgPlural and other i18n featuresAngular ElementsAngular Standalone ComponentsAngular SignalsWhat Will You Learn In this Course?This course will give you advanced practical knowledge of the Angular framework. After taking this course you will feel very comfortable building Angular Applications, as you will have a detailed understanding of everything that is made available by the Angular framework core modules.
