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 realworld examples.

.module-table-wrap { overflow-x: auto; background: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06); padding: 12px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color: #111827; } .module-table-wrap table { width: 100%; border-collapse: collapse; min-width: 640px; } .module-table-wrap caption { text-align: left; font-weight: 700; margin-bottom: 8px; font-size: 1.05rem; } .module-table-wrap thead th { text-align: left; padding: 10px 12px; font-size: 0.95rem; border-bottom: 2px solid #e6eef6; background: linear-gradient(180deg, #fbfdff, #f4f8fb); position: sticky; top: 0; z-index: 1; } .module-table-wrap tbody td { padding: 10px 12px; border-bottom: 1px solid #eef4f8; vertical-align: middle; font-size: 0.95rem; } .module-table-wrap tbody tr:nth-child(even) { background: #fbfdff; } .module-table-wrap .module-number { width: 72px; font-weight: 700; text-align: center; color: #0f172a; background: rgba(15, 23, 42, 0.03); border-radius: 6px; } @media (max-width: 640px) { .module-table-wrap thead th { font-size: 0.9rem; } .module-table-wrap tbody td { font-size: 0.9rem; padding: 8px 10px; } .module-table-wrap .module-number { width: 56px; } } Module Assignment / Project Outcome 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

ANGULAR ( V 17 & 18 )

Featured Review

4.6 (2093 Ratings)

Learn modern web development using Angular 17 and 18, Google’s powerful front-end framework. This course covers setup, components, directives, services, and routing for building dynamic single-page applications. You’ll master reactive programming with RxJS and API integration. Explore the latest Angular features like standalone components and improved build tools. Perfect for developers aiming to build fast, scalable

0 +

Google Reviews

0 +

JustDial Reviews

Overview

The Syllabus

Curriculum Designed by Experts

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 realworld examples.

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

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

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.

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 elects.

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.

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

Module 7: Routing and Navigation (6 Hours)

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.

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.

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.

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

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

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.

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.

Assignments Summary

Module	Assignment / Project	Outcome
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

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

Enquire Now

Why Radical Technologies

Live Online Training

Highly practical oriented training

Installation of Software On your System

24/7 Email and Phone Support

100% Placement Assistance until you get placed

Global Certification Preparation

Trainer Student Interactive Portal

Assignments and Projects Guided by Mentors

And Many More Features

Course completion certificate and Global Certifications are part of our all Master Program

Live Classroom Training

Weekend / Weekdays / Morning / Evening Batches

80:20 Practical and Theory Ratio

Real-life Case Studies

Easy Coverup if you missed any sessions

PSI | Kryterion | Redhat Test Centers

Life Time Video Classroom Access ( coming soon )

Resume Preparations and Mock Interviews

And Many More Features

Course completion certificate and Global Certifications are part of our all Master Program

Self Paced Training

Self Paced Learning

Learn 300+ Courses at Your Own Time

50000+ Satisfied Learners

Course Completion Certificate

Practical Labs Available

Mentor Support Available

Doubt Clearing Session Available

Attend Our Virtual Job Fair

10% Discounted Global Certification

Course completion certificate and Global Certifications are part of our all Master Program

Like the Curriculum ? Let's Get Started

Global Certification

Radical Technologies is the leading IT certification institute in Kochi, offering a wide range of globally recognized certifications across various domains. With expert trainers and comprehensive course materials, it ensures that students gain in-depth knowledge and hands-on experience to excel in their careers. The institute’s certification programs are tailored to meet industry standards, helping professionals enhance their skillsets and boost their career prospects. From cloud technologies to data science, Radical Technologies covers it all, empowering individuals to stay ahead in the ever-evolving tech landscape. Achieve your professional goals with certifications that matter.

Upcoming BATCHES

Live Classes from IIT Faculty & Industry Experts
Certification from IHUB IIT Roorkee
Career Services (Mock Interviews, Resume Preparation)
Placement Assistance upon clearing PRT
Dedicated Learning Manage

Discount Voucher

"Register Now to Secure Your Spot in Our Featured Course !"

BOOK HERE

career services

Job Assistance
Interview Preparation
Profile Buliding

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 personalized 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. Join us and let your journey to a successful future begin with the right support.

At Radical Technologies, we ensure you’re ready to shine in any interview. Our comprehensive Interview Preparation program includes mock interviews, expert feedback, and tailored coaching sessions to build your confidence. Learn how to effectively communicate your skills, handle technical questions, and make a lasting impression on potential employers. With our guidance, you’ll walk into your interviews prepared and poised for success.

At Radical Technologies, we believe that a strong professional profile is key to standing out in the competitive IT industry. Our Profile Building services are designed to highlight your unique skills and experiences, crafting a resume and LinkedIn profile that resonate with employers. From tailored advice on showcasing your strengths to tips on optimizing your online presence, we provide the tools you need to make a lasting impression. Let us help you build a profile that opens doors to your dream career.

Radical Learning Eco-System

Exam simulator

Cloud Send Borey

Hands - on Cloud Lab

Developer Coding Ground

Testimonials

Play

Our Alumni

Online Batches Available for the Areas

Angular ( V 17 & 18 ) Course Certification with Training in Kochi

Q: 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

Q: 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

Q: 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.

Q: 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 elects.

Q: 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.

Q: 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

Q: Module 7: Routing and Navigation (6 Hours)

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.

Q: 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.

Q: 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.

At Radical Technologies, we are committed to providing world-class Azure Data Engineer Training in Bangalore, helping aspiring data professionals master the skills needed to excel in the rapidly growing field of cloud data engineering. As the leading institute for Azure Data Engineer Course In Bangalore, we offer comprehensive, hands-on training designed to meet the demands of today’s data-driven organizations.

Our Azure Data Engineer Training Bangalore program covers every aspect of the Azure Data Engineer Syllabus, ensuring that students receive in-depth knowledge of data architecture, data processing, and data storage on Microsoft Azure. Whether you prefer attending classes in-person or via Azure Data Engineer Online Training, Radical Technologies provides flexible learning options to suit your needs.

Our Azure Data Engineering Training is renowned for its practical, real-world approach. Students have access to an industry-leading Azure Data Engineer Bootcamp, which combines theory and hands-on labs to ensure they are fully prepared for their certification exams. The Microsoft Azure Data Engineer Training is tailored to cover all key topics, from data integration to security, and is led by experienced professionals who are experts in their field.

For professionals and organizations seeking Azure Data Engineering Corporate Training, we offer tailored courses that address specific business needs. Our Azure Data Engineering Corporate Training Course ensures that teams gain practical experience in building scalable, secure, and efficient data solutions on Azure.

At Radical Technologies, our Azure Data Engineer Courses are structured to ensure that both beginners and experienced professionals alike can enhance their knowledge. The Azure Data Engineer Certification Training offered here equips students with the skills and credentials needed to stand out in a competitive job market.

Our institute also offers the Azure Data Engineer Full Course, which provides a comprehensive pathway for mastering Azure Data Engineering concepts and techniques. We take pride in being one of the top Azure Data Engineer Institutes in Bangalore, with a proven track record of helping students achieve their Azure Data Engineering Certification.

Whether you are looking for Azure Data Engineer Training Online or prefer our in-person classes in Bangalore, Radical Technologies is your trusted partner for career advancement in data engineering. Join us today to enroll in the Best Azure Data Engineer Course and kick-start your journey towards becoming a certified data engineer.