Introduction
- What’s new in Angular 11?
Getting Started
- Installing Angular 11 CLI
- Setting up the workspace
- Initializing an application
Angular 11 Components
- Building nested components
- Sharing data across components
- Loading components dynamically
- Working with custom elements
RxJS and Observables
- Exploring the RxJS library and properties
- Creating, subscribing, and multicasting observables
- Handling asynchronous operations using observables
Forms in Angular 11
- Reactive vs template-driven forms
- Validating user inputs
- Generating dynamic forms
Routing and Navigation
- Configuring routes for an application
- Passing data to routes
- Using route guards to restrict access
Advanced Dependency Injection
- Generating services in Angular 11
- Injecting dependencies into a component
- Configuring dependency providers
Security and Deployment
- Preventing cross-site scripting (XSS) and vulnerabilities
- Auditing Angular 11 applications
- Testing and building configurations for deployment
- Deploying Angular 11 applications to production
Best Practices and Troubleshooting
Summary and Next Steps
Introduction
Angular CLI
- Generating Components, Modules and Services
- Editing generated files for development
- Customizing CLI with Bootstrap, Material and Clarity
RxJS and Observables
- Using RxJS and Observables to handle complex asynchroneous events
Advanced Routing
- Routing in Angular 7 Single Page Applications
- Lazy Loading and Pre-Loading Routing
Advanced Dependency Injection
- Provider Registration
- Constructor with Parameters
- Hierarchical Dependency Injection
Advanced Pipes
- Using PipeTransform
- Pipes and Change Detection
- Pure and Impure Pipes
Change Detection Strategy
Security
- Prevention of Cross-site Scripting (XSS)
- Sanitizations
- Authentication with JSON Web Tokens
Testing
- Jasmine Test Framework and Karma
- Continuous Integration
- Service Tests
- Angular Route Guards
- Component DOM testing
- Attribute Directive Testing
- Pipe Testing
Best Practices
Troubleshooting
Summary and Conclusion
Introduction
Overview of Typescript and ES6 JavaScript
- TypeScript Syntax
- Using the TypeScript transpiler
- Setting up Angular 6 and Typescript
Overview of Angular 6’s Parts
- Creating Components
- Databinding and String Interpolation
- Property Binding
- Event Binding
- Two-Way-Databinding
- Data Modelling
- Directives
- Bootstrapping
- Inputs & Outputs
- Angular CLI
Creating Your First Angular Application
- Planning the Application
- Setting Up an Angular Project and App Using the CLI
- Creating a Basic Project Setup Using Bootstrap 4 and Sass
Using Angular 6 Components
- Data Flow
- Working with AppModule
- Working with Custom Components
- Using Templates and Styles
- Using View Encapsulation
- Projecting Content
- Understanding Component Lifecycle and Lifecycle Hooks
- Using ViewChildren and ContentChildren
Databinding in Angular 6
- Overview of Property & Event Binding
- Binding and Assigning Aliases to Custom Properties
- Binding and Assigning Aliases to Custom Events
Working with Directives
- Built-in Directives
- Custom Directives
Angular 6 Services
- Creating a Logging Service
- Creating a Data Service
Using Dependency Injection and Providers
- Injectors, Provider, and Tokens
- Configuring Dependency Injection
- Configuring Your Provider
- Injecting Services into Components, Directives, and Services
Switching Pages with Routing
- Setting Up Routes
- Configuring and Loading Routes
- Understanding the Different Navigation Methods
- Using Parameters in Routes
- Creating Nested Routes
- Using Redirect and Wildcard Routes
- Understanding Route Guards
- Understanding Routing Strategies
Using RxJS to Create and Work with Observables in Angular
- Overview of Observables
- Overview of RxJS
- Building & Using Observables in Angular
Handling Forms
- Using the Template Driven Forms
- Using the Reactive Forms
Using Pipes
- Built-in Pipes
- Async Pipe
- Custom Pipes
Making Calls to External HTTP APIs
Using Angular Modules
Testing the Angular 6 Application
- Using Jasmine for unit testing
Debugging the Application
- Understanding Error Messages in Angular
- Using Sourcemaps to Debug Code in the Browser
- Using Augury
Optimizing the Angular 6 Application
Angular 6 Security
- Authentication
- What should and shouldn’t be written in Angular
Deploying an Angular 6 Application to Production
- Deploying to IIS, Apache, Nginx, etc.
Troubleshooting
Closing Remarks
Introduction
Angular CLI
- Generating Components, Modules and Services
- Editing generated files for development
- Customizing CLI by Bootstrap, Material and Clarity
RxJS and Observables
- Using RxJS and Observables to handle complex asynchroneous events
Advanced Routing
- Routing in Angular 6 Single Page Applications
- Lazy Loading and Pre-Loading Routing
Advanced Dependency Injection
- Provider Registration
- Constructor with Parameters
- Hierarchical Dependency Injection
Advanced Pipes
- Using PipeTransform
- Pipes and Change Detection
- Pure and Impure Pipes
Change Detection Strategy
Security
- Prevention of Cross-site Scripting (XSS)
- Sanitizations
- Authentication with JSON Web Tokens
Testing
- Jasmine Test Framework and Karma
- Continuous Integration
- Service Tests
- Angular Route Guards
- Component DOM testing
- Attribute Directive Testing
- Pipe Testing
Best Practices
Troubleshooting
Summary and Conclusion