Angular JS training

Angular JS training in Pune, Angular JS Classes in Pune, Angular JS Course in Pune

Duration : 1 months

Weekend as well as regular batch available. Training will be given by Developer working in MNC & having 8 years of experience into development.

AngularJS Syllabus

Angular 2

  • Introduction to Angular 2
  • Angular vs Angular 2
  • Getting Started with Angular2
  • Development Environment for Angular2
  • NodeJS, NPM, Webpack
  • Setting the IDE for Angular 2 development
  • Architecture and Concepts for Angular2
  • Loading and Starting the Angular App
  • TypeScript Primer
  • JavaScript 2015 module system
  • ES6 Import/Export
  • Classes and Interfaces
  • Arrow functions and Template strings
  • Working with types
  • Decorators

Components and Modules

  • Studying Angular Modules
  • What are Components
  • Importance of Components
  • How to Create a New Component?
  • Studying App Module and Component Declaration
  • Application Bootstrapping
  • Data projection
  • Building a Wrapper component
  • Life Cycle of Components
  • Using Custom Components
  • Creating Components with the CLI & Nesting Components
  • Component Templates & Component Styles
  • Studying Component Selector
  • Component Input Properties
  • What are Event Emitters?
  • Output Properties of Components

Angular Directives

  • Studying Angular Core Directives
  • ngIF and Output Data
  • ngIF & Else Condition
  • ngStyle and Styling Elements
  • CSS Classes & ngClass
  • Output Lists with ngFor
  • Getting the Index when using ngFor
  • How to create a Basic Attribute Directive?
  • Studying and Using Renderer
  • Hostlistener & Host Events
  • Binding to Host Properties
  • Bind to directive Properties
  • What and How of Structural Directives?
  • How to Use Dropdown Directive?

 

Services and Dependency Injection

  • Importance of Services
  • Services and Providers
  • Services & Dependancy Injection
  • The Injectable Decorator
  • Create a Logging Service
  • Inject Logging Service into computers
  • What is Hierarchical Injector?
  • Services for Cross-Component Communication
  • Using Services for Push Notifications

Angular Debugging

  • Debugging for Angular2
  • Rectifying Angular Error Messages
  • How to Debug Code in the Browser with Sourcemaps?
  • Angular Apps & Augury
  • Property & Event Binding
  • Binding to Custom Properties
  • Custom Property & Event Binding
  • Studying View Encapsulation
  • Local References in Templates
  • Component Life Cycle & Life Cycle Hooks
  • Project: Plan the App, Create the Components
  • How to Add Navigation Bar?
  • What is Non-Collapsable Navigation Bar?
  • What is a Recipe Model?
  • Recipe Components
  • Recipes with ngFor
  • Shopping List Components
  • Creating an Ingredient Model
  • Outputting the Shopping List
  • Event Binding & View Encapsulation
  • Navigation with Event Binding & ngIF
  • Recipe Data & Property Binding
  • Event & Property Binding
  • Adding Elements to the Shopping List

Angular 2 Data Binding

  • What is Databinding?
  • One Way Data Binding
  • String Interpolation
  • Property Binding
  • Property Binding vs String Interpolation
  • Studying Event Binding
  • Bindable Properties and Events
  • Data and Event Binding
  • Special Bindings
  • Studying Two-Way-Databinding
  • What is ng Model?
  • Two-Way-Data Binding & Forms Module
  • How to Combine Forms of Databinding
  • Templates Styles & Syntax

Angular 2 Routing

  • Angular Routing Configuration
  • Angular Routing Directive
  • Need of a Router
  • Setting up and Loading Routes
  • Router Links & Navigation
  • Navigation Paths
  • Programmatic Navigation & Relative Paths
  • Pass Parameters to Routes
  • Fetch Route Parameters
  • Studying Route Observables
  • Pass and Retrieve Query Parameters and Fragments
  • Child or Nested Routes
  • Query Parameters
  • Wildcard Routes & Redirection
  • Redirection Path Matching
  • canActivateChild & Nested Routes
  • Navigation Control with canDeactivate

Angular 2 Routing & Guards

  • Defining Guards
  • Significance of Guards
  • Angular Routing & Guards
  • Passing Static Data to a Route
  • Resolve Dynamic Data with Resolve Guard
  • Setting up Routes
  • Active Routes & Child Routes
  • Child Route Configuration
  • How to Retrieve Route Parameters?
  • Built-in Angular Observable
  • Buidling a Simple Observable
  • Building a Custom Observable

Template Driven and Reactive Approach

  • Template Driven Approach
  • Create Form and Register Controls
  • Submit & Use the Form
  • How to Access Form with @ViewChild?
  • Adding Validation to Check User Input
  • HTML5 Validation & Built-in Validators
  • Validation Error Messages
  • ngModel Property Binding
  • ngModel & Two-Way-Binding
  • Form Controls & Radio Buttons
  • Reactive Approach
  • How to Create a Form in Code
  • Submit the Form
  • Adding Validation
  • Form in Code
  • Arrays of Form Controls
  • Custom Validator & Async Validator

Pipes and HTTP Requests

  • Use of Pipes
  • Transforming Output with Pipes
  • Parametrizing Pipes
  • Multiple Pipes and Custom Pipes
  • Pipes: Filter, Pure, Impure
  • Making HTTP Requests
  • RxJS and Observables
  • Handling http Responses
  • Error Handling
  • How Http Requests Work in SPAs?
  • Request Headers
  • GET Requests & PUT Request
  • async Pipe and http Request
  • Firebase as a Dummy Backend
  • Angular Apps
  • Authentication & Route Protection
  • Single-Page Applications & Authentication
  • Firebase SDK

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *