COVID-19 Measures
Web Development Courses | Web Development Training | IT View

Course Overview

Learn web development courses with Angular Js at ITView Software Training Institute. AngularJS is an open-source JavaScript library worked by Google that permits you to expand and progressively change HTML. With AngularJS we get devices to rapidly and effectively make intelligent and dynamic sites that look and carry on comparably to well-known sites.
AngularJS is an open-source web application framework. It was originally developed in 2009 by Misko Hevery and Adam Abrons. It is now maintained by Google.
AngularJS is a structural framework for dynamic web applications. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application components clearly and succinctly. Its data binding and dependency injection eliminate much of the code you currently have to write. And it all happens within the browser, making it an ideal partner with any server technology.

Course Outline

Duration : 8 - 9 weekends
Sessions : Weekends - 2 per week
Prerequisites :
  • Introduction to HTML
  • Introduction to bootstrap CSS ( optional )
  • Introduction to Typescript (Necessity of Typescripts in enterprise applications) Create classes use it in first app.

Course Curriculum

  • Why Angular ?
  • Angular2 Version 5 vs Traditional development
  • AngularJs1 vs AngularJs2 Version 5
  • Understanding JavaScript
  • Understand JavaScript MVC
  • What is Angular2 Version 5
  • Angular2 Architecture
  • What is Typescript
  • Prerequist for Angular2 Version 5
  • Angular2 dependencies
  • Setup Angular2 project for development
  • Choice of IDE and installing it ( visual studio code, visual studio, eclipse or any text editor)
  • Installing node and npm
  • Install angular CLI
  • What is angular CLI? Installing angular CLI. Comprehensive list of CLI command.
  • Creating first Angular application with angular CLI
  • Building and running angular Application
  • Angular standards and deep dive into project structure (Significance of each folder and file)
  • How to run End to end test cases and unit testing
  • Overview of ES5, ES6 and Typescript
  • Typescript compilation to Java Script
  • Typescript Basic concepts and Data Types
  • Variable scopes and difference between Let and Var
  • Anonymous and Fat Arrow Functions
  • Difference between null and undefined
  • Creating Components
  • Angular2 Architecture of SPA Apps
  • Creating Components using Typescript
  • Creating Multiple Components
  • Dependency Injection
  • Sharing data and functionality between components using services
  • Using DOM and custom Events for data sharing
  • Attribute directives (ngClass, ngStyle,ngModel)
  • Structural directives (ngIf, ngFor, ng Switch)
  • Creating custom directive
  • using inbuilt pipes e.g. DatePipe, UpperCasePipe, LowerCasePipe, CurrencyPipe, and PercentPipe etc
  • Parameterized pipe
  • Creating custom pipes
  • Creating custom Directives
  • Creating custom Pipes
  • Inbuilt Services like XHR requests
  • Interpolation
  • Template expression
  • Expression context
  • B.Property binding
  • Difference between element attribute and property
  • Element property binding
  • attribute, class, style binding
  • C.Event binding
  • D.Two way binding
  • Using various html elements in angular e.g. textbox, button, dropdown, checkbox, radio button etc
  • Child components Event emitter and custom property
  • Using Libraries like JQuery, bootstrap.js, material, etc.
  • What is Testing and Tools related to JS Testing
  • Testing using Karma and Jasmine in Angular2
  • Writing test cases in Jasmine and karma
  • E2E application testing and Protractor introduction
  • Installing Node.js
  • Understanding Node Package Manager (NPM)
  • Using Build systems e.g. Grunt and Gulp
  • Using Yeoman for web project scaffolding
  • Handling front end dependencies with Bower
  • Introduction of ExpressJs
  • Setup
  • Using Observable and RxJS
  • Calling rest services (GET, PUT, DELETE, PUT).
  • Error handling
  • Calling aws rest service endpoint ( or mocked rest service endpoint using www.mockable.io )
  • Debouncing requests e.g. search widget
  • Request/response interceptors
  • Install MongoDB
  • Basic CRUD commands in MongoDB
  • Using Mongoose ODM
  • Handling different REST/HTTP requests in a REST API
  • Start Final Project

Course Includes

Angular
Projects

Angular Assignments

Angular Certificate
(course Completion)

Enroll the course