Angular & TypeScript Intensive Training
Beginner · 5 half days or flexible as in-house training · Remote · Open Training or In-House
Favorite
This workshop gives you a solid foundation in Angular – from project setup and component architecture through dependency injection, services, Signals & RxJS to HTTP, forms and routing.
You also systematically deepen your TypeScript knowledge (typing, generics, unions, modules, classes) in order to develop Angular code in a structured and type-safe way.
Agenda
Fundamentals
- Installing and using the Angular CLI
- Extending the project structure
- Your first component
- Standalone Components
- Template syntax
- Data binding fundamentals
- Understanding the Angular roadmap
Components
- Understanding component architecture
- Templates and template syntax
-
Property bindings &
inputs -
Event bindings &
output - Two-way data binding
- Communication between components (Input/Output, ViewChild, ContentChild)
-
Component lifecycle (
afterRender,afterNextRender,destroyRef, ...) - Components vs. directives
- Writing your own structural & attribute directives
Services
- Understanding the fundamentals of dependency injection
- Providing reusable business logic via services
- Tokens and providers
- Types of providers
- Hierarchical DI and scopes
- Tree-shakable providers
- Singletons & local singletons
- Best practices for service design
Signals & RxJS
- Reactivity with signals (signal, computed, effect)
- Auto-tracking and untracked
- Resource API
- Linked Signals
- Reactivity with RxJS and observables
- RxJS interop with signals
HTTP & APIs
- Using the HttpClient
- Writing HTTP interceptors
- Error handling for HTTP requests
Forms
- Template-driven forms with ngModel
- FormControl, FormGroup, FormArray
- Signal Based Forms (outlook)
- Reactive (model-driven) forms
- FormBuilder service
- Custom validators and asynchronous validators
- Validation with template-driven forms
- Cross-field validation
Routing and Navigation
- Router configuration
- Creating navigation structures
- Route parameters (route, query, optional)
- Child routes (nested routes)
- Route guards (CanActivate, CanDeactivate, Resolve)
- Lazy loading and preloading strategies
🎥 A ✨ free video course on TypeScript is included for you to prepare you for the workshop. You'll learn all the concepts that matter for developing Angular code effortlessly. This "baseline course" will be unlocked for you after booking.
Syntax & Type Annotation
- Typing variables
- Typing arrays
- Typing objects
- Typing functions
- Type inference
Type & Interface
- Reusable domain models
- type and interface
- extends
- Intersection types
Special Types
- null
- undefined
- any
- unknown
- never
Discriminated Unions & Type Guards
- Unions with a discriminator field
- Custom type guards
- Safe type discrimination
Generics
- Generic functions
- Generic interfaces
- Generic classes
- Flexible, type-safe reuse
ES Modules
- import/export
- Module structure
- Type-only imports
Classes
- Constructor
- Methods
- Inheritance
- Access modifiers (public, private, protected)
🎥 Not sure whether your JavaScript skills are sufficient? We have a solution for that too. A ✨ second free video course on JavaScript covers all the language features and concepts you need for Angular.
What you should know
- Basic knowledge of HTML & CSS, JavaScript and TypeScript
- Technical requirement: Laptop with Windows, Linux or macOS
To help you prepare, our free JavaScript preparation module is available to you directly in the course.
For a more comprehensive introduction to the fundamentals, you can also attend our intensive trainings: HTML & CSS Intensive Training, JavaScript Intensive Training and TypeScript Intensive Training.
The course “Angular & TypeScript” is aimed at Beginner.
What's Included
Select dates & book
for 3+ participants
Request in-house/corporate training
Submit a request and book a preliminary meeting with our advisor.
What our participants say
guter Workshop, um die Grundlagen zu verstehen und einen Einstieg zu finden.
Attended Angular & TypeScript Intensive Training
Sehr gute Schulung vom Super(Web)Dave
Attended Angular & TypeScript Intensive Training
Immer gerne wieder. Im nächsten Jahr dann vielleicht der Advanced-Kurs.
Attended Angular & TypeScript Intensive Training
Top Trainer und top Workshop! Fühle mich super motiviert und kann nicht abwarten das Gelernte anzuwenden. Danke!
Attended Angular & TypeScript Intensive Training
Nach diesem Workshop kann man schon erste professionelle Apps erstellen.
Attended Angular & TypeScript Intensive Training
Die Angular-Schulung war äußerst lehrreich und motivierend. Klare Präsentation, interaktive Übungen und ein engagierter Trainer haben die Schulung zu einer positiven Erfahrung gemacht. Freue mich auf zukünftige Schulungen!
Attended Angular & TypeScript Intensive Training
Questions and answers
Our public Angular & TypeScript remote courses take place from 9:00 AM to 1:00 PM, on-site Angular & TypeScript trainings from 9:00 AM to 4:30 PM.
For in-house seminars, individual adjustments are possible.
Yes. At the end of each of our Angular & TypeScript seminars, participants receive a signed certificate of attendance.
The certificate includes a verification URL and can be shared on your LinkedIn profile. Learn more about managing certificates on LinkedIn.
Yes, we offer our Angular & TypeScript seminars in German and English.
Public dates are held in German, unless explicitly stated otherwise.
In-house seminars can be conducted in the desired language.
All materials and exercises are fully available in English.
Yes. We offer our Angular & TypeScript seminars both remotely and on-site. Thanks to our virtual classroom, you can conveniently participate in our workshops from anywhere. Our online presentations are regularly updated, and you have permanent access after the training. Exercises can be accessed and unlocked through an online interface, and we have added additional tasks to prepare you for remote workshops.
We also offer in-house seminars and public trainings on-site. In our schedule overview, you can see the respective venue of the trainings. For in-house trainings, we are happy to discuss the venue details individually with you.
For public Angular & TypeScript seminars, we use the online meeting tool Zoom alongside our classroom.
A test link is also included in the preparation to let you try out the technology. The remote workshop is designed so that everyone works from different locations with their own computer.
For in-house seminars, we can conduct the meeting via Zoom or Microsoft Teams.
Other meeting software may be used by arrangement.
For our in-house seminars, we additionally offer code mentoring.
What is code mentoring?
- Ask-Me-Anything sessions: Clarify questions and uncertainties from the course directly with an expert.
- Code review: Submit your own code snippets and have them analyzed and evaluated by experts.
- Advanced topics: Ask in-depth questions about the course topic to expand your knowledge.
For participants of public trainings, we recommend joining our community Discord server.
Your benefits on Discord:
- Diverse channels for questions and discussions – beyond the course topic.
- An engaged community that supports you in learning.
Our trainers are experienced experts from the industry:
- Google-Developer-Experts
- Experienced software developers
- Book and article authors
- Active members of the web community
- Organizers of meetups and conferences
Yes. You can enter your routing ID directly in our order form. Our invoices are sent as ZUGFeRD PDFs right after booking.
If you have provided a routing ID, our team will be notified and we will handle the upload to the portal. If we need additional information, we will contact you after booking.
Just send us an email. If you prefer a more personal contact, Britta is also happy to receive a call from you!