Angular: 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.
Duration
3 days
Next event
Autumn 2023
Level
Development basics required
Location
Remote & In-House
Language
English / German
Price from
0€

Manfred Steyer, GDE

is Google Development Expert (GDE), and has published books at O'Reilly, Microsoft Press, and Hanser and writes for Heise Online, windows.developer and the Java magazine. He also regularly shares his knowledge at conferences

Rainer Hahnekamp

Experienced developer and software architect for enterprise applications.
Runs Ng-News, a weekly Angular video newsletter.

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!

Concepts in TypeScript

TypeScript is the language that Angular is based on. It is a superset of JavaScript and is compiled (transpiled) to JavaScript.
We assume that you already have experience with a programming language and therefore focus here on the differences to well-known mainstream languages like C#, JAVA, C or PHP as well as pitfalls.

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

Already on the first day we develop together a first functional Angular application. The following aspects will be highlighted:

  • Creating an Angular application with the CLI.
  • Project structure and conventions
  • A first component
  • Standalone Components
  • Data binding
  • HTTP access
  • Observables and RxJS

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

  • Understanding ideas behind DI
  • Provide reusable business logic via services
  • Tokens and Providers
  • Types of providers
  • Hierarchical DI and Scopes
  • Tree-shakable providers

Then we’ll look at the many details of components, learning how data binding really works for components.

We use the knowledge we gain to create more components that communicate with each other. This will make our application modular and more maintainable:

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

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:

  • Using Template-Driven Forms
  • Using Reactive (Imperative) Forms
  • Checking input with predefined validators
  • Writing your own validators
  • Asynchronous validators
  • Multifield validators

Even though Angular modules are optional in the era of Standalone Components, they still appear in many Angular solutions. In this section, we take a look at the pros and cons of this feature, as well as how it interacts with Standalone Components.

  • Understanding the Angular module system
  • Root Modules
  • Feature Modules
  • Shared Modules
  • Core Module
  • Modules and Dependency Injection
  • Combining Angular modules and standalone components

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

  • Create navigational structures with routing
  • Configure the router
  • Pass and read routing parameters
  • Performance optimization with lazy loading

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

  • 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

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

  • RxJS and Observables and Reactive Architectures.
  • Performance tuning
  • Authentication
  • State Management

Because we have a lot more to tell about these and many other advanced topics, we also offer all interested participants and advanced Angular users our advanced workshop with focus on enterprise solutions and architectures with Angular.

Upcoming events

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

Individual In-House Company Workshops

All of our workshops are also available remotely or in-house at any time.
Contact us for an appointment

Inquire now

FAQs on our workshops

How do your workshops and courses work?

Our seminars around Angular are a mixture of lecture, live coding and actual exercises. Together we implement what we have learned during the workshop directly on a example project. This mixture guarantees that the course never gets boring and “hands-on” is required instead of gray theory.

Our Angular hands-on workshop is aimed at anyone who wants to develop applications with Angular in the future or is already doing so and now wants to better understand the background, context and building blocks of the framework.

Participants should have basic knowledge of web development (basic knowledge of HTML and JavaScript).

For advanced Angular developers we offer advanced seminars and intensive trainings on specific use cases.

Our trainings take place as public workshops in seminar rooms at central hotels in Germany, Austria and Switzerland. In-House company workshops take place at your office or conference room.

All courses are also available as remote workshops, where we meet online in a virtual classroom and do the training via video calls, screen sharing and live coding.

Our workshops are held by experienced trainers and software architects. In recent years, we have provided Angular training to well-known companies – including well-known banks, insurance companies, industrial groups. Trainers include well-known conference speakers, authors of books and professional articles, bloggers, Google Developer Experts and university lecturers.

Especially for dedicated company trainings, we are happy to accommodate you. Typical times are 9:00AM to 4:30PM / 5:00PM. Some of our English-language workshops are timed so that you can also attend at US friendly times.

Absolutely. In fact, since the pandemic, this has been our main business model and we have had very good experience with it. We use a combination of screen sharing, interactive online whiteboards, and are happy to connect to your computer for support during the exercises if you wish. As with our on-site training, we use a combination of short presentations, discussions, live coding and hands-on labs.

Since there is no travel involved, you also save time and money. We can also respond more flexibly to your scheduling needs.

Yes, very much so. In fact, that’s one of the benefits of dedicated corporate training. You are welcome to weight, shorten or add to our agenda proposals. As a rule, we also coordinate with your trainer about 2 weeks before the training. If you wish, we can also arrange it earlier.

Among other things, Angular’s wide distribution speaks for itself, but also the fact that Google, an Internet giant that also uses the framework very intensively, is behind it. Google alone has over 2600 solutions based on it. Due to the wide distribution, there is a large community and thus a lot of know-how on the market as well as (free and commercial) products that are adapted to Angular. In addition, Angular provides much of what you need for large applications out of the box: test automation, form management, routing, etc. In this respect, you get a stack whose components are coordinated and work together in the long term.

The good news up front is that participants with different levels of prior knowledge are the rule, not the exception, in adult education. That’s why you’ll find optional fade-in hints and bonus exercises on our exercise sheets, for those who are a little faster. Of course, we also provide personal support for the exercises.

If you book a company training with us, we leave this decision to you in principle. However, experience shows that there should not be more than 15 participants, especially since a seminar lives very much from questions, discussions and practical exercises.

Please install the following software packages on your computer:

– NodeJS in current version (we test with current LTS version).
– Angular CLI (npm i -g @angular/cli)
– Git
– Visual Studio (free) or WebStorm/IntelliJ (commercial)

Newsletter

Never miss anything - subscribe to our newsletter now!
Please enable JavaScript in your browser to complete this form.

Selected happy customers