Get in Touch

Course Outline

Introduction

  • Understanding Angular.
  • Key updates in Angular 11.

Overview of TypeScript and ES6 JavaScript

  • TypeScript syntax fundamentals.
  • Utilizing the TypeScript transpiler.
  • Setting up Angular 11 and TypeScript.

Core Components of Angular 11

  • Angular CLI.
  • Components.
  • Directives.
  • Inputs and Outputs.
  • Data Binding and Interpolation.
  • Event Binding.
  • Data Modeling.
  • Bootstrapping.
  • Experimental Webpack.

Building Your First Angular Application

  • Planning the application architecture.
  • Initializing an Angular Project.
  • Designing a responsive UI with Bootstrap 4 and Sass.

Component Creation

  • Understanding the Component Lifecycle.
  • Data Flow mechanisms.
  • Utilizing Templates and Styles.
  • Content Projection.
  • Working with AppModule.
  • Implementing Custom Components.
  • Applying View Encapsulation.
  • Implementing Lifecycle Hooks.
  • Using ViewChildren and ContentChildren.

Data Binding in Angular 11

  • Grasping Property and Event Binding.
  • Binding and assigning aliases to custom properties.
  • Binding and assigning aliases to custom events.

Working with Directives

  • Native Directives.
  • Custom Directives.

Angular 11 Services

  • Developing a Logging Service.
  • Developing a Data Service.

Dependency Injection and Providers

  • Inspectors, Providers, and Tokens.
  • Configuring Dependency Injection.
  • Configuring Your Provider.
  • Injecting Services into Components, Directives, and Services.

Navigating Pages with Routing

  • Exploring Various Navigation Methods.
  • Routing Strategies.
  • Setting Up Routes.
  • Configuring and Loading Routes.
  • Utilizing Parameters in Routes.
  • Creating Nested Routes.
  • Using Redirect and Wildcard Routes.
  • Understanding Route Guards.

Using RxJS for Observables in Angular

  • Overview of Observables.
  • Overview of RxJS.
  • Creating and Utilizing Observables in Angular.

Creating Forms for User Input

  • Implementing Template Driven Forms.
  • Implementing Reactive Forms.
  • Creating custom validation rules.
  • Validating, filtering, and sanitizing form data.

Utilizing Pipes

  • Transforming output data.
  • Native Pipes.
  • Async Pipe.
  • Custom Pipes.

Interacting with External HTTP APIs

  • Sending HTTP requests.

Testing the Angular Application

  • Conducting unit tests with Jasmine.
  • Performing end-to-end tests with Protractor.

Debugging the Application

  • Interpreting Error Messages in Angular.
  • Debugging browser code using Sourcemaps.
  • Reading TypeScript Compiler diagnostics.
  • Utilizing Augury.

Optimizing the Angular 11 Application

  • Refactoring code.
  • Reducing bundle size and removing dead code.

Angular 11 Security

  • Understanding Authentication mechanisms.
  • Implementing JWT authentication.
  • Guidelines on what to include or exclude in Angular.

Deploying an Angular 11 Application to Production

  • Deployment to IIS, Apache, Nginx, and others.

Angular 11 Best Practices

Troubleshooting

Summary and Conclusion

Requirements

  • Basic knowledge of HTML, CSS, and JavaScript.

Target Audience

  • Software Developers
 28 Hours

Testimonials (2)

Upcoming Courses

Related Categories