Angular Advanced Training Course
This intensive 3-day Angular course empowers developers with the contemporary skills required to construct scalable, secure, and high-performance applications. The curriculum encompasses state management via NgRx Signal Store, advanced routing strategies, security best practices, rigorous testing methodologies, and practical performance optimization techniques.
Learning outcomes for participants
- Acquire proficiency in managing application state through Reactive Programming and the NgRx Signal Store.
- Master the implementation of advanced routing patterns, including guards, resolvers, and lazy loading.
- Apply Angular security best practices, such as XSS protection, data sanitization, and modern authentication methods (OIDC/JWT).
- Write effective unit tests for components, services, pipes, and routing flows.
- Diagnose and enhance runtime performance by leveraging OnPush change detection and subtree optimization.
Course Outline
Module 1. Managing the state in Angular
- Apply state management with Reactive Programming
- Application With NGRX Signal Store
- What is a Store
- Using signalState and signalStore
- The advantages of using Entity Management
- Providing and Injecting the Store in a component
- Reading and using the State
- Understanding Lifecycle Hooks
- Using custom Store properties
Module 2. Angular Routing
- Getting route information in code
- Using Router Lifecycle and Events
- Implementing a Route data resolver
- Using Lazy loading
- Preventing unauthorized access using Route guards
Module 3. Angular Security
- Angular Security Best Practices
- Preventing cross-site scripting (XSS) and Sanitization
- Content security policy in Angular as defense in depth
- Implementing Cross-site request forgery in Angular
- Best practices for Authentication and Authorization
- Using OpenID Connect (OIDC) and JWT Tokens
- Implementing an Authenticating middleware
Module 4. Angular Testing
- The role of Unit testing in Angular
- Testing of Angular components
- Testing of Angular services
- Testing of Angular pipes
- Testing Routing and Navigation
- Generating code coverage reports
Module 5. Angular Performance
- Introduction to Runtime performance optimization
- Slow computations and how to identify them
- Skipping component subtrees
- Understanding and using OnPush change detection
Requirements
Participants are expected to possess practical experience with Angular.
Open Training Courses require 5+ participants.
Angular Advanced Training Course - Booking
Angular Advanced Training Course - Enquiry
Angular Advanced - Consultancy Enquiry
Testimonials (1)
The SignalStore concepts since they were new to me.
Alexander Ivanov
Course - Angular Advanced 2 days
Upcoming Courses
Related Courses
Angular 13
28 HoursThis instructor-led, live training in Serbia (online or in-person) is aimed at developers who wish to use the latest features of Angular 13 to build, test, and deploy web applications.
By the end of this training, participants will be able to:
- Use TypeScript and Angular CLI to develop Angular 13 applications.
- Develop, test, and deploy Angular 13 web applications.
- Create web components that can be used for any web application or page.
Angular 2 Fundamentals
21 HoursThis instructor-led, live training in Serbia (online or onsite) is aimed at beginner-level to intermediate-level developers who wish to build dynamic, modern web applications using Angular 2.
By the end of this training, participants will be able to:
- Set up and configure Angular 2 projects.
- Utilize Angular 2's features and improvements.
- Develop robust, scalable applications using Angular 2.
- Implement best practices for code organization and architecture.
- Integrate Angular applications with RESTful APIs.
Angular JavaScript
28 HoursThis practical course is designed for anyone looking to build websites using AngularJS.
The latest stable version of the framework will be utilized during the training. Pre-release versions may be used if specifically noted in the remarks section of the booking form. Use of older versions requires prior agreement at the time of booking.
AngularJS Basics
14 HoursAngularJS is a JavaScript framework designed to accelerate application development.
Target Audience
- Software developers
- Programmers
- JavaScript architects
Learning Objectives
- Transition your thinking from traditional procedural or object-oriented programming paradigms to the AngularJS approach.
- Gain the ability to build Single Page Applications (SPAs) using AngularJS.
Course Structure
- 40% theoretical lectures, 60% hands-on laboratory sessions
Angular 12
28 HoursThis live, instructor-led training delivered Serbia (online or onsite) is designed for programmers who want to create, test, and deploy Angular applications using the latest features available in Angular 12.
By the conclusion of this training, participants will be able to:
- Develop Angular 12 applications using TypeScript and the Angular CLI.
- Create loosely coupled web components that can be utilized in any web application or HTML page.
- Test, debug, and deploy an Angular 12 application.
- Organize Angular 12 projects adhering to best practices.
Angular 14
28 HoursThis instructor-led live training in Serbia (available online or onsite) is designed for developers and programmers who want to apply the latest Angular 14 features to construct, test, and deploy web applications.
After finishing this training, participants will be able to:
- Install and configure Angular 14.
- Develop applications using Angular 14's component-based architecture.
- Utilize Angular 14's built-in directives, services, and pipes.
- Connect with a RESTful API using Angular 14's HttpClient module.
- Implement authentication and authorization in Angular 14 applications.
- Test and debug Angular 14 applications.
Angular 15
28 HoursThis instructor-led, live training in Serbia (online or on-site) is designed for developers and programmers aiming to apply the latest Angular 15 features to build, test, and deploy web applications.
By the conclusion of this training, participants will be able to:
- Install and configure Angular 15.
- Develop applications using Angular 15's component-based architecture.
- Leverage Angular 15's built-in directives, services, and pipes.
- Communicate with a RESTful API using Angular 15's HttpClient module.
- Implement authentication and authorization in Angular 15 applications.
- Test and debug Angular 15 applications.
- Understand the new features of Angular 15 such as Image Directive, CDK List for Building UI Components, Boilerplate Reduction in Guards, and Improvements in esbuild for Faster Builds.
Angular 16
28 HoursThis instructor-led live training in Serbia (online or onsite) is designed for beginner to intermediate developers who want to leverage the latest Angular 16 capabilities to build, test, and deploy web applications.
Upon completion of this training, participants will be able to:
- Configure a development environment incorporating Node.js, Visual Studio Code, and Angular CLI.
- Develop a foundational Angular 16 application that renders data and manages user interactions.
- Utilize components, directives, pipes, services, and modules to structure and reuse code effectively.
- Employ data binding, dependency injection, routing, forms, and the HTTP client to interface with backend services.
- Debug and test Angular 16 applications using tools such as Chrome DevTools, Jest, Karma, and Protractor.
Angular 17
28 HoursThis instructor-led live training in Serbia (online or onsite) targets beginner to intermediate developers who want to apply Angular 17's latest features to build, test, and deploy web applications.
By the end of this training, participants will be able to:
- Configure a development environment including Node.js, Visual Studio Code, and Angular CLI.
- Build a basic Angular 17 application that displays data and manages user interactions.
- Organize and reuse code using components, directives, pipes, services, and modules.
- Communicate with backend services using data binding, dependency injection, routing, forms, and the HTTP client.
- Simplify common tasks like conditional rendering, looping, and handling empty collections using the new template control block syntax.
- Enable lazy-loading of block content and dependencies using the new @defer control block.
- Customize animations and transitions between views using the new View Transitions API.
- Debug and test Angular 17 applications using tools such as Chrome DevTools, Jest, Karma, and Protractor.
Angular 18
28 HoursThis instructor-led live training in Serbia (online or on-site) targets beginner to intermediate developers looking to develop dynamic, modern web applications using Angular 18.
By the conclusion of this training, participants will be able to:
- Set up and configure Angular 18 projects.
- Utilize Angular 18's new features and improvements, including optimized TypeScript 4.7 capabilities and zoneless change detection.
- Develop robust, scalable applications using Angular 18.
- Implement best practices for code organization and architecture.
- Integrate Angular applications with RESTful APIs.
Angular 19
28 HoursThis live, instructor-led training in Serbia (online or onsite) is designed for intermediate-level web developers who want to build, test, and deploy Angular 19 applications utilizing the latest tooling, component architecture, and best practices.
By the end of this training, participants will be able to:
- Set up and configure an Angular 19 development environment using the Angular CLI.
- Create components, directives, services, and reactive forms.
- Use routing, HTTP client, and state management with RxJS and signals.
- Build, test, and deploy production-ready Angular applications.
Angular 20
21 HoursAngular is a contemporary, TypeScript-driven framework designed for developing scalable, high-performance web applications.
This instructor-led live training, available online or onsite, targets beginner to intermediate developers eager to construct, structure, and deploy applications using Angular 20.
Upon finishing this course, participants will be capable of:
- Developing Angular 20 applications adhering to best practices.
- Utilizing components, templates, and standalone APIs.
- Implementing routing, state management, and HTTP communication.
- Creating production-ready applications with optimized performance.
Course Format
- Instructor-guided demonstrations and discussions.
- Ample hands-on exercises and coding practice.
- Real-world implementation within an interactive development environment.
Course Customization Options
- For a tailored version of this course, please contact us to arrange a custom program.
Angular 20 Advanced
21 HoursAngular 20 is a powerful front-end framework designed for creating scalable and high-performance web applications.
This instructor-led live training, available online or onsite, is tailored for advanced developers aiming to build sophisticated, enterprise-grade Angular 20 applications.
Upon completing this course, participants will be able to:
- Apply advanced state management techniques using modern Angular patterns.
- Optimize rendering and performance across large-scale applications.
- Architect reusable, maintainable, and scalable Angular 20 modules.
- Effectively integrate advanced routing, signals, and reactive patterns.
Course Format
- Expert-led lectures with collaborative discussions.
- Extensive hands-on coding exercises.
- Practical implementation in a real-world development environment.
Customization Options
- Custom training options are available upon request for teams with specific requirements.
Angular 21
21 HoursThis course is tailored for learners who possess a basic grasp of web development principles, including familiarity with HTML, CSS, and practical experience with JavaScript or TypeScript. It is ideally suited for front-end developers moving to modern Angular, software engineers constructing scalable web applications, and technical professionals aiming to acquire practical, real-world Angular expertise.
Reactive Programming with Angular RxJS
14 HoursReactive programming is an asynchronous paradigm that centers on data streams and the propagation of data by establishing defined dependencies between underlying execution models and emitted data streams across components. Many design inefficiencies in Angular applications, particularly when building asynchronous user interfaces, can be resolved by adopting reactive patterns provided by the RxJS library.
During this instructor-led, live training, participants will learn to integrate Observable patterns into their Angular application designs by working through a series of scenarios that highlight common Angular design challenges and demonstrating how reactive programming offers effective solutions.
By the end of this training, participants will be able to:
- Grasp the core concepts of the reactive programming paradigm and the RxJS library.
- Develop scalable, flexible, and responsive UI-heavy Angular applications by applying reactive programming patterns.
Course Format
- Interactive lectures and discussions.
- Extensive exercises and hands-on practice.
- Practical implementation within a live-lab environment.
Course Customization Options
- To arrange customized training for this course, please contact us to discuss your specific requirements.