Course Outline

 

CVK’s Angular JS 1 & Angular 2 Developer Training will let you learn Angular.JS 1 and Angular 2 for building complex web applications in for browser, mobile (and beyond). The course will

• Give Introduction to Angular.Js 1
• Discuss about MVC Components in Angular .Js 1
• Learn concepts of Directives and Views in Angular .Js 1
• Learn Concepts of Filters and Services in Angular .Js 1
• Help you get up and running with Angular 2 quickly.
• Learn Anatomy of Angular 2
• Understand basics of TypeScript and ES6(latest version of JS)
• Learn Components and directives of Angular 2
• Learn different types of Data binding, pipes and interfaces in Angular 2
• Learn services and modules of Angular2
• Learn Angular 2 set up in detail
• Learn Angular 2 Forms
• Understand Migration from Angular 1 to Angular 2

 

Who should go for Angular 2 Developer Training

This is going to be the future of web development for desktop and Mobile. Lots of opportunities on the said area are fore seen.  However if you fall under any of the below, it’s a good decision to learn Angular 2.

• Angular 1 Developers who wants to work on Angular 2 Projects
• Front end Developers who wish to brush up skills on latest areas of web UI Development
• Any One who wants to learn and develop application using Angular2
• Who wish to shift their career to Angular 2.

 

What are Pre-Requisites for the course?

Basic Knowledge on HTML and JavaScript would make the learning faster.

 

How will I do practicals in Online Training?

For Practical Implementation, CVK will ensure required Environment is set up is made on your computer on your local machine. Only thing is you need have a computer with required configuration.

 

Making Job-Ready and Case Study:

This course is not only make you understand the concepts, but also will make you Job Ready.Apart from the Regular Exercises, there will be a Major Case Study which is similar to a Real time task that you will start working at end of program and Implement Completely under the supervision of trainers. This will make you full pledged Front End UI Developer. The one of the case Study that you are going to Implement Is as below.

 

Case Study #1 ()

Requirement

Library Management Application:

1. There will header and footer of the application
2. Header will be Application name and navigation links to different pages of application
3. Footer will have contact details.
4. The first page will have All books details like book name, author, published year, number of copies etc in tabular format
5. The will be second page which will contain reader details like name and name of book issued and issue date.
6. On click of book name, it will open new page to show the Book Introduction paragraph and few more relevant details.
7. There will links to Add new book and edit/delete exiting books/readers.

(Wireframes or screenshot of the application will be provided for visual requirement.)

 

Customized for OPTs and Fresher’s

The course is customized for OPTs and Fresher’s as well as per the JD of the specific country and project.

Module 1: Introduction to Angular.Js 1

Areas covered

• Introduction to Advanced Java Script and Angular.Js

Duration: 1 Session, 1.5 Hours

 

Module 2: MVC components in Angular Js 1

Areas covered

• Controller Component
• Model Component
• View Component
• Two-way data binding
• Controller and Module
• Creating Module
• Scope

Duration: 1 Session, 1.5 Hours

 

Module 3: Directive and Views in Angular .JS 1

Areas covered

• ng-click, ng-model, ng-repeat,
• ng-show/hide, ng-if, ng-include
• More Built-in directives
• Creating Custom Directive

Duration: 1 Session, 1.5 Hours

 

Module 4: Routing in Angular.Js 1

Areas covered

• Single Page Application
• Adding First Route
• Creating default route
• Route parameters
• Using $route service
• Using $location service

Duration: 1 Session, 1.5 Hours

 

Module 5: Filters in Angular.Js 1

Areas covered

• Built-in Filters
• Writing custom filters

Duration: 1 Session, 1.5 Hours

 

Module 6 : Services in Angular.js 1

Areas covered

• Creating first custom service
• Using Built-in AngularJS service
• Using $http and $q service
• Angular Provider and Factory
• Dependency Injection

Duration: 1 Session, 1.5 Hours

 

Module 7: Introduction to Angular 2

Areas covered

• Introduction
• Anatomy of Angular2
• Prerequisites
• Supported Language
• Choice of Editor
• Setting up Environment
• Basic Angular2 application

