Course Outline

Introduction

  • Overview of Angular and its features
  • Understanding the Angular framework and architecture
  • What’s new in Angular 15?

Setting up the development environment

  • Installing and configuring Angular 15
  • Using the stable standalone APIs that allow Angular developers to build apps without the Ng Modules 
  • Understanding the enhanced performance

Fundamentals of TypeScript

  • Understanding the TypeScript syntax
  • Defining variables and arrays
  • Type in functions

Components

  • Anatomy of an Angular component
  • Creating and using components
  • Communicating between components
  • Implementing component lifecycle hooks
  • Using CDK List for building UI components

Directives

  • Anatomy of an Angular directive
  • Creating and using directives
  • Building custom directives
  • Using the directive composition API
  • Using the Image Directive in Angular applications and carrying out the automatic srcset generation in the Image Directive

Services and Dependency Injection

  • Anatomy of an Angular service
  • Creating and using services
  • Using Dependency Injection to manage services

Pipes

  • Anatomy of an Angular pipe
  • Creating and using pipes
  • Building custom pipes

Forms

  • Building and validating forms using Angular's FormBuilder
  • Implementing reactive forms
  • Using template-driven forms

HttpClient

  • Communicating with a RESTful API using Angular's HttpClient module
  • Implementing GET, POST, PUT, and DELETE requests
  • Handling errors and progress events

Authentication and Authorization

  • Implementing authentication and authorization in Angular applications
  • Using JSON Web Tokens (JWT) for authentication
  • Protecting routes with guards
  • Reducing boilerplate code in guards

Testing and Debugging

  • Writing unit tests using Jasmine and Karma
  • Testing Angular components, directives, services, and pipes
  • Debugging Angular applications using the browser's DevTools
  • Learning about the improvements in esbuild for faster builds

Summary and Next Steps

Requirements

  • Basic understanding of HTML, CSS, and JavaScript

Audience

  • Developers
  • Programmers
  28 Hours
 

Testimonials

Related Courses

AngularJS Basics

  14 hours

Angular JavaScript

  28 hours

Building Web Apps using the MEAN stack

  35 hours

AngularJS Advanced

  21 hours

Ionic2

  14 hours

AngularJS Good Practices

  14 hours

Angular 2 Fundamentals

  21 hours

JavaScript, jQuery, NodeJS & AngularJS

  56 hours

Angular 4 Fundamentals

  21 hours

Angular 2: Building Web Apps Using the MEAN Stack

  35 hours

Ionic1: Build a Mobile App with Ionic 1 and Angular 1

  14 hours

Ionic2 and Angular2

  14 hours

Angular 4: Advanced

  21 hours

Ionic3: Building Cross-Platform Mobile Apps with Ionic3 and Angular4

  7 hours

Testing Angular Applications

  14 hours