Course Outline

Introduction

  • What is Angular?
  • Angular vs React vs Vue
  • Overview of Angular 16 features and architecture
  • Setting up the Development Environment

Getting Started

  • Creating a new Angular 16 project using Angular CLI
  • Exploring the project structure and files
  • Running and serving the application
  • Displaying data using interpolation and expressions

Components

  • Understanding the role of components in Angular 16
  • Creating and using components
  • Passing data between components using inputs and outputs
  • Using component lifecycle hooks

Directives

  • Understanding the difference between structural and attribute directives
  • Creating and using built-in directives such as ngIf, ngFor, ngSwitch, etc.
  • Creating and using custom directives

Pipes

  • Understanding the purpose of pipes in Angular 16
  • Creating and using built-in pipes such as date, currency, json, etc.
  • Creating and using custom pipes

Services

  • Understanding the role of services in Angular 16
  • Creating and using services
  • Injecting dependencies using providers

Modules

  • Understanding the role of modules in Angular 16
  • Creating and using modules
  • Importing and exporting modules

Data Binding

  • Understanding the difference between one-way and two-way data binding
  • Creating and using property binding, event binding, and banana-in-a-box syntax
  • Using template reference variables

Routing

  • Understanding the role of routing in Angular 16
  • Creating and configuring routes
  • Navigating between routes using routerLink and router.navigate
  • Using route parameters, query parameters, and fragments

Forms

  • Understanding the difference between template-driven and reactive forms
  • Creating and validating forms using form controls, form groups, form arrays, etc.
  • Using built-in validators such as required, minLength, maxLength, etc.
  • Creating and using custom validators

HTTP Client

  • Understanding the role of HTTP client in Angular 16
  • Creating and using HTTP requests to communicate with backend services
  • Using observables to handle asynchronous data streams
  • Using interceptors to modify or handle HTTP requests or responses

Debugging

  • Understanding the common errors and bugs in Angular 16 applications
  • Using Chrome DevTools to inspect elements, sources, network, console, etc.
  • Using breakpoints, watch expressions, call stack, etc. to debug code

Testing

  • Understanding the importance of testing in Angular 16 applications
  • Using Jest as an alternative testing framework
  • Using Karma as a test runner for unit tests
  • Using Protractor as an end-to-end testing tool

Summary and Next Steps

Requirements

  • An understanding of HTML, CSS, and JavaScript
  • Experience with TypeScript and RxJS
  • Web development experience

Audience

  • Developers who wish to learn how to use Angular 16 to create dynamic and responsive web applications
  • Developers who wish to upgrade their skills from previous versions of Angular
  • Programmers who wish to explore the new features and updates of Angular 16
 28 Hours

Number of participants


Price per participant

Testimonials (5)