Angular 6

Book your Seat by a One-time Registration Fee of Rs.2000/-

Overview

Angular is a very powerful open source JavaScript Framework mainly maintained by Google. It is used in Single Page Application (SPA) projects. It extends HTML DOM with additional attributes and makes it more responsive to user actions. Angular is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache license version 2.0. It gives designers a utility to use HTML as a template language and offers them to use new HTML syntax specific to the websites.

3RI Technologies is a one of the best Angular 6 training institute in Pune. Our Angular course is a must for web designers and developers who want to pursue their career in front end development. Our Angular 6 training in Pune covers all learning modules for Web development with the Anugular 6 course. Our trainers are well experienced and industry professionals who always strive to deliver the best training to students. Our high end infrastructure with well equipped labs is just few add ons in our Angular JS course. Angular has gained a lot of popularity in the recent times and is considered to be one of the best frameworks available nowadays. Web being explored so much since past few decades, developing websites is a must for every business entity; considering that 3RI Technologies has come up with this new and advanced Angular training course with Angular 6 version for web developers who want to explore and excel in their career. In our Angular classes in Pune, students work on the live projects individually. We also provide post training sessions and full placement support to our students. Sounds interesting!!!You can directly walkin to any of our branches at Pimple Saudagar and Deccan to know more and enroll yourself.

Course Features

Hands on Experience on Live Project
Online portal for E-learning Management
A Web based project like E commerce Website
Mobile Application in Native and hybrid platform using angular and ionic3
100 % Placement Assistance
Resume Preparation
Interview Preparation
Missed Sessions Covered
Multiple Batches
Flexible Timings
Live Project Work/Assignments
Free Soft Skill Sessions

PREREQUISITES:

Knowledge of HTML / CSS is required
Candidate should have a good knowledge of JavaScript and Object Oriented JavaScript

Duration:

7-8 Weekends (Weekend Batch)

Course Syllabus

Angular 6 Training Course

Course Contents

Getting Started
- Introduction
- What is Angular ?
- How Angular Works ?
- Difference between Angular and Other Framework
- Advantages of AngularJS
Typescript
- What is typescript?
- Compare typescript with Javascript
- Data Types & Variables
- Variable & Operators
- Control Structure and Decision making & loops
- Typescript Functions & Strings
- Typescript Object
- Class , Abstract Class
- Constructor Method
- Type of Assertion
- Interfaces
Application setup
- Installing Angular JS
- Configuration of Angular JS
- Creating an Angular 2 project
- Creating an Angular 2 project using CLI
NodeJS
- Setup
- Commands
- What is NPMM
- Install Npm for Angular.
Architecture
- Module
- Component
- Template
- Metadata
- Data binding
- Directive
- Services
- Dependency Injection
Directives
- Understanding Directives
- Directives Overview
- Different kinds of directives
- Build attribute directive
- Apply the attribute directive to an element in a template
- Respond to user-initiated events
- Pass value into the directive with an @Input data binding
- Custom Attribute Directive
Structural And Attribute Directive
- What is structural directive?
- What is attribute Directives
Service
- What is service?
- Create a service
- Understanding Services Injecting Concepts
- Async service and promise
- Introduction to Observable
- What is web service
- how to create web service
- how to consume rest service
- posting data to client server architecture
- Introduction to Material Design
- Introduction to card Material Design .
- What is Json Server .
- Install json server and run and up into your local machine
- crud operation using son server.
Dependency Injection
- Why dependency injection?
- Angular dependency injection
- Injector provider
Data Binding
- Interpolation
- Property binding
- Event binding
- Attribute binding
- Class binding
- Style binding
- Multiple components & passing data
Display data
- Class Binding
- Style Binding
- Event Binding
- Two-way Binding
- Component Data Binding
- Component Events
- Ng-Model
User input
- Binding to user input events
- Get user input from the $event object
- Get user input from a template reference variable
- Key event filtering (with key.enter)
Form
- Types of Forms in Angular4
- Introduction to Template Driven Forms.
- Validation of Template Driven Forms.
- Introduction Model Driven Forms.
- Validation of Model Driven Forms.
- Two way data binding using ngModel.
- Model Driven Forms With Form Builder
- How to post data via a angular forms with rest service.
Pipes
- Introduction to Pipes
- Why pipes are useful.
- Type of pipes
- Built-in pipes
- parametrised pipes
- how to create custom pipes
Router
- Setting Up Router
- Imperative Routing
- Route Parameter
- Child Routing

ANGULAR 4 & 5

Angular4
- Features of angular 4
- Animation package
- Angular Universal
- Typescript 2.1 and 2.2 compatibility
- Flat ES Modules (Flat ESM/FSEM)
- Upgrading from angular 2 to 4
Angular 5:
- What is new in Angular 5?
- Introduction to Build optimizer.
- New Router Lifecycle Events in Angular 5
- Service Workers in Angular 5
- Deprecations and Other Updates

Ionic 3 (Building mobile apps for IOS+Android+Windows ) using Angular

- Installing the Ionic 3 CLI
- Creating a New Project with the Ionic 3 CLI
- Listing Project Templates
- Running our Project in the Browser and on a Device
- Using Live Reload on a Device
- Generating Project Components with the Ionic CLI
- Getting Environment Information with Io
- Accessing the Ionic Documentation
- Creating an Ionic.io Account
- Authenticating to Ionic.io Within the CLI
- Creating an Application on the Ionic.io Platform
- Using Ionic View to Run Your Application on a Device
- Generating Splash Screen and Icon With the CLI–
- Getting Started with Ionic 3
- Creating an Ionic Application
- Serving the Application
- Folder Structure
- Your First Application
- Ionic Document Flow
- Challenge - Create an Ionic Application
- Run Your Application in a Browser