|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/angular-signals/
课程评论：没有评论
课程名称：深入理解Angular Signals（Angular 20） 课程概述： 本课程旨在深入探讨Angular Signals，提供一种全新的Angular应用程序开发方式。 RxJs在Angular中的使用逐渐变得可选，课程将讨论使用signals及最小化RxJs构建Angular应用程序的全貌。通过构建一个小型Angular应用，我们将介绍一些在signal风格下开发时常用的设计模式。 课程大纲： 1. 介绍Angular中的signals及其重要性，详细讲解三大核心原始概念：signals、计算信号（computed signals）和副作用（effects）。 2. 使用新信号基础的组件创作API构建小型Angular应用（避免使用基于装饰器的旧API）。 3. 完整的CRUD示例，使用signals和本地后台。 4. 介绍在Angular中使用async/await进行HTTP请求的不同方法，包含使用和不使用Angular HTTP客户端的方式。 5. 处理错误及实施加载指示器、用户消息处理、主从场景、状态信号服务等常见应用功能和模式。 6. 使用signals和功能性守卫处理前端身份验证。 7. 学习RxJs与signals的强大互操作性，以应对特定边缘案例。 学习目标： 通过本课程，学员将详细学习如何使用signals和新信号基础的组件创作API构建现代Angular应用，熟悉一系列在信号基础应用程序开发中常用的设计模式。课程结束时，学员将对signals的核心概念有深入了解，并能够从头到尾使用signals构建一个Angular应用。欢迎查看课程的免费课程，祝您学习愉快！
This Course In a NutshellI'm sure that you already heard a lot about Angular Signals, and how they provide you with a completely new way of writing Angular applications!You probably also heard that RxJs is gradually becoming optional in Angular.So the big question in everyone's mind is: what does an Angular application look like if it's written with signals and minimal RxJs?And that is exactly what this course is all about!We are going to build a small application in Angular using signals, and present you with some common design patterns that are you likely going to need almost for sure to build an application in signal style.Course OverviewSo here is how we are going to structure this course: we are going to start by explaining in detail what are signals in Angular, why they are useful, and cover in depth the 3 core primitives: signals, computed signals and effects.Then we are going to use the core signal concepts to build a small Angular application from scratch using the new signal-based component authoring API (we will avoid the old API that is based on decorators).We are going to cover a complete CRUD example using signals and a local backend, and we are going to cover different ways of doing HTTP in Angular using async/await, with and without the Angular HTTP client.We are going to show how to do error handling, and cover how to implement using a signal-based approach common application features such as loading indicators, user messages handling, master-detail scenario, stateful signal-based services, and several other common application features and patterns that you are likely going to need.We will also show how to handle authentication on the frontend using signals and functional guards.And if you need RxJs for certain edge cases, you will also learn about the powerful RxJs interoperability that we have available with signals.Table of ContentsThis course covers the following topics:Deep dive into Angular SignalsAbout signal-based change detectionComputed SignalsEffectsThe new signal-based component API: inputs and outputsComplete CRUD example with signalsHTTP with optional RxJs (two ways of doing it)Error handling and signalsLoading indicators with signalsStateful signal-based servicesHandling user error messages with signalsAngular Authentication with signalsSignal-based view queriesviewChild, viewChildren, contentChild, contentChildrenBi-directional binding with signals and the model() APIMaster-detail scenario with SignalsRxJs InteroperabilityConclusion and final ThoughtsWhat Will You Learn In this Course?In this course you are going to learn in detail how to use signals to build modern Angular applications using the new signal-based component authoring API, async/await and with minimal RxJs.You are going to become familiar with a series of commonly used signal-based application patterns that you are going to need for sure in just about any signal based application that you will ever build.At the end of the course, you will feel very comfortable with the core notions of signals, and you will know how exactly to use signals to build an Angular application from A to Z.Have a look at the course free lessons, and please enjoy the course!
