Programming Languages

★★★★★

(2,095 ratings) 50,000+ Student

ANGULAR (V17–18)

Angular Training Syllabus (Version 17 & 18 Training Outline (TOC)) focuses on building dynamic, modern, & responsive web applications using Angular. This training covers TypeScript, RxJS, REST API integration, testing & deployment, making it essential for mastering frontend development. It is ideal for frontend developers, full-stack engineers & UI developers aiming to enhance their expertise in Angular-based web application development.

Radical Technologies

50,000+ English 40 hours Weekdays / Weekends Classroom / Online / Corporate

Online / Classroom

ANGULAR (V17–18)

IT Training Programme

Duration 40 hours

Batch Type Weekdays / Weekends

Mode of Training Classroom / Online / Corporate

Locations Pune, Bangalore, Kochi

Language English

Certification Globally Recognized

Call Now

100% placement assistance

What you'll learn

Understand core concepts and architecture from the ground up

Get hands-on with the tools used by working professionals

Build real-world projects you can add to your portfolio

Learn industry best practices and coding standards

Practice with real datasets and real-world scenarios

Prepare for certification and technical interviews

Work on collaborative, team-based exercises

Apply performance tuning and optimization techniques

Understand how the technology fits into a larger ecosystem

Complete assignments reviewed by mentors

Programme Overview

20 sections covering the complete curriculum — a single, progressive learning arc.

40 hours

Training Duration

Core Modules

140

Total Lessons

4.4★

Average Rating

50K+

Students Trained

Foundations & Core Concepts

Get hands-on with the fundamentals and architecture — the building blocks for everything that follows.

Fundamentals Architecture Setup

Hands-On Practical Training

Work through real exercises and assignments designed to mirror what you will do on the job.

Practicals Assignments Labs

Real-World Projects

Apply what you have learned to end-to-end projects that go straight into your portfolio.

Projects Portfolio Case Studies

Advanced Techniques

Go beyond the basics with advanced concepts, integrations and production-grade practices.

Advanced Integration Best Practices

Ecosystem Integration

Understand how this technology connects with the broader tools and platforms used in the industry.

Ecosystem Tools Platforms

Performance & Interview Prep

Master optimization techniques and prepare for the technical interview questions employers actually ask.

Optimization Interview Prep Certification

Who is this programme for?

Whether you're already writing code, working with data, or supporting applications today — this programme is built to take you into a Programming Languages role.

Software Developers

Engineers who want to add this skill set to their toolkit

Analysts & Consultants

Professionals moving into a more technical, hands-on role

IT Professionals

System admins and support engineers upskilling into a new domain

Fresh Graduates

CS/IT graduates aiming for a job-ready technical role

Course Curriculum

20 sections • 140 lessons • 40 hours

Jump to Section

Total Duration

40 hours

100% Practical · Unlimited Doubt Sessions

01 Training Objectives

• Master Angular framework for building modern, scalable, and dynamic web applications.

• Learn TypeScript, components, directives, services, and RxJS for reactive programming.

• Integrate REST APIs, apply state management, and deploy production-ready Angular apps.

• Implement routing, lazy loading, forms, validation, and unit testing with real world examples.

02 Duration: 40 Hours

Mode: Instructor-led / Online / Hands-on Lab

Structure:

• 60% Practical Implementation

• 25% Concepts & Best Practices

• 15% Assignments & Projects

03 Module 1: Introduction to Angular Framework (3 Hours)

Topics:

• What is Angular? – Evolution from AngularJS to Angular 17/18

• SPA (Single Page Application) Concepts

• Node.js, npm, and Angular CLI Setup

• Project Structure and Folder Overview

• First Angular Application (Hello World)

Assignment 1:

›Set up Angular CLI, create a new project, and render “Hello Angular!” in the browser.

04 Module 2: TypeScript for Angular Developers (4 Hours)

Topics:

• Introduction to TypeScript

• Data Types, Classes, Interfaces, and Access Modifiers

• Arrow Functions, Modules, and Decorators

• Generics, Enums, and Namespaces

• Compiling TypeScript with tsconfig.json

Assignment 2:

›Create a TypeScript class implementing an interface for managing student records.

05 Module 3: Components & Data Binding (6 Hours)

Topics:

• Creating and Registering Components

• Component Communication: Input(), Output(), and EventEmitter()

• String, Property, Event, and Two-Way Data Binding

• ViewEncapsulation and Lifecycle Hooks (ngOnInit, ngOnChanges, etc.)

Project Task 1:

Build a User Profile Dashboard using component communication and two-way binding.

06 Module 4: Directives and Pipes (4 Hours)

Topics:

• Built-in Directives: *ngIf, *ngFor, ngSwitch, ngClass, ngStyle

