Workshop Logo

Angular Fundamentals

Learn Angular fundamentals including CLI, components, services, routing, RxJs, signals, forms, and testing to confidently build scalable and dynamic applications.

Level
Beginner
Duration
3 days or 6 half days
Prerequisites
Location options
Remote
Onsite

For whom is this workshop for?

Junior Web Developers
Experienced Developers who want to learn Frontend (e.g. Backend developers)
Developers knowing another Frontend Framework (e.g. React, Vue) and want to learn Angular

Workshop Agenda

icon

Angular Overview

  • Angular CLI
  • History and versioning
  • Angular project creation
icon

Angular Building Blocks

  • Components
  • Pipes
  • Directives
  • ngModules and standalone APIs
icon

Services and Dependency Injection

icon

API Communication

  • Angular’s HttpClient
icon

Routing

  • provideRouter
  • Lazy loading
  • Route guards
icon

Angular change detection essentials

  • Change detection strategies
  • Default change detection
  • OnPush change detection
  • Essential change detection optimization techniques
icon

RxJs essentials

  • What is RxJs?
  • Fundamentals of reactive programing
  • Observable Fundamentals
  • Rxjs Operators
  • Unicast and Multicast
icon

Signal essentials

  • What are signals?
  • Signals vs Observables
  • Effect
  • Computed
  • Other signal-based APIs
icon

Angular forms

  • Reactive forms
  • Template-driven forms
  • Form validation
  • Form submission
  • Custom Validators
icon

Testing essentials

  • Angular testing tools
  • Basic testing techniques

Description

Master the fundamentals of Angular in this beginner-friendly workshop. We'll start with an overview of Angular’s framework, including the CLI, project creation, and versioning strategy. You’ll dive into core building blocks like components, pipes, directives, and understand the difference between ngModules and standalone components. Services and dependency injection will help you manage shared logic efficiently, while Angular’s HttpClient enables smooth API communication.

You’ll also explore Angular’s routing system for building multi-page apps, and dive into RxJs to handle asynchronous data streams effectively. Change detection and signals essentials are covered to help you keep your app's UI in sync with data.

Forms are a critical part of any app, and you’ll learn both reactive and template-driven approaches for managing user input. Finally, we’ll cover testing essentials using tools like Karma or Jest to ensure your code is reliable and maintainable.

This workshop provides the tools and knowledge needed to start building scalable, dynamic Angular applications confidently.

Takeaways

After completing the workshops you are able to:

  • Understand and use the Angular CLI for project creation and management
  • Build and structure Angular applications using components, pipes, and directives
  • Implement services and leverage dependency injection for modular, reusable code
  • Handle API communication effectively using Angular’s HttpClient
  • Set up and manage navigation with Angular’s routing system
  • Apply RxJs to manage asynchronous data streams and optimize performance
  • Understand Angular’s change detection and signals for efficient app updates
  • Basic techniques to optimize runtime performance
  • Build and validate reactive and template-driven forms
  • Write unit tests using Karma or Jest to ensure app reliability
  • Fundamentals to develop scalable and maintainable Angular applications following best practices

What is included?

  • High-quality materials with a mix of theory and exercises.
  • A lot of best practices from our enterprise projects.
  • 8 hours of follow-up coaching and consulting after the workshop. Dates and time can be arranged individually.
  • Lifetime access to the workshop materials
  • Hands-on excercises, live coding and Q&A sessions
  • Certificate of completion

Book the Workshop

FAQ about our workshops

Our workshops primarily focus on web development and software architecture. We emphasize reactive programming and architecutral patterns. As Angular consultancy we of course choose Angular as framework of our choice as it is a great fit for most enterprise projects.

In all of our workshops, we provide high-quality materials, a well-structured agenda and a balanced mix of theory and exercises. All this is combined with a lot of best practices which we gathered over the years in enterprise projects at our clients.

Yes, of course! We would be happy to come to your location and provide a workshop for your team. Just get in touch with us and we will find the perfect solution for you. However we are a remote-first company and we believe that remote workshops are as effective as onsite workshops.

Beginner workshops offer fundamental knowledge and require usually none to little pre-experience. Advanced workshops require some experience with the topic and are more in-depth. Expert workshops are for people who have a lot of experience with the topic and want to dive deep into the topic.

Besides the workshop itself, in all our workshop packages we include a 8 hours of follow-up coaching and consulting. This can be used for code reviews, architecture consulting, or any other topic you want to discuss with us.

High level workshop agenda

To give you a better feeling how our workshops are organized, we provide you here a high level overview of a typical workshop agenda.

Please note that the agenda can vary depending on the workshop and the needs of the participants. Every training is unique and we strive to provide the best possible experience for you.

09:00 - 10:30 Theory & Exercises
10:30 - 10:45 Break
10:45 - 12:15 Theory & Exercises
12:15 - 13:00 Lunch Break
13:00 - 14:30 Theory & Exercises
14:30 - 14:45 Break
14:45 - 16:15 Theory & Exercises

Not found the workshop you where looking for?

No worries, we are happy to create a custom workshop for you. Just get in touch with us and we will find the perfect solution for you.

Our other Services

Besides high-quality workshops, we offer a variety of other services to help you and your team to become more successful in your projects.