UI Developer Online Training Coure Content

Please go through below UI Developer online training course content for each technology.

HTML5

  • Overview - History, Versions, Doctypes, Syntax, Comments
  • Color Names & Units - RGB, Names, Hex, Units, Pixel, Percentage
  • Basics - Element, Tags, Attributes
  • Formatting Tags - Bold, Strong, Italic, Emphasized, Subscript, Superscript, Strike, Pre formatted Tag
  • Background, Paragraphs, Line Breaks, Horizontal Rules
  • Headings
  • Links, Tables, Images, Blocks, List, Forms, Entities, Media - Audio, Video, Meta tags
  • Common Layouts
  • XHTML
  • HTML5 overview
  • New Tags, New Attributes, New Events, Deprecated tags, Old browsers?
  • Forms
  • API - Media
  • API - Web Sockets
  • API - Web Workers
  • API - Web SQL
  • API - Web Storage
  • API - Servier Side Events
  • API - Geolocation
  • API - Canvas
  • API - SVG
  • API - Drag & Drop
  • API - Microdata

CSS3

  • Overview
  • Syntax, Selectors, Declarations
  • Basics - Element, Tags, Attributes
  • Float, Background, Font, Links, List, Images, Tables
  • Box Model
  • Positions
  • Reset, Specificity
  • CSS2 vs CSS3
  • Border - radius, shadow, image
  • Gradients
  • Animations - 2d/3d
  • Transitions
  • Transformations
  • User Interface
  • Media Queries
  • IE Hacks
  • Responsive Web Design
  • Mobile First

SASS / LESS

  • An Introduction to SASS
  • Features
  • Installation
  • Variables, Mixins, Includes, Extend, Nested, Import
  • Tips & Tricks
  • An Introduction to LESS
  • Features
  • Installation
  • Variables, Mixins, Includes, Extend, Nested, Import
  • Tips & Tricks
  • SASS vs LESS
  • Style Guide

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

Ember JS

  • Overview
  • Installation
  • Basics
  • Object Model
  • Routing
  • Templates
  • Components
  • Models
  • Dependencies
  • Debugging
  • Data Binding

Node JS

  • Introduction
  • blocking vs. non-blocking code
  • reading files
  • issuing requests
  • Event emitters
  • Event requests
  • Event listening
  • Streams
  • Reading, writing, piping, solving backpressure
  • Modules - Exporting, npm installing, dependencies, semantic versioning
  • Express - Routes, rendering, layouts, url building, express servers
  • Socket.io
  • Persisting Data
  • Overview Gulp
  • Installation
  • Commands
  • CreateTasks
  • Userful Resource
  • Node JS with Gulp
  • Package.json
  • gulp.js
  • Overview Yeoman
  • Installation
  • Commands
  • Userful Resource
  • Node JS with Yeoman
  • Overview Bower
  • Installation
  • Commands
  • Userful Resource
  • Node JS with Bower
  • Overview Grunt
  • Installation
  • Commands
  • Userful Resource
  • Node JS with Grunt

JavaScript / Object Oriented / Design Patterns / ES6

  • ES5 vs ES6
  • ES6 features
  • TypeScript overview
  • Overview
  • Fundamentals of JS
  • Data Types
  • Variables - Global, Local, Scope, Hoisting
  • Reserved Words
  • Operators - Arithmetic, Comparison, Logical, Assignment, Ternary
  • Conditional Statements
  • Loops / Arrays
  • JavaScript Objects
  • Functions
  • Events
  • Date / Math
  • Error Handling
  • Debugging JavaScript
  • Function Declarations
  • Hoisting
  • Scope Variables
  • Closures
  • this Operator
  • Prototype
  • Prototype Chains
  • Objects & Literal Objects
  • Constructor
  • Inheritance
  • Encaptulation
  • Polymorphism
  • Mixins
  • Read only properties
  • Module
  • Singleton
  • Decorator
  • Factory
  • Fascade
  • Commond
  • MVC

Angular JS 1,2

  • Overview
  • Single Page Applications
  • MV* Frameworks
  • Pros & Cons
  • Who Are Using?
  • Browser Compatability
  • Installation
  • Scope declaration / Life Cycle
  • Shared Scope
  • Inherited Scope
  • Isolated Scope
  • root Scope
  • Expressions
  • In built Directives
  • Models
  • Operators
  • Module
  • In built Directives
  • Directive Attributes
  • Pre, Post Link
  • Link/Binding Events
  • Controller, Templates
  • Custom Directives
  • Form Attributes
  • Form Validations
  • Validation Classes
  • In built Filters
  • Create Custom Filter
  • Date Filters
  • $http
  • Deferred
  • Promises
  • JSON / XML
  • Practical Examples
  • Factories
  • Provider
  • Services
  • Jasmine
  • Karma
  • e2e
  • $apply, $digest, $watch
  • $broadcast, config
  • Best Practises
  • Angular JS 2 Overview
  • Angular 2 vs Angular 1
  • Angular CLI
  • Type Script
  • Features & Examples

React JS

  • Overview, Features, Architecture
  • Installation
  • JSX
  • Components
  • State
  • Props
  • API
  • Forms
  • Events
  • RedUx
  • Routes
  • Examples

Phonegap

  • Overview, Features, Architecture
  • Installation
  • Battery Status
  • Camera
  • Contacts
  • Compass
  • Device Info
  • Device Motion (accelerometer)
  • Device Orientation (compass)
  • Dialogs (notification)
  • File
  • File Transfer
  • Geolocation
  • Globalization
  • InAppBrowser
  • Installation
  • Media Capture
  • Network Information
  • Splash Screen
  • Status Bar
  • Whitelist
  • Vibration