Angular Js Training: Step by step for beginners
Course Description
AngularJs is an open-source JavaScript framework. It is a powerful JavaScript framework to create Rich Internet Applications (RIAs). It enables developers to write client-side applications that are cross-browser compliant.
Advantages
- AngularJS reduces the lines of code that a programmer needs to write to develop a functionality.
- AngularJS works with any server-side technology as it is a JavaScript client-side tool. It additionally coexists with other client-side technologies and can be tweaked in a manner that it is not interfering with the current setup.
- AngularJS is compatible with other libraries such as action script, jQuery, and Javascript.
- AngularJS makes web browsers smart.
- AngularJS can create a large scale of dynamic web applications and it works on all modern web browsers.
- AngularJS is an open source framework and can run on any platform.
Angular JS Training Curriculum
- What is Angular 2?
- Central Features of the Angular Framework
- Why Angular?
- Scope and Goal of Angular
- Angular 2 vs. AngularJS
- Installing and Using Angular 2
- Adding Angular 2 and Dependencies to Your App
- Building Blocks of and Angular 2 Application
- A Basic Angular 2 Application
- Programming Languages for Use with Angular
- TypeScript Syntax
- The Type System – Defining Variables
- The Type System – Defining Arrays
- The Type System – Classes & Objects
- Class Constructors
- Class Constructors – Alternate Form
- Interfaces
- Parameter and Return Value Types
- Working with Modules
- TypeScript Transpilation
- Arrow Functions
- Template Strings
- Template Strings – Variables and Expressions
- Template Strings – Multiline
- Generics – Class
- Generics – Methods
- Generics – Restricting Types
- What is a Component?
- An Example Component
- Component Starter
- Developing a Simple Login Component
- Login Component: Add php
- The php Component Template
- Login Component
- Component Decorator Properties
- Component Lifecycle Hooks
- Using a Lifecycle Hook: OnInit
- Binding Syntax
- One-Way Output Binding
- Binding Displayed Output Values
- Two-Way Binding of Input Fields
- Input Binding Examples
- Binding Events
- Binding Events Examples
- Setting Element Properties
- Setting Properties: Examples
- What are Directives
- Directive Types
- Apply Styles by Changing Classes
- Changing Classes – Example
- Applying Styles Directly
- Applying Styles Directly – Example
- Obsolete Directives and Property Binding
- Controlling Element Visibility
- Setting Image Source Dynamically
- Setting Hyperlink Source Dynamically
- Structural Directives
- Adding and Removing Elements Dynamically
- Looping Using ngFor
- ngFor – Basic Syntax
- ngFor – Full Template Syntax
- Creating Tables with ngFor
- ngFor Local Variables
- ngFor Changes in the backing data source
- Swapping Elements with ngSwitch
- ngSwitch – Basic Syntax
- ngSwitch – Full Template Syntax
- Template Driven Forms
- Note on Deprecated Forms APIs
- A Basic Angular Form
- Binding Input Fields
- Accessing the Form Object
- Binding the Form Submit Event
- The Submit Function
- Basic php5 Validation – “required” Attribute
- php5 vs. Angular Validation
- Angular Validation
- Displaying Form Validation State
- Displaying Field Validation State
- Displaying Validation State Using Classes
- Disabling Submit when Form is Invalid
- Submitting the Form
- Binding to Object Variables
- Additional Input Types
- Checkboxes
- Select(drop down) Fields
- Rendering Options for Select (drop down)
- Date fields
- Radio Buttons
- What is a Service?
- Creating a Basic Service
- What is Dependency Injection?
- What Dependency Injection Looks Like
- Injecting Services
- Using a Service in a Component: Dedicated Instance
- Using onInit to Initialize Component Data
- Using a Shared Service Instance
- Dependency Injection
- The Angular HTTP Client
- Using The HTTP Client – Overview
- Setting up the Root Component
- Service Using Http Client
- Importing Individual HTTP Providers into Services
- Service Imports
- The Observable object type
- What does an Observable Object do?
- Making a Basic HTTP GET Call
- Using the Service in a Component
- The Component
- Component Code Review
- Importing Observable Methods
- Enhancing the Service with .map() and .catch()
- Using .map()
- Using .catch()
- Using toPromise()
- GET Request
- GET Request with Options
- POST Request
- Reading HTTP Response Headers
- What are Pipes?
- More on Pipes
- Formatting Changes in Angular 2
- Using a Built-in Pipe
- Built-In Pipes
- Using Pipes in php
- Chaining Pipes
- Using Pipes in JavaScript
- Some Pipe Examples
- Decimal Pipe
- CurrencyPipe
- Custom Pipes
- Custom Pipe Example
- Using Custom Pipes
- A Filter Pipe
- A Sort Pipe
- Pipe Category: Pure and Impure
- Pure Pipe Example
- Impure Pipe Example
- GET Request
- GET Request with Options
- POST Request
- Reading HTTP Response Headers
- What is a Single Page Application (SPA)
- SPA Workflow
- Traditional Web Application Capabilities
- Single Page Application Advantages
- SPA and Traditional Web Sites
- SPA Challanges
- Implementing SPA’s Using Angular 2
- Simple SPA Using Visibility Control
- SPA Using Angular Components
- SPA with Angular Components – Switching
- SPA with Angular Components – The Displayed Component
- Implement SPA Using an Angular Component Router
- Routing and Navigation
- The Component Router
- Traditional Browser Navigation
- Component Router Terminology
- Setting up the Component Router
- Local URL Links
- Browser pushState
- Routes
- The app.routes.ts File
- The app.routes.ts File – Example
- Bootstrapping Routing in Main.ts
- A Basic App With Routing
- App Routes
- AppComponent – Code
- AppComponent – Router Related Features
- AppComponent – precompile array
- AppComponent – routerLinks
- Programmatic Navigation
- Basic Navigation
- Passing Data During Navigation
- Creating Routes with Route Parameters
- Navigating with Route Parameters
- Using Route Parameter Values
- Retrieving the Route Parameter Synchronously
- Retrieving a Route Parameter Asynchronously
- Query Parameters
- Query Parameters – Example Component
- Query Parameters – queryParams
- Query Parameters – Navigation
- Retrieving Query Parameters Asynchronously
- Problems with Manual URL entry and Bookmarking
- Fixing Manual URL entry and Bookmarking
Get A Free Demo Lectures
To Know More Details
+91-96646-94642