top
Corporate training

up - skill your team

Request Quote
>
Angular 5
Rated 4.0/5 based on 25 Votes customer reviews

Angular 5 Training

Angular 5 Training

Online & Classroom | Latest & Accredited Courseware | 100+ hrs of assignments
Request Syllabus Schedules

Modes of Delivery

Key Features

20 hours of Instructor-led, interactive Angular 5 training
Experiential workshop to help you gain hands-on knowledge
Make your resume stand out by getting trained in Angular web development
Build, manage and deploy scalable web applications
Complete a live industry project with support from your mentors

Description

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

The past year has been very eventful for Angular, with two major upgrades coming out in the space of 14 months. Angular 5.0 has now arrived, and this upgrade is focused on making the framework faster and significantly easier to use. To keep up with the latest developments in this popular JavaScript framework, Zeolearn brings you this course on Angular. Get familiar 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.

WHAT YOU WILL LEARN!

All students will learn to:

  • 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 5
  • 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 5 over time by running both frameworks in the same project
  • Create, build, and deploy an Angular (Angular 5) 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, and wish to get updated with the latest version. Even students who want to make a career in web application development will find this course useful.

PREREQUISITES

All attendees must have substantial prior experience developing with JavaScript. If attendees will not have prior JavaScript experience, we would be delighted to precede this class with a one- or two-day intensive JavaScript  training.

SOFTWARE NEEDED FOR EACH PC:

  • Google Chrome
  • Other modern browsers as desired
  • VS Code editor

COURSE PROJECT

In the course we will develop online courses application which will have the features as below:

General functionality:

  • 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

Students will gain knowledge and experience in planning, designing, developing, unit testing and deploying applications.

Curriculum

Angular5 Introduction 
  • 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
    • Angular 5
  • 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
  • Http Deprecated, HttpClient
  • Support for Multiple Export Alias
  • Internationalized Number, Date, and Currency Pipes
  • Improved Decorator Support
  • Build Optimization
  • Angular Universal Transfer API
  • Compiler improvements
  • Animations
  • Angular forms adds updateOn Blur/submit
  • New Router Lifecycle Events
  • Better Support for service workers
  • 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 )
  • Introduction
  • Type inference
  • Type Annotations
  • Number
  • Boolean
  • String
  • Array
  • Tuple
  • Enum
  • Any
  • Void
  • Null and Undefined
  • Never (Typescript 2)
  • Introduction
  • Using types in functions
  • Function as types
  • Optional and default parameters
  • Arrow functions
  • Function overloading
  • Introduction
  • Inheritance
  • Access modifiers
  • Getters and setters
  • Read only& static
  • Abstract classes
  • Introduction
  • Optional properties and methods
  • Readonly&const
  • Strict structural contract
  • Extending interface
  • Implementing interface
  • 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
 Angular libraries
  • 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
  • Router events

  • Introduction
  • Why RxJs
  • Observable interface
  • Streams
  • Operators
  • Subscription
  • Subject
  • Schedulers
  • Setup installing the module
  • Making a request for JSON data
  • Typechecking the response
  • Reading the full response
  • Error handling
  • Requesting non-JSON data
  • Sending data to the server
  • Making a POST request
  • Configuring other parts of the request
  • Introduction
  • Testing in Typescript
  • Testing Component
  • Testing Service/Provider
  • Testing Pipe
  • Introduction
  • Angular 4 to Angular 5 migration
  • Manually
  • Using the Angular CLI with Ahead-Of-Time (AOT) Compilation and Tree-Shaking (removing unused library code)

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 5 classroom and online training. Call us to know more about the same.

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 5 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. While doing this project, students will gain knowledge and experience in planning, designing, developing, unit testing and deploying applications.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.

How We Can Help You