Corporate training

up - skill your team

Request Quote
Get exciting deals on all courses Use Coupon MM10 Click to Copy
Angular 4
4.0 out of 5 based on 20 user ratings

Angular 4 Training

Learn to build and deploy fully scalable Angular applications, including TypeScript concepts, Unit testing of developed applications

  • 20 hours of immersive sessions
  • Instructor Led
  • Beginner to Advanced Level
Request Syllabus Schedules

Modes of Delivery

Key Features

20 hours of Instructor-led sessions on Angular 4
Immersive hands-on training classes
Learn the fundamental concepts of Angular 4 to build SPA applications
Understand and use advanced concepts such as Angular Forms, Observables, Dependency Injection, Routing etc
Build and deploy an Angular (Angular 4) application using the Angular CLI
Our Angular 4 mentors will guide students in implementing the technology for future projects


Angular 4 training

Angular is a dynamic and robust JavaScript-based development framework used to create Single Page Applications. This open source framework supported by Google is widely popular for creating high-powered applications as its dependency injection and data binding features significantly reduces the amount of code that needs to be written.

Zeolearn’s Angular 4 training will familiarise you with the fundamentals of this language to build SPA applications that will help your business achieve faster ROI due to lesser development and maintenance cost, and faster accessibility. Our trainers teach the individuals the basic and advanced skills. So, by the end of this Angular 4 course you’ll have the skills needed to design, build and test single page applications for multiple platforms from mobile to desktop. And, we at our academy provide access to the class study materials to the registered candidates.

What you will learn!

  • The concepts behind an Angular application, its architecture and capabilities
  • Understand how Angular is different than traditional web development frameworks
  • Code using new ES6 and TypeScript language features
  • Develop an application from scratch using Angular 4
  • Explore Angular coding and architecture best practices
  • Understand and use Angular Forms, Observables, Dependency Injection, and Routing
  • Retrieve, update, and delete data using Angular’s Http service
  • Unit test all the parts of an Angular application including Modules, Components, Services, and Pipes
  • Upgrade an existing application from AngularJS to Angular 4 over time by running both frameworks in the same project
  • Create, build, and deploy an Angular (Angular 4) application using the Angular CLI
  • Develop dynamic Model-driven forms that are easier to unit test

Is this course right for you?

This course is apt for web developers who want to use Angular to build sophisticated applications. Even students who want to make a career in web application development will find this Angular 4 certification course useful.


