Courses and Conferences

DTI Main Reception

Do you need help?

  • Gregersensvej 8
  • 2630 Taastrup
Google MapsApple MapsRejseplanen
  • Forskerparken Fyn, Forskerparken 10F
  • 5230 Odense M
Google MapsApple MapsRejseplanen
  • Teknologiparken Kongsvang Allé 29
  • 8000 Aarhus C
Google MapsApple MapsRejseplanen
  • NordsøcentretPostboks 104
  • 9850Hirtshals
Google MapsApple MapsRejseplanen
  • Gammel Ålbovej 1
  • 6092Sønder Stenderup
Google MapsApple MapsRejseplanen

Modern Angular with Signals

Angular is a comprehensive front-end framework that offers a complete solution right out of the box. This course covers everything needed for the day-to-day Angular developer: (Standalone) Components; Data Binding; Signals; Dependency Injection; Router; Calling Web APIs and Services; Content Projection; Lifecycle; DOM; and many more.

>> Avaliable in Danish <<

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. Due to rapid developments in the field, the course material is continuously updated to reflect the latest version of Angular!

Prerequisites

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

Outcome

  • Learn Angular’s key features – including components, signals, and routing
  • Build robust web applications with both modern and classic Angular features
  • Gain practical experience through hands-on exercises
  • Extend and maintain both new and existing Angular projects

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 13: Miscealenous
  • Accessing DOM
  • Component Lifecycle

Method

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.

Do you have any course related questions, please contact