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.

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 transclusionRouting and navigation
  • Calling REST services
  • Server-side routing

Prerequisites:

Familiarity with HTML and JavaScript programming

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 

 

Andy Olsen - author of the course

Andy is a freelance consultant and instructor based in the UK, working mostly in the City of London and Oxford. Andy has been working with .NET since the Beta 1 days and has extensive experience in many facets of .NET development including WCF, WPF, WF, ASP.NET MVC Web development, and mobile applications. Andy has designed and written many Microsoft Official Curriculum courses in the last decade, and has been engaged as author and technical reviewer with Apress on some of their biggest selling books.

Other relevant courses

JavaScript Web Development
4. December
3 days
Classroom Virtual
Advanced JavaScript Techniques
27. November
3 days
Classroom Virtual
Test-Driven JavaScript - (Hands-on)
27. November
3 days
Classroom Virtual
React 19 (Including NextJS) (Hands-on)
11. November
5 days
Classroom Virtual Guaranteed to run