All attendees must have substantial prior experience developing with JavaScript.


  • User Experience similar to a Desktop Application
  • Productivity and Tooling
  • Performance
  • Community
  • Full-featured Framework
  • Platform for Targeting Native Mobile not just Web Browsers
  • AngularJS (Angular 1.x)
  • Angular
    • Angular 2
    • Angular 4
  • Drop-in replacement for Angular 2
  • View Engine generates smaller code
  • Enhanced *ngIf syntax
  • Animation code now in own packages
  • TypeScript 2.1
  • Improved compiler speed
  • Angular Universal
  • Introduction 
  • What is Typescript
  • Why Typescript
  • Setup and installation
  • IDE support
  • Scoping using Let and Const Keywords ( ES6 )
  • Template Literals  ( ES6 )
  • Spread Syntax and Rest Parameters  ( ES6 )
  • Destructuring ( ES6 )
  • Power of Types
    • Introduction
    • Type inference
    • Type Annotations
    • Number
    • Boolean
    • String
    • Array
    • Tuple
    • Enum
    • Any
    • Void
    • Null and Undefined
    • Never (Typescript 2)
  • Explore Functions
    • Introduction
    • Using types in functions
    • Function as types
    • Optional and default parameters
    • Arrow functions
    • Function overloading
  • Classes
    • Introduction
    • Inheritance
    • Access modifiers
    • Getters and setters
    • Readonly & static
    • Abstract classes
  • Interfaces
    • Introduction
    • Optional properties and methods
    • Readonly & const
    • Strict structural contract
    • Extending interface 
    • Implementing interface
  • Modules
    • Introduction
    • Import
    • Export
    • Default
  • Decorators (Typescript Aspect Oriented Programming)
  • Angular CLI
  • Anatomy of the project
  • Debugging Angular apps
  • Working with Augury
  • Modules
  • Components
  • Templates
  • Metadata
  • Data binding
  • Directives
  • Services
  • Dependency injection
  • Introduction
  • @Component decorator
  • Component configuration object
  • Custom components
  • Component with templates
    • Inline
    • External
  • Component with Styles
    • Inline
    • External
  • HTML as template
  • Data binding
    • Interpolation
    • Property Binding
    • Event Binding
    • Two way binding
  • Template expressions
  • Template syntax
  • Attribute, class and style bindings
  • @Input()
  • @Output
  • Template reference variables
  • Safe navigation operator
  • Introduction
  • Built-in directives
    • Structural directive
      • NgIf
      • NgFor
      • NgSwitch
    • Attribute directive
      • NgClass
      • NgStyle
      • NgModel
  • @Directive decorator
  • Custom directive development
  • Introduction
  • Built-in pipes
  • @Pipe decorator
  • Custom pipe development
  • Introduction
  • @angular/forms library
  • Template driven forms
  • Form and field validation
  • Validation check with ng-pristine,ng-dirty, ng-touched, ng-untouched, ng-valid, ng-invalid
  • Show and hide validation error messages
  • Form submission with ngSubmit 
  • Reactive/ Model drive forms
  • ReactiveFormsModule
  • FormGroup, FormControl classes
  • FormBuilder for easy form building
  • Validations using Validators
  • Setting form model using setValue and patchValue
  • Use FormArray to build repeated from controls or form groups
  • Introduction
  • Why DI
  • @Injectable decorator
  • Custom service development
  • Registering the service with NgModule using providers key
  • Provider Types
    • Class 
    • Factory
    • Value
  • Introduction
  • @angular/router library
  • Configure routes
  • RouterModule.forRoot and RouterModule.forChild
  • RouterOutlet, RouterLink, RouterLinkActive
  • Nested Routes
  • Parametrized routes
  • Route guards
  • Introduction
  • Why RxJs
  • Observable interface
  • Streams
  • Operators
  • Subscription
  • Subject
  • Schedulers
  • Introduction
  • @angular/http library
  • Mock web api with InMemoryWebApiModule
  • Async programming with promises in javascript
  • HTTP Promise
  • Observables with Http
  • Introduction
  • Testing in Typescript
  • Testing Component 
  • Testing Service/Provider 
  • Testing Pipe
  • Introduction
  • Angular 2 to Angular 4 migration
  • Manually
  • Using the Angular CLI with Ahead-Of-Time (AOT) Compilation and Tree-Shaking (removing unused library code)

During the training program we will develop "E-learning Web Application" with the below mentioned features -

  • Authenticate users via JWT (login/signup/logout)
  • Create, Read and Update users, 
  • CRUD Courses
  • Create, Read, Delete Comments on courses 
  • GET and display paginated lists of courses
  • Favorite courses
  • Subscribe courses

Our Students

Excellent training. I must say the Instructor was pretty confident and helped us in learning the basics clearly. I wanted a clear information about Angular 4 with code examples. The course has delivered the exact things I was looking for. Immersive coding exercises were the highlight of the course. I must say the Instructor was pretty confident and helped us in learning the basics clearly. I wanted a clear information about Angular 4 with code examples.

I should thank to our trainer, Mike, who helped me in learning the concepts from scratch. The slides and presentation of the concepts were well summarized. Only thing I felt that he seemed less interested in explaining things with codes.

I was searching for an immersive training on Angular 4. Then I got to know that Zeolearn is now offering Angular 4 course in Ottawa. I have already taken web development training form zeolearn and it was very productive. This time also the course had everything I was looking for. The training had everything covering theory and hands-on lessons. Overall I really enjoyed the entire training.

I would say Zeolearn is the perfect place to give your coding career a kick start. I was searching for a proper course where I can get in-depth experience of angular 4 fundamentals with coding exercises. Zeolearn’s Angular 4 was the proper blend of the practicals and theory. Each session was filled with coding examples followed by discussions.

To learn Angular 4 advanced concepts it is required to have exact reference materials along with mentor-ship. And Zeolearn’s Angular 4 was the perfect example for this. Mike deserves credit for being the most supportive mentor I have learnt from. Throughout the sessions, he helped me in completing the project.

