We provide course about Modern Angular with Signals (Hands-on) in english. 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.
Course description:
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; 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 continuously updated to reflect the latest version of Angular! 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.
Course outline:
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: (at)if, (at)else, (at)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
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.
Instructor: Rick Beerendonk
Rick Beerendonk is instructor of the course. 30+ years software development experience, senior consultant at Oblicum, Microsoft MVP. Has trained thousands of developers across Europe in .NET, modern web development, API design, and software architecture.
Target audience:
Anyone who wants course about Modern Angular with Signals (Hands-on)
Prerequisites:
• This course is intended for professional developers who are familiar with HTML and JavaScript programming
Language:
• English course material, english speaking instructor
Course material:
The course fee includes course documentation, exercises, lunch and refreshments