Duration: 1 Session, 1.5 Hours

 

Module 8: Typescript and ES6

Areas covered

• Introduction to TypeScript
• Introduction to ES6

Duration: 3 Sessions, 4.5 Hours

 

Module 9: Component

Areas covered

• Introduction
• Creating component
• Bootstrapping component
• Demo Application using Component

Duration: 1 Session, 1.5 Hours

 

Module 10: Directives

Areas covered

• Templates
• Interpolation
• In-built directives

Duration: 1 Session, 1.5 Hours

 

Module 11: Data Binding and Pipes

Areas covered

• Property Binding
• Event Binding
• Two-way binding
• Manipulating data with Pipes

Duration: 1 Session, 1.5 Hours

 

Module 12: Component in Details

Areas covered

• Interfaces
• Lifecycle hooks
• Custom pipes
• Component styles
• Nested Component
• @input and @output in component

Duration: 1 Session, 1.5 Hours

 

Module 13: Angular Services

Areas covered

• Creating services
• Dependency Injections

Duration: 1 Session, 1.5 Hours

 

Module 14: Retrieving Data from Backend

Areas covered

• Creating services
• Dependency Injections

Duration: 1 Session, 1.5 Hours

 

Module 15: Angular Routing

Areas covered

• Navigation
• Configuring Routes
• Passing Parameter to route

Duration: 1 Session, 1.5 Hours

 

Module 16: Angular Modules

Areas covered

• Shared module
• Import and export modules
• Features Modules

Duration: 1 Session, 1.5 Hours

 

Module 16: Angular Modules

Areas covered

• Shared module
• Import and export modules
• Features Modules

Duration: 1 Session, 1.5 Hours

 

Module17:  Angular2 setup in details

Areas covered

• TypeScript Config
• Npm
• Angular CLI

Duration: 1 Session, 1.5 Hours

 

Module18:  Angular 2 Forms

Areas covered

• Form Tags
• Form Validation
• Form Bindings

Duration: 1 Session, 1.5 Hours

 

Module19:  Migrating to Angular2 from Angular1

Areas covered

• Preparing your code
• Adding component
• Use ES6 and TypeScript
• Switch to Classes

Duration: 1 Session, 1.5 Hours

 

Module 20:Case Study Guidance

Areas covered

• Guidance on Implementing case study

Duration: 1 Session, 1.5 Hours

 

Building Case Study – Intro and guidance

Session wise plan

Session	Angular.Js 1
Session 1	Module 1: Introduction to Angular.Js 1
Session 2	Module 2: MVC components in Angular Js 1
Session 3	Module 3: Directive and Views in Angular .JS 1
Session 4	Module 4: Routing in Angular.Js 1
Session 5	Module 5: Filters in Angular.Js 1
Session 6	Module 6 : Services in Angular.js 1
	Angular 2
Session 7	Module 7: Introduction to Angular 2
Session 8	Module 8: Typescript and ES6
Session 9	Module 8: Typescript and ES6 ( Contd..)
Session 10	Module 8: Typescript and ES6 ( Cotd..)
Session 11	Module 9: Component
Session 12	Module 10: Directives
Session 13	Module 11: Data Binding and Pipes
Session 14	Module 12: Component in Details
Session 15	Module 13: Services
Session 16	Module 14: Retrieving Data from Backend
Session 17	Module 15: Angular Routing
Session 18	Module 16: Angular Modules
Session 19	Module17:  Angular2 setup in details
Session 20	Module18:  Angular 2 Forms
Session 21	Module19:  Migrating to Angular2 from Angular1
Session 22	Module20:  Case Study Guidance
Session 23	Module20:   Case Study Guidance

Once the Course is completed, you are two steps away to receive prestigious industry recognized certification. Submit the case study with in 1 week from the completion of the course Take Online Test and secure minimum 80 % Score You will be Sent Soft copy of certificate for the said complete course . We have Industry recognition and we are preferred training partners for 250 + IT Companies across the Globe.