My training center was in Toronto. The entire arrangement for the training was pretty good. The Instructor was well versed with the advanced concepts of Angular 4. After the course completion, I was able to work on any kind of angular based applications. Somewhere I felt he should have given more time on explaining how to debug and test different parts of the application.

With little knowledge on Angular I was feeling clueless about the course that will help me in learning entire concepts from scratch. I found this immersive Angular 4 course which helped me in understanding the concepts clearly. I was impressed that the trainer was inclined towards working out problems with logic and coding.

Being new to the market it is nearly impossible to get a proper training on Angular 4. I came across Zeolearn’s angular 4 course and I must say they have covered almost everything that is required for a beginner to start with. The trainer was cooperative and he conducted Q&A session after completion of each module.

I thought the knowledge I had in Angular 4 was sufficient for me to work any kind of angular based projects. Until I came across some real challenging projects based on Angular 4. I must say the course was pretty deep and immersive and it helped me in evolve as a developer. The project work I worked during the course was very challenging because it had application of every concept I learnt during the course.

I would say it was a well organised training I have received in recent times. I was very impressed with the kind of teaching approach the trainer followed. Specifically, the advanced concepts like data binding and dependency injection were explained deeply with proper examples. Our trainer, kevin was very kind and cooperative.

Hannah Campbell

Hannah Campbell

Node JS architecture
Ben MulHall

Ben MulHall

Front end developer
Brendan Klean

Brendan Klean

AngularJS Developer
Maria Herbert

Maria Herbert

Web development Manager
Dave Cogman

Dave Cogman

UI strategist
Brian Walsh

Brian Walsh

Web developer
Jonathan Rankin

Jonathan Rankin

Angular JS developer
Stana McCullagh

Stana McCullagh

Web Application developer
Claire Ainsworth

Claire Ainsworth

Web developer
Mark Stronge

Mark Stronge

Angular UI developer

Frequently Asked Questions

Angular is the popular front end development framework that helps developers build sophisticated and scalable web applications. This framework is getting extremely popular because of its easy code, robust features and scalability. Angular developers are much in demand and hence Zeolearn Academy brings you this course to help you get started on a lucrative career.

This course will help you gain hands on expertise through the numerous examples and exercises conducted through the course of the workshop. Enrol now and get set for a glittering career. We have both Angular 4 classroom and online training. Call us to know more about the same.

On completing the course, you will learn about:

  • Angular and its features
  • Developing applications using Angular
  • The TypeScript language features
  • Unit test all parts of the application
  • Create, deploy and manage applications

Zeolearn brings you mentor driven courses that not only helps professionals gain theoretical expertise but also the practical experience in a wide variety of courses including courses on Web Development, such as Adobe Flex and Scala, which are very popular. The fact that our workshops are mentor driven gives us an edge over other training institutes since you can learn from industry experts about the application and challenges of upcoming technologies. We have so far trained thousands of professionals with the skills needed to land lucrative jobs and you could be next!

You will receive a Zeolearn issued Angular 4 certification in the form of a course completion certificate.

Towards the end of the course, all participants will be required to work on a project to get hands on familiarity with the concepts learnt. You will build an appealing Angular 4 social application that helps users connect for technical talks. This project, which can also be a live industry project, will be reviewed by our instructors and industry experts. On successful completion, you will be awarded a certification.

Classes are held on weekdays and weekends. You can check available schedules and choose the batch timings which are convenient for you.

You may be required to put in 10 to 12 hours of effort every week, including the classroom sessions/live class, self study and assignments.

We offer classes in classroom and online format. While classroom sessions are held in specific venues in your city, for online sessions all you need is a Windows computer with good internet connection and you can access the class anywhere, at anytime. A headset with microphone is also recommended.

You may also attend these classes from your smart phone or tablet.

Don’t worry, you can always access your class recording or opt to attend the missed session again in any other live batch.

This course is apt for web developers who want to use Angular to build sophisticated applications. Even students who want to make a career in web application development will find this course useful. 

One must have:

  • Google Chrome
  • Other modern browsers as desired
  • IDE/development environment of your choice
  • Other software suggested by Zeolearn

other trainings

How We Can Help You