UI Developer Online Training Placement

This UI Online Developer Training course is designed for who wants to learn emerging UI technologies such as Angular JS, Node JS, Mongo DB and advanced UI topics with nominal course fees. Our aim has been to keep UI training as simple as possible and make candidates expert level. After completions of this course, your are much comfortable to create any web or mobile based application using our UI technologies.

UI developer online training course contains four level of modules

Foundation UI
Core UI
Advanced UI
UI Frameworks

Foundation UI

Foundation UI, here you will learn initial concepts of UI. We start with website fundamentals, HTML, CSS, CSS frameworks like SASS, LESS, creating responsive websites using Bootstrap, creating mobile hybrid applications with JQuery Mobile. After completing foundation course you should be responsible for creating static websites, responsive websites, single page applications and create the style guide for CSS, SASS, and LESS. You can play with our assigned templates or apps.

Core UI

This core UI level, you will learn in depth concepts of JavaScript, HTML5, JQuery, JQuery UI, JQuery Mobile, and Bootstrap. After completing this level your much familiar with creating responsive, mobile, mobile web based applications.

Advanced UI

This level, you are more interacting with backend developers. In this level, you will come to know how to work with RESTFul API, Object Oriented JavaScript, JavaScript Design Patterns with real world examples.

UI Frameworks

This level, You will be a master in UI frameworks like Angular JS, Node JS, Grunt, Gulp, Yeoman and Mongo DB. This is the level most important for UI developers. Most of your real time environment will be with these technologies.

Course Highlights

Duration

20 ~ 25hrs
Sessions per day

1 ~ 2hrs
Mode of Training

Online
Hands-on Projects

Yes
Placement

Yes
Resume Preparation

Yes
Interview Questions

Yes
Trainer Support

Yes
Material

Yes

Note (Hrs*) : Training hours may depends on the batch, student requirements.

Foundation UI

HTML 4
CSS 2
SASS
LESS
CSS 3
Responsive Web

Core UI

HTML5
JavaScript
JQuery
JQuery UI
JQuery Mobile
Bootstrap

Advanced UI

Object Oriented JS
JS Design Patterns
ES 6
AJAX
JSON
TypeScript, JSX

UI Frameworks

Angular JS 1, 2
React JS
Node JS
Grunt / Gulp
Express JS
Git

Foundation UI

HTML4

Introduction
Color Names & Units
HTML Basics
Background, Paragraphs, Line Breaks, Horizontal Rules
Formatting Tags
Headings
Tables
Images
List
Blocks
Forms
Entities, Media
XHTML

Responsive Web Design

Mobile First
Breakpoints
Mobile redirections

SASS

Overview
Syntax
Variables
Mixins
Extend
Includes
Nested
Import
Style Guide

CSS 2

Introduction
CSS Basics
Ways to declare
Background
Fonts
Links
List
Images
Box Model
Dimensions
Display
Positions
Float
Pseudo Classes
Sprite
Tips & Tricks
Style Guide

CSS 3

Overview
Border Properties
Background Properties
Text Effects
2D Transforms
3D Transforms
Meida Queries
IE Hacks
Animations
Transitions
Box Model
Flex Box

LESS

Overview
Syntax
Variables
Mixins
Extend
Includes
Nested
Import
Style Guide

Core UI

JavaScript

Overview
Data Types
Variables
Operators
Conditional Statements
Loops / Arrays
JavaScript Objects
Events
Closures
Dialog Boxes
Error Handling
Validations
Debugging

HTML5

Overview
New Tags
New Attributes
New Forms
APIs

JQuery

Overview
Basics
Selectors
Manipulation
Transversing
Events
Effects
Miscellaneous
Utilities

JQuery UI

Overview
Browser Compatability
Installation
Draggable
Droppable
Resizable
Selectable
Sortable
Accordion
Autocomplete
Button
Datepicker
Dialog
Menu
Progressbar
Selectmenu
Slider
Spinner
Tabs
Tooltip
Effect
Visibility
Show
Hide
Toggle

JQuery Mobile

Introduction
Pages & Navigations
Loader
Transitions
Toolbar, Navbar
Tabs, Panel, Popup
Listview
Collapsible, Collapsible set
Table Reflow, Table Column Toggle
Filterable
Theming
Buttons, Icons, Grids
Forms

Bootstrap

Introduction
Mobile First
Grid System
CSS
Components
JavaScript

Core UI

Object Oriented JavaScript

Function Declarations
Hoisting
Scope Variables
Closures
this Operator
Prototype
Prototype Chains
Objects & Literal Objects
Constructor
Inheritance
Encaptulation
Polymorphism
Mixins
Best practises
Read only properties

JavaScript Design Patterns

Command
Decorator
Facade
Factory
Iterator
Singleton
Namespace
Module
MVC
Mixin
Single Page Application

AJAX

Overview
How It Works?
XMLHTTPRequest
Response
Resquest
open(), send()
readyStates
Events

JSON

Introduction
Syntax
Data Types
Objects
GET, POST, PUT, DELETE

ES6

Constants
Scoping
Arrow Functions
Extended Params
Template Literals
Object Properties
Array Shorten
Import / Export
Classes
New properties

TypeScript

Introduction
Installation
Syntax
Generators
Data Types
Operators
Arrays
Objects

JSX

Introduction
Installation
Syntax
Generators
Data Types
Operators
Arrays
Objects

UI Frameworks

Angular JS 1

Overview
Project Set up
Required files
Hello World Program in Angular JS
Enable in Chrome
Scope declaration / Life Cycle
Shared Scope
Inherited Scope
Isolated Scope
root Scope
Expressions
In built Directives
Models
Operators
Module
Custom Directives
Form Validations
In built Filters
Create Custom Filter
$http
Deferred
Promises
Factories
Provider
Services
Jasmine
Karma
e2e
$apply, $digest, $watch
$broadcast, config
Angular JS 2 Overview
Angular 2 vs Angular 1
Angular CLI
Type Script
Features & Examples
Best Practises

Angular JS 2

Overview
Project Set up
TypeScript
Components
Modules
Routes
Import / Export
Directives
Filters
Services

React JS

Overview
Why?
Installation
JSX
Components
State
Props
API
Forms
Events
RedUx
Routes
Misc

Gulp, Grunt, Bower, Yeoman

Grunt Build
Gulp Build
Bower Components Install
Yeoman Generator
Ruby Installer
Compass Install

Node JS

Introduction
Events
Streams
Modules
Express JS
Socket.io
Persisting Data

Git

Git SVN
Git SCN
Git Commands
Git Usage

Miscellenous

D3 Charts
Hight Charts
Google Maps
Font Awesome
Google Fonts
FTP
Photoshop Basics