RKCP Information Technology




Angular.JS
Home » Courses   » Angular JS 5

Angular JS 5

Learn Angular.js. The Introduction, Building Blocks & Anatomy Of Angular.js, Data Binding, Filters, Services, Directives, Server Communication & Modular JavaScript in Angular.js Tutorial/Training-LIVE Online & Classroom sessions

Overview

This training is required for the participants to gain the necessary knowledge and skills required for building the best Internet applications using cutting edge RIA framework provided by Google: 'Angular.js'.


Objective

At the end of this Angular.JS training, participants will be able to:

  • Build RIA using Angular.js
  • Exploit two-way binding provided by Angular.js
  • Use the dependency injection feature for better maintainability
  • Understand and use the various directives offered by Angular.js
  • Create custom directives
  • Use grunt.js for commonly performed tasks in the process of JavaScript application development
  • Use bower.js for client-side dependency management

Preferred Audience

Web developers who want to build some best-of-breed web applications with the simplicity and elegance of JavaScript.

Is Duration

  • Open-house (Public): 2 days
  • In-house (Private): 3 days


Prerequisites

  • The participants should be familiar with any one of the web development technologies.
  • Should have an intermediate level exposure in JavaScript


Syllabus

Expand All
  • 1. Introduction to Angular JS 5
    • Angular Introduction
    • Single Page
    • Application MVC
    • Pattern
    • Single Page vs Multi-page application
    • Introduction to Development
    • environment Introduction to Node.js
    • Introduction to npm (Node Package
    • Manager) Introduction to CommonJS
    • Introduction to Transpilers
  • 2. Environment Setup
    • Node.js
    • HTTP RESTful API Server for Workshop
    • Setup NPM project with quick start
    • configuration Visual Studio Code
    • Debugger for Chrome
    • Debugging with Visual Studio Code
  • 3. Foundations
    • Components
    • Zone.js
    • Reflect.js
    • Core.JS/Shim
    • RxJS
    • Webpack
    • Angular Branding => 1.x vs 2.0 vs 4.0
  • 4. Get Started with SystemJS Universal Module Loaders
    • Angular App Component
    • Angular App Module
    • Angular Main Module, dynamic bootstrapping
    • Bootstrapping an Application component
    • Bootstrapping Process
    • Introduction to System JS
    • Introduction to require module loading, CommonJS
  • 5. Angular-Cli
    • Introduction to Webpack
    • Webpack and Module loaders for Angular
    • Angular-cli
    • Create projects
    • Create Services/Components, Helps
    • Build and Serve
  • 6. Angular Components
    • Creating Components
    • Providers
    • Component selector
    • Component Templates
    • Component Styles
    • Property Binding [One way, Two way]
    • Event Binding
    • Get data into Component through Input
    • Subscribing to components events through output
    • Nested Component
    • Deeper Nesting of Components
    • Components Events
    • Component Life Cycle
    • Accessing Other Components
  • 7. Directives
    • Attribute Directives (NgStyle, NgClass)
    • Structural Directives (NgIf, NgFor, NgSwitch)
  • 8. Angular Templates
    • Template Syntax
    • Function Calls
    • Property Binding Syntax
    • Two Way Binding
    • TOne-way Binding
    • Interpolation
    • Syntactic Sugars in Angular
  • 9. Pipes
    • Pipes Introduction
    • Built in Pipes (Currency, Date, Number, Percentages, JSON)
    • Creating custom Pipes
    • Passing Arguments to Pipes
    • Registering Pipes
    • Chaining Pipes
    • Http Web Service Calls with Pipes
    • Async Pipes
    • Handling Promises in Pipes
  • 10. Services
    • Implementing Services in Angular
    • Service Dependency
    • Dependency Injection
    • Injectable decorators
    • Provider definition
    • Provider configuration at Angular Bootup
    • Singleton & Multiple Services Instance
    • Http Web Service calls with Services
  • 11. Angular Module
    • Creating a custom Module
    • Module Declarations
    • Imports Exports Providers
    • Reusing Modules, Components, Directives, Services
  • 12. Rxjs
    • Introduction to Reactive Extension (RxJS) Library
    • What is Reactiveness
    • Observables Subscription
    • Events Streaming in Observables
    • Http Web Service with Observables
  • 13. Promises
    • ES6 Promise
    • Introduction Custom
    • Promises
    • Promises vs Observable
    • Using HTTP Web Services with Promises
  • 14. HTML5 Forms
    • Form Controls Input
    • Select Buttons
    • ngSubmit
    • HTML 5 Validations
    • Angular Styles, special form valid, pristine, dirty features Two Way Binding
    • Angular Basic Validations
  • 15. Routing
    • Route Introduction
    • Configuring Routes Redirection
    • Linking
    • Passing values/parameters between Routes Router Outlet
    • Nested Routing /Child Routes
    • Handling Query Parameters CanActivate Guard
    • CanDeactivate Guard
  • 16. HTTP
    • Angular HTTP
    • HTTP backend REST API/Web API Communication with GET, POST, PUT, DELETE methods
    • using Angular HTTP
    • HTTP GET, POST, PUT and
    • DELETE URL Query
    • Parameters
    • Promises
    • HTTP with Observables
  • 17. Custom Directives
    • Creating Custom Attribute
    • Directives Creating Custom
    • Structural Directives HostListener
    • HostBinding
  • 18. Angular Reactive Forms
    • Reactive Forms
    • Introduction Control
    • Groups
    • Form
    • Validation
    • Form Builder
    • Form Builder Validation
    • Custom Validation
  • 19. Angular Security
    • Cross Origin Request
    • CORS Headers Introduction
    • JSONP
  • 20. Authentication & Authorization
    • JWT Token based Authentication
    • Storing Tokens in HTML5 Storage
    • Authorization with Angular
    • Handling Multiple Roles
  • 21. HTML5 Storage
    • Introduction to localStorage
    • Introduction to sessionStorage
    • Security with HTML5 storage
    • Cookie fundamentals
    • HTML5 Storage for Application Cache
  • 22. Unit Testing Angular
    • Test Driven Development
    • Introduction to Jasmine
    • Introduction to Karma
    • Jasmine Test Suites, Specs,
    • Expectations Jasmine Matchers
    • Jasmine Custom Matchers
    • Setup Injection, Environment for Angular testing
    • Testing Pipes
    • Testing a Components
    • Testing a Service
    • Testing with HTTP
    • Mocking HTTP, Services
    • Testing Directives
  • 23. Angular AoT Compilation
    • AoT Compilation
    • AoT Module Bootstrapping