ANGULAR PROGRAMMING

  • Home
  • Course
  • ANGULAR PROGRAMMING

ANGULAR PROGRAMMING

Angular Introduced by Google to develop cross platform Progressive Web Apps, Native Mobile Apps and Desktop Applications. The application which develops using angular has high speed and performance using code generation, Node Js and code splitting features. It provides Templates, Angular CLI, IDE’s to increase the productivity also. Karma will help in unit testing of apps to make your application more stable and faster.

Course Outlines

Getting Started

  • Course Introduction
  • What is Angular
  • Architecture of Angular Apps
  • Seeting up the Development Environment
  • Your First Angular App
  • Structure of Angular Projects
  • Webpack

TypeScript Fundamentals

  • Introduction
  • What is TypeScript
  • Your First TypeScript Program
  • Declaring variables
  • Types
  • Type Assertions
  • Arrow Function
  • Interfaces

Angular Fundamentals

  • Introduction
  • Building Blocks of Angular Apps
  • Components
  • Generating Components Using Angular CLI
  • Templates
  • Directives
  • Services
  • Dependency Injection
  • Generating Services Using Angular CLI

Displaying data and handling events

  • Introduction
  • Property Binding
  • Attribute Binding
  • Adding Bootstrap
  • Class Binding
  • Style Binding
  • Event Binding
  • Event Filtering
  • Template Variables
  • Two-way Binding
  • Pipes
  • Custom Pipes

Building reuseable components

  • Introduction
  • Component API
  • Input Properties
  • Aliasing Input Properties
  • Output Properties
  • Passing Event Data
  • Aliasing Output Properties
  • Templates
  • Styles
  • View Encapsulation
  • ngContent
  • ngContainer

Directives

  • Introduction
  • ngIf
  • Hidden Property
  • ngSwitchCase
  • ngFor
  • ngFor and trackBy
  • The Leading Asterisk
  • ngClass
  • ngStyle
  • Safe Traversal Operator
  • Creating Custom Directives

Template-driven Forms

  • Introduction
  • Building a Bootstrap Form
  • Types of Forms
  • ngModel
  • Adding Validation
  • Specific Validation Errors
  • Styling Invalid Input Fields
  • Cleaner Templates
  • ngForm
  • ngModelGroup
  • Control Classes and Directives
  • Disabling the Submit Button
  • Working with Check Boxes
  • Working with Drop-down lists
  • Working with Radio Buttons

Reactive Forms

  • Introduction
  • Building a Bootstrap Form
  • Creating Controls Programmatically
  • Adding Validation
  • Specific Validation Errors
  • Implementing Custom Validation
  • Asynchronous Operations
  • Asychronous Validation
  • Showing a Loader Image
  • Validating the Form Upon Submit
  • Nested FormGroups
  • FormArray
  • FormBuilder
  • Quick Recap

Consuming HTTP Services

  • Introduction
  • JSONPlaceHolder
  • Getting Data
  • Creating Data
  • Updating Data
  • Deleting Data
  • Onlnit Interface
  • separation of Concerns
  • Extracting a Service
  • Handling Errors
  • Handling Unexpected Errors
  • Handling Expected Errors
  • Throwing Application-specific Errors
  • Handling Bad Request Errors
  • Importing Observable Operators and Factory Methods
  • Global Error Handling
  • Extracting a Reusable Error Handling Method
  • Extracting a Reusable Data Service
  • The Map Operator
  • Optimistic vs Pessimistic Updates
  • Observables vs promises

Routing and Navigation

  • Introduction
  • Routing in a Nutshell
  • Configuring Routes
  • RouterOutlet
  • RouterLink
  • RouterLinkActive
  • Getting the Route Parameters
  • Why Route Parameters Are Observable
  • Routes with Multiple Parameters
  • Query Parameters
  • Subscribing to Multiple Observables
  • SwitchMap Operator
  • Programmatic Navigation

Requirements

  • Basic familiarity with HTML, CSS and JavaScript
  • No prior knowledge of earlier versions of Angular is required

Description

Chances are you have heard that Angular developers are in demand these days. And you are here to learn Angular fast.