• Creating Custom Directives

• Pure and Impure Pipes

• Creating Custom Pipes

• Using AsyncPipe for Observables

Assignment 3:

›Create a custom pipe to format phone numbers and a directive for hover effects.

07 Module 5: Services, Dependency Injection & Observables (6 Hours)

Topics:

• Creating and Injecting Services

• Hierarchical Injector System

• Introduction to RxJS

• Observables, Subjects, and Subscriptions

• Async Operations with Observables

• Memory Management and Unsubscription Techniques

Project Task 2:

Build a Notification Service that broadcasts messages using Observables.

08 Module 6: HTTP Client & REST API Integration (6 Hours)

Topics:

• Using HttpClientModule for API Calls

• GET, POST, PUT, DELETE Operations

• Handling Errors with RxJS catchError

• HTTP Interceptors for Authentication & Logging

• Working with Async Data Streams

Assignment 4:

›Connect Angular app to a public REST API (e.g., JSONPlaceholder) and display data in a table.

09 Module 7: Routing and Navigation (6 Hours) Topics:

Topics:

• Configuring Routes and RouterOutlet

• Route Parameters and Query Params

• Route Guards (CanActivate, CanDeactivate)

• Lazy Loading and Preloading Strategies

• Wildcard Routes and Redirects

Project Task 3:

Implement a multi-page blog app with lazy-loaded modules and route guards.

10 Module 8: Forms and Validation (5 Hours)

Topics:

• Template-Driven vs Reactive Forms

• FormBuilder, FormControl, FormGroup

• Custom Validators and Error Messages

• Dynamic Form Controls

• File Upload using Reactive Forms

Assignment 5:

›Create a signup form with reactive validation and password strength check.

11 Module 9: State Management with RxJS & NgRx (6 Hours)

Topics:

• Application State vs Local Component State

• Introduction to Redux Pattern

• NgRx Store, Actions, Reducers, and Elects

• State Selectors and Async Data Handling

• Debugging with Redux DevTools

Project Task 4:

Implement NgRx state management for a shopping cart module.

12 Module 10: Angular Material & UI Design (4 Hours)

Topics:

• Installing Angular Material and Theming

• Material Components: Buttons, Cards, Toolbar, Dialog, Table

• Responsive Design with FlexLayout and Grid

• Custom Styling with SCSS and Tailwind CSS (Optional)

Assignment 6:

›Create a dashboard UI using Angular Material components.

13 Module 11: Unit Testing & Debugging (4 Hours)

Topics:

• Jasmine and Karma Testing Frameworks

• Writing Unit Tests for Components and Services

• Mocking HTTP Calls and Dependency Injection

• Debugging with Chrome DevTools and Augury Extension

• Code Coverage and Test Best Practices

Assignment 7:

›Write unit tests for at least two Angular components and validate test coverage.

14 Module 12: Build, Optimization & Deployment (4 Hours)

Topics:

• Environment Configuration (dev/prod)

• Build Optimization (Ahead-of-Time Compilation, Lazy Loading)

• Versioning and Linting

• Deployment to Firebase, AWS S3, or Nginx Server

• CI/CD Setup with GitHub Actions

Project Task 5:

Deploy your Angular project to Firebase Hosting with environment-based

configurations.

15 Module 13: Advanced Topics (Optional) (4 Hours)

Topics:

• Angular Signals (v17+ feature)

• Standalone Components and Functional Guards

• Server-Side Rendering (SSR) with Angular Universal

• Progressive Web Apps (PWAs)

• Microfrontend Architecture (Nx Workspace)

Project Task 6:

Convert an existing Angular app into a PWA with olline caching and push notifications.

16 Capstone Project (8–10 Hours)

Final Project Options (Choose One):

1. E-Commerce Application – Product listing, cart, checkout, authentication, and order tracking.

2. Employee Management Portal – CRUD operations, search/filter, and JWT-based authentication.

3. Real-Time Chat Application – Using WebSocket + RxJS for live messaging.

4. Expense Tracker App – Dynamic charts, local storage, and API integration.

17 Deliverables

• Full Source Code (GitHub Link)

• Documentation & Screenshots

• Deployed Application URL

18 Assignments Summary

ModuleAssignment / ProjectOutcome

›1
›Angular setup & CLI
›Basic setup
›2
›TypeScript OOP example
›Coding foundation
›3
›Components & binding
›Reusable UI
›4
›Directives & pipes
›UI customization
›5
›Observables service
›Reactive programming
›6
›REST API CRUD
›API integration
›7
›Routing & guards
›SPA navigation
›8
›Forms validation
›Data input handling
›9
›NgRx state management
›App-wide data handling
›10
›Angular Material
›Responsive UI
›11
›Testing & debugging
›Code reliability
›12
›Deployment
›Production readiness

