Modern Angular with Signals (Hands-on)

Angular is a comprehensive front-end framework that offers a complete solution right out of the box. Thiscourse covers everything needed for the day-to-day Angular developer: (Standalone) Components; DataBinding; Signals; Dependency Injection; Router; Calling Web APIs and Services; Content Projection;Lifecycle; DOM; and many more. Due to rapid developments in the field, the course material is continuouslyupdated to reflect the latest version of Angular!

This course provides an interactive learning experience, enabling you to deepen your understanding and
retention through hands-on exercises that transform passive learning into an engaging, active journey.

Students, depending on their own project requirements, can choose to do exercises with a focus on brand
new or traditional features.

Afterwards you are able to use Angular in both existing and new web applications.

Prerequisites:

This course is intended for professional developers who are familiar with HTML and JavaScript
programming.

Length:

4 days, workshop format, instructor-led course using slides, more than 150 examples and lots of interactive
exercises (with solutions) for you to take home.

Course content:

Introduction:

• What is Angular?
• Why Angular?

Part 1: TypeScript for Angular

• Essential JavaScript for Angular
• Essential TypeScript for Angular

Part 2: Basic

• Root / Boostrap Angular App
• Standalone Components vs Modules
• Selectors
• Templates (HTML / SVG)
• Styles

Part 3: Data Binding

• Signals
• Content
• Properties and Attributes
• Computed Values

Part 4: Control Flow

• Build-in: @if, @else, @switch
• Blocks: ngIf, ngFor, ngSwitch

Part 5: Component Interaction

• Input
• Output
• Two-way
• ViewChild

Part 6: Dependency Injection

• Providers
• Injectors
• Services

Part 7: Router

• Standalone API
• Pages
• No match
• Redirect
• Dynamic routing

Part 8: Pipes

• Build-in, like JSON, Async, Date
• Custom

Part 9: Content Projection

• Basics
• Conditional Rendering

Part 10: Forms

• Reactive Forms
• Template Forms
• Validation

Part 11: Calling Web Services

• HttpClient
• Get, Post, Put, Delete
• RxJS (just a little)

Part 12: Setup Projects

• Angular CLI

Part 13: Miscealenous

• Accessing DOM
• Component Lifecycle

Other relevant courses