Module 1: Why Angular
- Course Overview
- Introduction to Single Page Application
- How web works
- Setting up the Development Environment.
- Angular Application Architecture
- Angular CLI
- Project Layout
Angular Web Development Framework
This 80hrs (Lectures + hands-on Lab) Angular web development framework training is designed for personnel involved in developing user interfaces and building large, scalable apps with Angular, a web application framework developed by Google. Angular Web Development Framework at RST Forum is a 80-hour instructor-led course (lectures plus hands-on lab practice) at advanced level. Classroom batches run at our Mumbai campus and the same batch streams live-online across India; the fee is ₹20,000.
- Duration
- 80 hours
- Training mode
- Classroom & online
- Course fees
- ₹20,000
- Level
- Advanced
Live, Instructor led (ILT)
Mumbai campus
for working engineers
Course details verified
Please note that the course fees exclude the certification cost.
Overview
Who should attend
This 80hrs (Lectures + hands-on Lab) Angular web development framework training is designed for personnel involved in developing user interfaces and building large, scalable apps with Angular, a web application framework developed by Google. This course provides candidates with in-depth knowledge to develop user-friendly, secure, and scalable single page web applications and enhances programming skills, potentially opening doors to new job opportunities. Candidates will learn core Angular concepts such as Components, Directives, Services, Data Binding, Parent-Child communication and vice-versa, and Routing. This course also trained candidates in advance topics like Wiring up Back-end, Reactive Forms, Dependency Injections among others, Consuming REST APIs over Http, working with RxJs, Pipes, Hooks, App security, CORS, Lazy loading, and more. This is a lab-intensive course and objectives are accomplished through hands on learning.
Outcomes
Skills you'll gain
- Why Angular
- Working with Typescript
- Angular Template Syntax
- Understanding Angular Components
- Working with Pipes
- Directives in Angular
- Angular Module
- Angular Forms
- Routing and Navigation Between Pages
- Angular Services
- TypeScript
- Angular App Security
- Working with RxJs
- Custom Validators
- Build Your Own Email-Client Server Application
- Bit about App Testing
Objectives
What you'll be able to do
The course objectives, as the vendor's own blueprint states them.
- Master the fundamentals of Angular, including components, services, pipes, and directives.
- Create reusable components.
- Understand how to design and architect large apps.
- Build modular apps.
- Enhance performance by leveraging lazy loading.
- Learn Typescript.
- Use RxJs to declaratively manage data.
- Connect to backend databases like MySQL, Postgres.
- Understand how to handle security in your Angular code.
- Build amazing single page applications with Angular and Typescript.
- Build a portfolio of projects to show any potential employer.
- Architect large apps effectively using Typescript + Angular's Module system.
- Deploy Angular Apps on cloud platform.
Included
What you get
- Curriculum based on course outlines by Google and best practices.
- This Instructor-led classroom course is designed with an aim to build theoretical knowledge supplemented by ample hands-on lab exercises.
- Facility of Lab on cloud available.
- Courseware includes reference material to maximize learning.
- Assignments and tests to ensure concept absorption.
- Repeating of lectures allowed (On approval basis)
- Candidates can attend lectures online.
After the course
Placements & outcomes
Placement assistance is included: CV preparation, interview drills with real scenario questions, and referrals through our alumni network of 1 million+ engineers trained since 1997.
16 modules
Full syllabus
Every module below is taught live and practiced hands-on - nothing here is a slide-only topic.
Module 2: Working with Typescript
- What is TypeScript?
- Basic Types in TypeScript
- Variable Declarations using ‘let’ and ‘const.’
- Classes
- Interfaces
- Arrow Functions
- Modules
- fetch API
- async / await.
Module 3: Angular Template Syntax
- Event Binding Syntax
- Property Binding Syntax
- Interpolation Syntax
- Tracking Input State
- Tracking Additional Properties
- Handling Text Input
- Structural Directives
- Module Project: Random Password Generator
Module 4: Understanding Angular Components
- Purpose of Components in Angular.
- Components Creation using Angular CLI.
- Parent-Child Component Communication
- Deploy Cisco SD-WAN Devices Using Configuration Groups.
- Understanding Structural Directives
- Module Project: Create a Typing Game
Module 5: Working with Pipes
- Pipes Overview
- Pipe in Action
- Formatting Dates using Dates Pipe
- Formatting Currency using Currency Pipe
- Create your own Pipe.
- Displaying JSON
Module 6: Directives in Angular
- NgClass Directive
- NgFor
- NgIf
- Multiple Directives with Ng-Container
- NgSwitch
- Custom Directives
- Structural Directives
Module 7: Angular Module
- Module Overview
- Working with Modules
- Data/Property Binding
- Built-In Directives
- Inter-component Communication (@Input/@Output, Event Emitter)
- Template variables (ViewChild/ContentChild)
- Lifecycle hooks
- Lazy Loading with Modules
Module 8: Angular Forms
- Template Driven Forms
- Reactive forms
- Form Validations
- Custom Synchronous form validations
- Custom Asynchronous form validations
Module 9: Routing and Navigation Between Pages
- Routing Overview.
- RouterOutlet Element
- Navigating with Router Link
- Styling an Active Link
- Create Not Found Routes
- Reordering Router Links
- Working with Child Navigation Routes
- Child Component Routing
- Matching Exact Routing Paths
- Child routes
- Route params
- Route Guards - CanActivate, CanActivateChild, CanDeactivate
- Lazy loading implementation
- Router Unwraps Default Imports
- Enablement to Develop Multi-Route Application
Module 10: Angular Services
- Overview of Angular Services.
- HttpClient, HttpHeaders
- Observables with Operators
- map
- subscribe
- catch, retry .
- Subjects
- Sharing Data across Components using Service
- Http Client
- Handling Data and HTTP Request
Module 11: TypeScript
- Intro to TypeScript.
- Basic Types.
- Type Inference
- Why TypeScript at All When you JavaScript work?
- Function in TypeScript
- Objects
- Classes and Properties
- Interface
- Public and Private Properties and Functions
- Property Assignment Shortcut
- Decorators
- Strict Mode
- Combining Interfaces and Classes
- Class Generics
- Working with Generics Classes and Functions
Module 12: Angular App Security
- Escaping HTML Characters
- XSS Attacks
- Adding Title Links
- CSS Gotcha
- Restricting Routing with Guards
Module 13: Working with RxJs
- Notes on RxJs
- Observable
- Cisco Umbrella DNS Security and SIG Integration.
- Implementing the Processing Pipeline
- Adding an Observer
- Operators and Operator Groups
- Low Level Observables
- Alternative Observer Syntax
- Unicast Observables
- Multicast Observables
- Hot vs Cold Observables
- RxJs Terminology
Module 14: Custom Validators
- The API Server
- Contacting the Backend API
- Cookie Based Authentication
- Username and Password Validation
- Async Validators
- Handling Errors from validation
Module 15: Build Your Own Email-Client Server Application
- Implements Every Concept You Have Learned till now.
- Contacting the Backend API
Module 16: Bit about App Testing
- Introduction to Unit testing
- Test Component
- Test Services
23 labs
Hands-on labs
Structured labs on real equipment, with 24/7 lab-on-cloud access through Skillopia - our own lab platform.
Hands-on labs
2301
Development Environment Setup.
02
Architect and Build Password Generator Application.
03
Architect and Design Card to Display Product Information.
04
Architect and Build Typing Web Application.
05
Create and Use Directives.
06
Architect and Build Modular Application using Angular Modular System.
07
Create and Implement Reusable Widgets.
08
Creating Credit Cards Form using Reactive Form.
09
Adding Basic Routing.
10
Create Child Routes Navigation.
11
Implement Tab Based navigation.
12
Implements Frequently Used TypeScript Concepts.
13
Create and Use Generic Classes and Functions
14
Handling Data and HTTP request.
15
Implementing Child to Parent Communication.
16
Preventing XSS Attack.
17
Creating and Using Observables.
18
Applying TypeScript to RxJs.
19
Fetching Photo from Third Party.
20
Creating Reactive Form and Template Form and Applying Custom Validators
21
Implement Authentication for your App.
22
Several Mini Projects.
23
Build a Real Email Client App and Ecommerce Website.
Batches
Upcoming start dates
No date is published for this course at the moment. Tell us when you want to start and we will build a batch around it.
No scheduled batch right now
This course runs on demand as well as on the public calendar. Ask us for the next planned date, or tell us the window that suits you - classroom in Mumbai or live online, weekday or weekend - and we will put a batch together and confirm it with you.
Investment
Course Fees
Total course fee
₹20,000
Exam fees are not included. The certification cost is paid directly to the vendor.
Pay module by module, or in full. Talk to us about instalments before you enrol.
Answers
Frequently asked questions
- What is the Angular Web Development Framework course fee at RST Forum?
- The course fee is ₹20,000. There are no hidden charges - lab access and course material are included.
- How long is the Angular Web Development Framework course?
- 80 hours of live instructor-led training (lectures plus hands-on lab practice), running as weekday-evening or weekend batches.
- Do I need prior experience to join?
- Advanced level. Hands-on experience with Google technologies - or an associate-level certification in this track - is strongly recommended before you join.
- Is the training classroom or online?
- Both. Classroom batches run at our Mumbai campus, and the same batch streams live for online students across India. Both get identical lab access and the same instructor.
- Are the labs hands-on?
- Yes - the course includes 23 hands-on labs, practiced on real equipment with 24/7 remote lab access through Skillopia, our own lab platform, for practice between classes.
- Can I attend a demo session before enrolling?
- Yes. Sit through a live class with the instructor before you decide - call +91 91672 24466 or send an enquiry and we will schedule it.
- Do you provide placement assistance?
- Placement assistance is included: CV preparation, interview drills with real scenario questions, and referrals through our alumni network of 1 million+ engineers trained since 1997.
01
02
03
04
05
06
07
Reserve your seat
Watch a real class. Meet your instructor. Then decide.
Hold a place on the next batch and sit in on the opening session. See the teaching, the racks and the labs exactly as students do, then enrol if it's right for you.
1 million+
engineers trained
1997
training since
24/7
Skillopia lab access
Keep exploring