19 Learning Outcomes

By completing this training, learners will:

• Build dynamic, modular, and scalable Angular web applications.

• Integrate RESTful APIs and Reactive State Management (NgRx).

• Apply modern UI/UX design with Angular Material.

• Perform unit testing, debugging, and deployment to cloud platforms.

• Be ready for roles like Frontend Developer, Angular Developer, or Full Stack Engineer.

20 Career Roles After Training

• Angular Developer / Frontend Developer

• UI Engineer

• Full Stack Web Developer (Angular + Node.js / Java / .NET)

• Web Application Developer

• Frontend Lead / Architect

Tools & Technologies

Every tool listed here is installed, configured and used in a hands-on lab session.

Core Tools

Hands-On Labs

Practical Environment

Industry-Standard Tools

Real-World Setup

Guided Exercises

Skill Building

Sample Datasets

Practice Material

Practice & Projects

Mini Projects

Applied Practice

Assignments

Mentor Reviewed

Doubt Sessions

Live Support

Career Readiness

Resume Building

Career Support

Mock Interviews

Interview Prep

Certification Prep

Global Recognition

Deployment & Delivery

Production Practices

Real-World Ready

Best Practices

Industry Standards

140+

Hands-On Lessons

Core Modules

40 hours

Training Duration

100%

Practical Training

You don't just learn ANGULAR (V17–18). You ship it.

Three major projects, each mirroring how production teams actually work — from guided foundations to a portfolio-ready capstone.

PROJECT // 01

Guided Foundation Project

→Requirement Analysis

→Guided Implementation

→Mentor Review

→Iteration

Foundation Beginner

Apply the fundamentals in a structured, mentor-reviewed project

Take the core concepts from the first half of the curriculum and apply them to a realistic scenario, with guidance and feedback from your mentor at every step.

Structured project brief

Step-by-step implementation

Mentor feedback and review

Documented outcome

Stack Core Concepts Best Practices

PROJECT // 02

Applied Practice Project

→Scenario Design

→Independent Build

→Testing & Validation

→Peer Review

Applied Intermediate

Build a more independent project mirroring real production scenarios

Work through a project that combines multiple concepts from the curriculum, closer to how work is actually structured on the job — less hand-holding, more ownership.

End-to-end implementation

Testing and validation

Documentation

Peer/mentor review

Stack Applied Skills Testing

PROJECT // 03

Capstone Project

→Planning

→End-to-End Build

→Review & Refinement

→Presentation

Capstone Advanced

Take a project from requirements to a polished, portfolio-ready deliverable

Your final project — plan, build, test and present a complete solution using everything covered in the curriculum, reviewed by mentors before you graduate.

Complete working solution

Presentation-ready documentation

Mentor sign-off

Portfolio-ready deliverable

Stack Full Curriculum Portfolio

All 3 projects go directly into your portfolio & resume — reviewed by mentors before you graduate.

See Sample Project Reports

Upcoming Batches

No upcoming batches scheduled right now. Enquire to get notified.

Why Radical Technologies

Live Online Training

Highly practical oriented training
Installation support on your system
24/7 Email and Phone support
100% Placement Assistance
Global Certification Preparation
Trainer-Student Interactive Portal
Assignments and Projects by Mentors

Enroll Now

Live Classroom Training

Weekend / Weekdays / Morning / Evening batches
80:20 Practical and Theory ratio
Real-life Case Studies
Easy make-up for missed sessions
PSI | Kryterion | Redhat Test Centers
Lifetime Video Classroom Access (coming soon)
Resume Prep and Mock Interviews

Enroll Now

Self-Paced Training

Learn 300+ courses at your own time
50,000+ Satisfied Learners
Course Completion Certificate
Practical Labs available
Mentor Support available
Doubt Clearing Session available
10% Discounted Global Certification

Enroll Now

Like the Curriculum? Let's Get Started

Join 50,000+ students already enrolled at Radical Technologies

Enroll Now

Global Certification

Radical Technologies is the leading IT certification institute in Pune, offering globally recognized certifications across various domains. With expert trainers and comprehensive materials, we ensure students gain in-depth knowledge and hands-on experience to excel in their careers. Our certification programs are tailored to meet industry standards — from cloud technologies to data science — empowering individuals to stay ahead in the ever-evolving tech landscape.

Career Services

At Radical Technologies, we are committed to your success beyond the classroom. Our 100% Job Assistance program ensures that you are not only equipped with industry-relevant skills but also guided through the job placement process. With personalised resume building, interview preparation, and access to our extensive network of hiring partners, we help you take the next step confidently into your IT career.