top of page

Angular Expert

Duration

Course Code

3 Days

IV-DC-008

About the Course

This intensive 3-day workshop dives into advanced features of the Angular framework, covering modular architecture, state‐management with NgRx, performance tuning, testing, security and continuous-deployment practices.


By the end of the training, participants will have built a robust, secure, scalable Angular application integrating advanced patterns & deployment workflows.


Target Audience


This course is designed for:

  • Front-end developers who already work with Angular and want to elevate their skills to build enterprise-grade applications.

  • Full-stack developers who want to take ownership of the front-end architecture and delivery lifecycle (from code through deployment).

  • Technical leads or architects looking to define or review Angular best-practices, module/feature design, state-management strategy, performance tuning and CI/CD of Angular apps.

  • Developers and engineers who want to work on larger scale or more complex Angular apps (multi-module, lazy-loaded, with advanced state-management and security requirements). If you have only used Angular for small apps or prototypes, you may want to first solidify your basics, this course assumes that baseline and goes deep.


Prerequisites


To get the most from this course, attendees should already have the following:

  • Solid working experience with Angular (at least one full application built).

  • Strong familiarity with components, services, routing and modules in Angular.

  • Comfortable with TypeScript (interfaces, generics, asynchronous programming).

  • A good working understanding of RxJS basics (observables, operators, subscriptions).

  • Basic familiarity with HTML5, CSS3 (or a pre-processor) and responsive UI principles.

  • Prior exposure to building or deploying an Angular app (even at a basic level).


These prerequisites ensure that the course can focus on advanced design, architecture and execution, rather than catching up on fundamentals.


Why attend the training


By the end of the workshop you will:

  • Understand how to design Angular module architecture for scaling (lazy-loading, shared modules, feature modules) and manage component communication effectively.

  • Be proficient in advanced directives and pipes, and how to use them to simplify complex UI logic.

  • Be capable of integrating and managing application state using NgRx: defining actions, reducers, selectors, effects and best practices in large-scale apps.

  • Gain deep RxJS knowledge: advanced operators, stream composition, and how to debug or optimise reactive code.

  • Know how to identify and remedy performance bottlenecks in Angular applications (change-detection strategies, on-push, trackBy, virtualization, etc.).

  • Be able to plan, write and execute unit tests for Angular components, services and NgRx store; understand testing strategies for applications with complex state.

  • Understand security-best-practices in Angular apps: protecting routes, managing roles/permissions, securing APIs, cross-site scripting, content-security-policy, etc.

  • Know how to set up continuous integration/continuous deployment (CI/CD) pipelines for Angular apps: automating builds, tests, linting, deploying to production or scalable hosting.

  • Walk away with a completed case project: a fully-functioning Angular application built during the course that showcases the above architectural, performance, state and deployment practices.

  • Receive course materials, access to sample code/templates and a certificate of completion from Invictus Technology Solutions.

 

Course Outline


Day 1: Advanced Component and Module Design 

 

  • Component Communication 

  • Lazy Loading and Modular Architecture 

  • Advanced Directives and Pipes 

  • Hands-on: Build a Multi-Module Application 

 

Day 2: State Management & Performance Optimization 

 

  • Advanced State Management (NgRx) 

  • Performance Optimization 

  • RxJS Deep Dive 

  • Hands-on: Integrate NgRx Store into a Large-Scale App 

 

Day 3: Testing, Security, and Advanced Deployment 

 

  • Unit Testing in Angular 

  • Security Best Practices 

  • Advanced Deployment & CI/CD 

  • Final Project: Build a Secure and Scalable Angular App with State Management & CI/CD 

bottom of page