Angular 18 Development

This course takes a thorough look at Angular 18, the latest version of the Angular framework. We can also run courses on earlier versions of Angular, if this is what you're looking for - just contact us to discuss the details.

Duration

4 days

 

Prerequisites

  • Familiarity with HTML and JavaScript programming

What you'll learn

  • Angular architectural concepts
  • Using Angular CLI
  • Creating and testing Angular apps
  • Templates
  • Data binding and forms
  • Dependency injection
  • Pipes
  • Directives and transclusion
  • Routing and navigation
  • Calling REST services
  • Server-side routing

Course details

Creating a Simple Angular Application

  • Getting started with Angular CLI
  • Structure of an Angular application
  • Importing Angular libraries
  • Angular bundles
  • Angular components
  • Templates
  • Binding expressions
  • Bootstrapping Angular
  • Overview of routing
  • Standalone components

Data Binding

  • A closer look at data binding
  • Two-way data binding
  • Delayed binding
  • Applying CSS styles and classes conditionally
  • Using structural directives
  • Differences in earlier versions of Angular

Pipes

  • Using built-in pipes
  • Internationalization
  • Using promises, observables, and the async pipe
  • Defining custom pipes
  • Applying pipes programmatically

UI Techniques

  • Template-driven forms
  • Reactive forms
  • Dynamic (data-driven) forms
  • Validation techniques
  • Control state change events in Angular 18
  • Deferrable views
  • Control flow using built-in keywords

Component Hierarchies

  • Structuring applications
  • Defining component inputs
  • Defining component outputs
  • The mediator pattern

Dependency Injection

  • Overview of dependency injection in Angular
  • Simple dependency injection
  • Using the provide() function
  • A hierarchy of injectors
  • Global provision
  • Injection into services
  • Values and factories

Closer Look at Angular Routing

  • Route parameters and route data
  • Defining multiple router outlets
  • Lazy loading
  • Router lifecycle events
  • Function-based redirects in Angular 18

Calling Rest Web Services

  • Overview of Rest services
  • Calling Rest services using HttpClient
  • Dealing with asynchronous results

Server-Side Rendering

  • What is SSR and why is it useful?
  • How to implement SSR in Angular 18

Implementing Custom Directives

  • Attribute directives
  • Specifying parameters and events
  • Structural directives
  • Transclusion