Skip to content

Web development · Corporate training

Sample curriculum

Angular

Build structured Angular applications with typed components, reactive forms, and reliable API integration.

  • Foundation to intermediate
  • Live online and in person

At a glance

Who it’s for

Freshers or teams building a foundation in this technology, with the starting knowledge listed here.

Starting point: Foundation to intermediate

Bring these foundations

  • HTML, CSS, JavaScript, and familiarity with TypeScript.
Foundation sessions can be included when needed.

Technologies & tools

  • Angular
  • TypeScript
  • RxJS
  • Angular Material
Setup and versions agreed for your environment.

A practical destination

Skills to practise.

The sample path works towards these capabilities. Final goals reflect your team’s starting point and agreed scope.

  1. 01

    Organise typed components, services and dependency boundaries.

  2. 02

    Connect routes, reactive state and validated forms.

  3. 03

    Test and deliver an accessible business workflow.

Sample curriculum

Follow the learning route.

Each module connects the concepts to practical work. Open a module to explore both.

01Module 1

Angular foundations

Concepts to understand

  • Project setup and component architecture
  • Templates, binding, and directives
  • Dependency injection and services

Practical work

Build a component-based business screen and move shared data access into a service. Explain the dependency-injection boundary.

Show the result. Explain one decision. Identify what you would improve.
02Module 2

Application state & routing

Concepts to understand

  • Reactive state and observable streams
  • Route configuration and nested navigation
  • Guards and feature boundaries

Practical work

Connect nested routes to observable data. Demonstrate how subscriptions and route-level responsibilities are managed.

Show the result. Explain one decision. Identify what you would improve.
03Module 3

Forms & APIs

Concepts to understand

  • Reactive forms and validation
  • HTTP client, interceptors, and error handling
  • RxJS operators and subscription cleanup

Practical work

Create a reactive form and submit it to an API. Display validation and HTTP errors, and clean up asynchronous work.

Show the result. Explain one decision. Identify what you would improve.
04Module 4

Quality & delivery

Concepts to understand

  • Accessible UI with Angular Material
  • Component and service testing
  • Change detection, lazy loading, and deployment

Practical work

Test a component and a service, review keyboard use and inspect loading boundaries before preparing a deployment build.

Show the result. Explain one decision. Identify what you would improve.

A sample project

Bring the skills together.

Build a business application with nested routes, validated forms, service-based data access, and tests.

Shorter engagements can focus on selected exercises. A larger, learner-owned capstone can be scoped for a longer programme.

Review the work & reasoning

Four useful questions.

  1. 01

    Does the work meet the agreed requirements?

  2. 02

    Can the learner explain the key decisions and trade-offs?

  3. 03

    What happens with invalid input, failure or an unexpected condition?

  4. 04

    What would they change or explore next?

Designed & delivered by Ragav Kumar V.

Training since 2016 · 100+ batches · 3,000+ professionals trained

Live demonstrations, guided exercises, pair work and project reviews connect the concepts to implementation. We agree the goals, starting knowledge, cohort size, delivery and schedule before shaping the final curriculum.

Shape this for your team