Angular JS online training

Course Duration : 60 Hrs
Java UI Course Content
Introduction

  • UI Developer roles and Responsibilities
  • UX designer roles
  • Technologies needed
  • Power of UI
  • Current market requirements on UI

JavaScript

  • Introduction
  • Data types and data structures in Js
  • Control structures, if, ifelse, while, for, switch case statements
  • Dynamic creation and maniplation of dom elements using js
  • Adding dynamic event listerners to dom elements
  • Event capturing and event bubbling
  • Validations using key charcodes
  • Arrays
  • Predefined methods in arrays
  • Strings and predefined methods
  • Objects
  • JSON

Advanced JavaScript

  • Prototyping in JavaScript
  • Closures in JavaScript
  • Inheritance in JavaScript
  • Adding methods for an object

jQuery Framework

  • Onload and onreadydiffrence
  • jQuery selectors
  • Multiple ways of referingdom elements using jQuery selectors
  • jQuery methods
  • Adding dynamic properties for dom elements
  • Toggleing elements
  • Creating dynamic elements using jQuery

jQuery Traversing Methods

  • Finding elements using jQuery techniques
  • Filtering elements

Events using jQuery

  • Binding events
  • Dynamic binding
  • List of events been supported in jQuery(blur, change, click, dbclick….etc)

AJAX

  • Advantages with Ajax and its limitations
  • Samples working with Ajax
  • Different data formats used in Ajax (string, xml, Json, etc)
  • XML and JSON difference
  • Crossdomain interactions using JSONP
 jQuery Templating

  • Loading DOM dynamically using jQuery templates
  • loading templates using AJAX

HTML5

  • Difference between HTML5 and HTML 4
  • List of Browsers support HTML5
  • Doctype
  • Media tags (audio and video tags)
  • Graphics using Canvas tag
  • Drag and Drop features
  • Working on locations lat and lng using Geolocation
  • Storing userpreferences using Localstorage.

CSS 3

  • Difference between CSS2 and CSS3
  • Adding borders and backgrounds
  • Advanced text effects(shadow)
  • 2D and 3D Transformations
  • Adding Transitions to elements
  • Adding animations to text and elements

Responsive Designs

  • Difference between multiple devices, making a page to work on multiple devices
  • Media queries
  • Introduction to Bootstrap CSS API(2hrs)

AngularJS Framework

  • Introduction
  • Power of ngjs
  • Controllers and modules in ngs with sample program
  • Data binding with sample program
  • What is filter and adding filters to dom elements with sample code.
  • Loading multiple page content into a single page using ng-routing – Working example.
  • Developer Tools Addons:
  • Firebug, chrome and IE Developer tools.

Node.JS:

  • Introduction
  • What are I/O intensive applications
  • Nodejs event looping and asynchronous programming model
  • File I/O
  • Buffers
  • Streams
  • Global Objects
  • Express
  • REST with Node.js

Online Training Enquiry