Angular

Angular challenges

• @Component
• Understanding Data binding
• Directives
  • What are Directives?
  • Directive types
  • Typical built-in directives
• Practical Project(1)
• Components and Data binding - Deep Dive
  • Sharing data between child and parent directives and components
  • View encapsulation
  • Practical example
  • Understanding template variables(Local references in templates)
  • ViewChild
  • Content projection
  • Lifecycle hooks
• Directives(Attribute vs Structural)
  • Attribute directives
  • Renderer2
  • HostListener
  • HostBinding
  • Binding to Directive Properties
  • Structural Directives
• Services & Dependency Injection
  • What are Services?
  • Dependency injection (DI)
• Angular Routing
  • Defining a basic route
  • Getting route information
  • Setting up wildcard routes
  • Displaying a 404 page
  • Setting up redirects
  • Nesting routes
  • Setting the page title
  • Using relative paths
  • Accessing query parameters and fragments
  • Lazy loading
  • Preventing unauthorized access
  • Link parameters array
  • LocationStrategy and browser URL styles
  • Choosing a routing strategy
  • <base href>
  • RouterLinkActive
  • RouterLink
• RxJS
  • Observable
  • Observer
  • RxJS Operators
  • Subject
• Forms
  • Introduction
  • Reactive forms
  • Stricktly typed reactive forms in depth
  • Validate form input
  • Building dynamic forms
  • Challenges-Tempalte Driven Forms Problem
  • Challenges-Reactive Forms Problem
• Pipes
  • Understanding pipes
  • Using a pipe in a template
  • Transforming data with parameters and chained pipes
  • Creating pipes for custom data transformations
  • Pipe decorator
  • AsyncPipe
  • Assignment
• Communicating with backend services using HTTP
  • Setup for server communication
  • Requesting data from a server
  • Handling request errors
  • Sending data to a server
  • Configuring HTTP URL parameters
  • Intercepting requests and responses
  • Http interceptor use-cases
  • Tracking and showing request progress
  • Optimizing server interaction with debouncing
  • Security: XSRF protection
  • Testing HTTP requests
  • Passing metadata to interceptors
• Dynamic component loader
  • Dynamic component loading
  • The anchor directive
  • Loading components
  • Resolving components
  • The AdComponent interface
• NgModules
  • Ng Modules introduction
  • JS Modules vs NgModules
  • Launching apps with a root module
  • Frequently used NgModules
  • Types of feature modules
  • Entry components
  • Feature modules
  • Providing dependencies
  • Singleton services
  • Sharing NgModules
  • NgModule API
  • NgModule FAQs
  • Lazy-loading feature modules
• Hierarchical injectors
  • Types of injector hierarchies
  • Resolution rules
  • Resolution modifiers
  • Logical structure of the template
  • Providing services in @Component()
  • Modifying service visibility
  • ElementInjector use case examples
• NgRx
  • Introduction
  • State
  • Data
  • View
  • Developer Tools
• Practical Project(2) - NgRx
• Server-side rendering(SSR) with Angular Universal
  • Universal tutorial
  • Why use server-side rendering
  • Universal web servers
• Angular Universal using NestJS
• Animations
  • Introduction
  • Transition and Triggers
  • Complex Sequences
  • Reusable Animations
  • Route transition animations
• Service Workers & PWA
  • Introduction
  • Getting started
  • App shell
  • Service worker communication
  • Service worker notifications
  • Service worker in production
  • Service worker configuration
• Testing
  • Intro to testing
  • Code coverage
  • Testing services
  • Basics of testing components
  • [Component testing scenarios](challenge-022/README.md#comp