Angular JS 4.0
Duration: 7 Weekends (Weekend Batch)Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â
Prerequisites
- Knowledge of HTML / CSS is required
- Candidate should have a good knowledge of JavaScript and Object Oriented JavaScript
Course Contents
Â
- Getting Started
- Introduction
- What is Angular 2?
- 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
- Node JS
- Setup
- Commands
- What is NPM
- Install Nom for Angular.
- Architecture
- Module
- Component
- Template
- Metadata
- Data binding
- Directive
- Attribute Directive
- Structural 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?
- NgIf case study
- NgFor,NgSwitch
- What is attribute Directives
- Using the NgStyle Directive
Using the NgClass Directive - The element
- Using the NgStyle Directive
- What is structural directive?
- 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 AngularJS
- 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
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