|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/angular-19-complete-guide-with-real-time-project/
课程评论：没有评论
**课程名称：Angular 19 完全指南及实战项目** **课程概述：** 本课程将带您全面掌握 Angular 19 的核心概念和实用技巧，并通过一个真实世界的项目进行实践。我们将从 Angular 的基础知识讲起，逐步深入到 TypeScript 进阶、表单处理、HTTP 通信、路由导航、组件间通信，以及身份验证和授权等高级主题。 **章节概览：** * **第一部分：Angular 基础** * 介绍 Angular 及其优势，并与其他主流框架（React, Vue）进行对比。 * 演示 Angular CLI 的安装与使用，以及项目目录结构。 * 讲解 Angular 模块 (NgModules)、组件 (Components) 的基本概念。 * 深入学习数据绑定（插值、属性、事件、双向绑定）和指令（结构型、属性型、自定义）。 * 掌握管道 (Pipes) 的使用及自定义。 * 理解组件生命周期钩子函数。 * **第二部分：TypeScript 精粹** * 介绍 TypeScript 的基础用法，包括类型、接口、类、访问修饰符。 * 学习箭头函数、可选参数。 * 掌握泛型 (Generics) 在 Angular 中的应用。 * **第三部分：Angular 表单** * 学习模板驱动表单 (Template-Driven Forms) 和响应式表单 (Reactive Forms)。 * 掌握表单验证（同步与异步），并实现自定义验证器。 * 学习 FormArray 和嵌套表单。 * 演示如何使用 FormData 进行文件上传。 * **第四部分：HTTP Client 与 Services** * 讲解 Angular 的 Services 和依赖注入。 * 学习 HttpClientModule 的配置和使用，进行 GET, POST, PUT, DELETE 请求。 * 深入理解 Observables 和 RxJS 操作符（map, filter, switchMap）。 * 掌握 Interceptors 的应用，包括 JWT 认证、日志记录和错误处理。 * 实现全局错误处理器。 * **第五部分：路由与导航** * 学习 RouterModule 和 Routes 的配置。 * 掌握路由参数、子路由、懒加载模块。 * 学习路由守卫 (Route Guards) 如 CanActivate, CanDeactivate。 * 探索预加载策略、通配符路由和重定向路由。 * **第六部分：组件通信** * 学习使用 @Input 和 @Output 进行父子组件通信。 * 掌握 EventEmitter 的使用。 * 了解 ViewChild 和 ContentChild。 * 学习通过共享服务实现组件间通信。 * **第七部分：认证与授权** * 实现登录/注册表单。 * 基于 JWT Token 的身份验证机制。 * 使用 AuthGuard 进行路由保护。 * 实现基于角色的访问控制。 * 学习在 LocalStorage 中保存 token，以及 Refresh Token 机制。 * **第八部分：高级 Angular 特性** * 学习创建自定义 Angular 库。 * 掌握 Angular Standalone Components。 * 学习新的控制流语法（@if, @for 等）。 * 理解 Signals 的概念和应用。 * 探讨变更检测策略 (Change Detection Strategies)。 * 介绍 Zone.js 和 NgZone。 **通过本课程的学习，您将能够独立开发功能完善的 Angular 应用程序，并自信地应对实际开发中的各种挑战。**
SECTION 1: Angular BasicsWhat is Angular? Why Angular over others?Angular vs React vs Vue (Comparison)Angular CLI Setup (npm, ng)Folder Structure ExplanationAngular Modules (NgModules)Components (Basics)Data Binding (Interpolation, Property, Event, Two-way)DirectivesStructural: *ngIf, *ngFor, *ngSwitchAttribute: ngClass, ngStyle, Custom DirectivePipes and Custom PipesLifecycle HooksSECTION 2: TypeScript EssentialsTypeScript IntroductionTypes, Interfaces, ClassesAccess ModifiersArrow Functions, Optional ParametersGenerics in AngularSECTION 3: Forms in AngularTemplate-Driven FormsReactive Forms (FormGroup, FormControl)Form Validation (Sync + Async)Custom ValidatorsFormArray & Nested FormsFile Upload with FormDataSECTION 4: HTTP Client & ServicesAngular Service & Dependency InjectionHttpClientModule SetupGET, POST, PUT, DELETE using HttpClientObservables and RxJS (map, filter, switchMap)Interceptors (JWT, Logging, Error Handling)Global Error HandlerSECTION 5: Routing & NavigationRouterModule and RoutesRoute ParametersChild RoutesLazy Loading ModulesRoute Guards (CanActivate, CanDeactivate)Preloading StrategyWildcard and Redirect RoutesSECTION 6: Component Communication@Input and @OutputEventEmitterViewChild and ContentChildShared Service for communicationSECTION 7: Authentication & AuthorizationLogin/Signup FormsJWT Token-based AuthAuthGuard for route protectionRole-based access controlSaving token in LocalStorageRefresh Token mechanismSECTION 8: Advanced AngularCustom Libraries in AngularAngular Standalone ComponentsControl Flow Syntax (@if, @for, etc)Signals in AngularChange Detection StrategiesZone.js & NgZone
