Angular Workshop – Structured Introduction

Workshop with all backgrounds on the building blocks in Angular. Remote or in-house.

Develop the background knowledge necessary for your successful projects on all building blocks and concepts in Angular.

Remote & In-House
3 days
Development basics required
Theory phases alternate with live coding & exercises.
Also available as a company workshop
Public Workshop
  • Duration: 3 days
  • Next Date: TBA
  • Group discount available
Company-Workshop
  • Individually scheduled
  • In-house or remote
  • Discount for groups >8 participants

Proven Angular training for your success!

In this training, you will learn from well-known insiders and experts from the very beginning, using many examples, how you can successfully develop modern applications with Angular:

  • A continuous case study shows all of Angular’s concepts in the context of a business application.
  • Learn best practices for sustainable development.
    A mix of lecture, live coding and many exercises guarantees that it will never be boring.
  • Use the post-training case study as a template for your own projects
  • Learn valuable background about the concepts and ideas behind the possibilities of Angular.
  • We conduct this training in Germany, Austria and Switzerland. The in-house version of this training can be adapted to your specific project requirements on request.

Optional – Remote Workshops: All of our trainings and consultations can now optionally be booked as remote workshops!

Selected satisfied customers

The course of the training at a glance!

Concepts in TypeScript

TypeScript

TypeScript is the language behind Angular. It is a surplus of JavaScript and is compiled (transpiled) according to JavaScript.

We assume that you already have experience with a programming language and therefore focus here on the differences to known mainstream languages ​​such as C # or JAVA and on pitfalls.

  • Object oriented concepts
  • Functional concepts
  • Differences to other languages ​​like C # or JAVA
  • Pitfalls
  • Asynchronous programming

Get started with Angular

Angular

We develop the first functional application on the first day. The following aspects are examined:

  • Build an Angular application using the CLI
  • Project structure and conventions
  • A first component
  • Data binding
  • HTTP access
  • Observables and RxJS

Services Dependency Injection (DI)

Dependency Injection in Angular

To improve our application, we introduce services and use dependency injection to increase testability:

  • Understand the ideas behind DI
  • Provide reusable business logic through services
  • Token and provider
  • Types of providers
  • Hierarchical DI and scopes
  • Tree-shakable provider

Components

Angular Komponenten

Then we look at the many details of components and find out how data binding really works for components.

We use the knowledge gained to create additional components that communicate with each other. This makes our application modular and easier to maintain:

  • Templates
  • Communication between components
  • Property bindings
  • Event bindings
  • Two-way bindings
  • How data binding works in Angular
  • Cycles and other traps
  • Lifecycle hooks

Forms

Angular Formulare

Angular is particularly strong when dealing with forms. There are even two object models for this: template-driven forms and reactive forms.

Here we look at these two variants and find out when which option is the better one. We also look at the many different types of validation:

  • Use template-driven forms
  • Use reactive (imperative) forms
  • Check values with predefined validators
  • Write your own validators
  • Asynchronous validators
  • Multifield validators

Angular Modules

Angular Module

Angular modules allow our large application to be divided into manageable parts. In this section, we look at the ideas behind modules, their implementation, and module categorization, which is usually the norm in Angular applications.

In this section we will extend the maintainability of our application by dividing it into modules. This also ensures that the application can “grow”:

  • Understand the Angular modular system
  • Root modules
  • Feature modules
  • Shared modules
  • Core modules
  • Modules and dependency injection

Routing

Angular Router

The router is the linchpin of most Angular applications. It simulates pages within a single page application and allows deep linking:

  • Create navigation structures with routing
  • Configure the router
  • Transfer and read out routing parameters
  • Performance optimization with lazy loading

Testing

Angular Testing

Another great feature of Angular is the built-in support for automated testing. These are, on the one hand, isolated unit tests and, on the other hand, integration or end-2-end tests:

  • Unit tests with Jasmine and Karma
  • End-2-end tests with Jasmine and Protractor
  • Use of dependency injection, mocks and spies to increase testability
  • Integrated auxiliary constructs for testing
    Test coverage

Further Topics

We use the rest of the time to discuss further topics and to test them on the basis of our case study. As with all items on the agenda, we can also take your individual project situation into account:

  • RxJS and Observables and Reactive Architectures
  • Performance tuning
  • Authentication
  • State management

By the way, we have a lot to tell about these and other advanced topics. That is why we also offer our advanced workshop with a focus on enterprise solutions and architectures with Angular.

Public Workshops

All of our seminars are always available remotely or in-house. Contact us to make an appointment

No post was found with your current grid settings. You should verify if you have posts inside the current selected post type(s) and if the meta key filter is not too much restrictive.

More public dates

2022 05. 12 -
07. 12
09:00 - 17:00 (CET)
Gruppenrabatt

Modern .NET-Backends for Angular

2022 19. 12 -
19. 12
09:00 - 16:30 (CET)
Group Discount

Advanced TypeScript

2022 20. 12 -
20. 12
09:00 - 16:30 (CET)
Group Discount

Playwright Workshop

2023 27. 02 -
28. 02
09:00 - 17:00 (CET)
Group DiscountEarly Bird until 31.01.2023

Angular Security with Dr De Ryck

2022 01. 03 -
03. 11
13:00 - 17:30 (CET)
Group DiscountEarly Bird until 31.01.2023

Design with System: Scalable Design Systems with Storybook and Angular

13:00 - 17:30 CET = 8.30 to 12.30 ET
2023 07. 03 -
10. 03
13:00 - 17:30 (CET)
Group DiscountEarly Bird until 31.01.2023

Angular Architecture Workshop

8:30 am - 12:30 pm Eastern Time = 1:30 pm - 5:30 pm CET

English

2023 27. 03 -
29. 03
09:00 - 16:30 (CET)
Group DiscountEarly Bird until 28.02.2023

Modern Spring-Backends for Angular

2023 27. 03 -
28. 03
09:00 - 17:00 (CET)
Group DiscountEarly Bird until 28.02.2023

API Security Workshop with Dr. De Ryck

2023 27. 03 -
29. 03
09:00 - 17:00 (CET)
Group DiscountEarly Bird until 28.02.2023

Workshop: Fullstack Angular with NestJS

2023 28. 03 -
30. 03
09:00 - 17:00 (CET)
Group DiscountEarly Bird until 28.02.2023

Modern .NET-Backends for Angular

Manfred Steyer is a Google Developer Expert (GDE) for Angular and Tursted Collaborator in the Angular team. Together with his team, he looks after customers in the entire German language area. The focus is on business and industrial applications based on Angular.

Only One Step Away!

Send us your inquery today - we help you with pleasure!

Jetzt anfragen!