This course 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.
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