Overview
React JS - With React JS it's easy to create Single Page Applications and Virtual DOM library. It is component based architecture. Our training starts with JSX, Components creating, State, Props, APIs integration, Forms, Events, and much more.
Angular JS - With Angular JS it's easy to create Single Page Applications. Angular JS is MVC, MVVM pattern-based architecture. Our Angular JS covers both version 1 and version 2. We explain in-depth about directives, filters, services, dependency injections, and how to optimizing Angular JS apps.
Backbone JS - This course explains Controller, Models, MVC pattern, Models Getter Setter, how to make single page applications, Collections, Getting data in the view, routing, Form validations, Event handlers.
Ember JS - Ember.js, routing is used as model, handlebar template as view and controller manipulate the data in the model. We explain during training routing, controller, templates, object model, dependencies, inspect embers js, and much more
Underscore JS - How to use utitility functions using Underscore JS.
TypeScript - ECMA6 come with lots of JavaScript enhancements includes classes, private, public, minifying scripts and lot more. This TypeScript we cover importance of ES6, TypeScript how to convert existing app to ES6 or TypeScript.
Hands-on
- Building Single Page MVC application using Angular JS
- Building Single Page MVC application using React JS
- Building Single Page MVC application using Ember JS
- Building Single Page MVC application using Backbone JS
- Utilities using Underscore JS
Requirements
- Browsers: Internet Explorer, FireFox, Chrome, Safari, Opera
- Apache Server (PHP, JAVA, ASP) Optional
- Any GUI Editor : NotePad++, Edit++ or Sublime
- Node JS
- Ruby Installer
- Downloaded Angular JS File
Audience
- Any Software Engineer, Graphic Designers, Web Designers, Web Developers, Mobile Developers, UI Developers
Course Content
Angular JS
- Overview, Features, Architecture
- MV* Frameworks
- Scopes, Controllers, Modules
- Events, Directives
- Filters, Templates, Routing, CSS, Validations, JQLite
- Customizing components
- $http, Deferred, Promises, JSON / XML
- Angular JS 2 Overview
- Angular 2 vs Angular 1
- Angular CLI
- Type Script
- Features & Examples
Backbone JS
- Introduction
- A very simple model
- Retrieving our simple model
- Saving our simple model
- Events - Capturing events
- Events - Abandoning events
- Events - Triggering events
- Building a Model with extend()
- Getters and setters
- Constructors and defaults
- Managing changes
- Overview of the collections API
- Creating your own Collection
- Adding and removing elements
- Comparing and sorting elements
- Filtering collections
- Data manipulation as a batch operation
- Iteration functions (forEach, map, filter)
- Accessors: last, first
- Searching: contains/include, etc
- Aggregation functions: max, min, etc.
- Views - Display a Model
- Views - Display a Collection
- Views - Display Aggregated (Reduced) Data
- The RESTful model of CRUD interaction
- Start on a main route
- Create links to display different views
- Animate changes
- Tracking History
- Create an automatically updating view
- Extracting common code to libraries
TypeScript
- Overview, Features
- Installation
- Variables, Data Types, Operators, Statements, Arrays, Functions, Objects, Events
- Union, Tuples, Interfaces, Classes, Namespaces, Modules, Ambients
React JS
- Overview, Features, Architecture
- Installation
- JSX
- Components
- State
- Props
- API
- Forms
- Events
- RedUx
- Routes
- Examples
Ember JS
- Overview
- Installation
- Basics
- Object Model
- Routing
- Templates
- Components
- Models
- Dependencies
- Debugging
- Data Binding
Underscore JS
- Overview
- Collections
- Arrays
- Functions
- Objects
- Utitlity
- Chains
- Usage