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
  • 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
  • Testing attribute directives
  • Testing pipes
  • Debugging tests
  • Testing utility APIs
• Angular elements overview
  • Using custom elements
  • Transforming components to custom elements
  • Browser support for custom elements
  • Example: A Popup Service
  • Typings for custom elements
• Change detection & NgZone
  • Change detection
  • NgZone
• Internationalization
  • Overview
  • Common internationalization tasks
  • Example Angular Application
  • Optional internationalization practices
• Best practices
  • Security
  • Accessibility
  • Keeping up-to-date
  • Property binding best practices
  • Lazy loading feature modules
  • Lightweight injection tokens for libraries
• Angular tools
  • Development workflow
  • Angular CLI builders
  • Language service
  • DevTools
  • Schematics
• Tutorials
  • Setting up NgOptimizedImage
  • Angular Libraries
• Reference
  • CLI Command Reference
  • API reference
    • DecimalPipe
    • CurrencyPipe
    • DatePipe
  • Error reference
  • Extended diagnostic reference
  • Angular glossary
  • Angular coding style
• Component Styles
  • Using component styles
  • Component styling best practices
  • Special selectors
  • Loading component styles
• Dependency injection
  • Dependency injection in Angular
  • Understanding injection
  • Creating an injectable service
  • Defining dependency providers
  • Hierarchical injectors
• Tempaltes
  • SVG as templates
• Angular Material
  • Getting Started
  • Schematics
  • Theming Angular Material
  • Theme your own components
  • Customizing Typography
  • Customizing component styles
  • Custom form field control
  • Elevation helpers
  • Custom stepper using the CdkStepper
  • Testing with component harnesses
  • Duplicate theming styles
  • Migrating to MDC-based Components
  • Practice: Angular Material Theming System