uidesk Contact Us

Complete Web/UI Development Course for
Rs. 20000 INR

What are you waiting for?  START THE COURSE NOW

What all you will get with this course?

Study Materials

Assignments

Quizzes

Industry Grade Projects

Live Support

Course Completion Certificate

What is the course curriculum?

You will get the entire Full UI Development broken down into step-by-step lessons, making it very easy for you to grasp all the concepts & components.

HTML5

HTML5

  • Introduction to HTML5
  • What's new in HTML5
  • HTML5 Api's
  • HTML5 Features
  • HTML5 DocType

Structure Tags

  • Section
  • Nav
  • Article
  • Aside
  • Header
  • HGroup
  • Footer

HTML5 and Forms

  • HTML 5 Forms
  • Placeholders, Required
  • Email, URL, Search
  • Dates, Color pickers
  • Data Lists
  • HTML Form Layouts

HTML 5 audio & video

  • HTML 5 Video and Audio

HTML 5 Canvas

  • HTML 5 Canvas

CSS3

CSS3

  • Fonts
  • Border Radius
  • Box Shadow
  • Text Shadow
  • RGBA
  • BOX Resize
  • BOX Sizing
  • Transition
  • Transform
  • Gradient
  • Key frame Animations

Real Time tools

  • Performance Rules.
  • Accessibility Rules.
  • Cross Browser Issues.
  • What is IE Quirks Mode?
  • What is IE Compatibility mode?
  • Firebug Debugging Tool.
  • Yslow Addon.

BOOTSTRAP

What is Bootstrap Framework?

Difference between mobile first approach and desktop first approach

Installation options

  • Installing bootstrap with CDNs
  • Installing bootstrap manually

Getting started with Bootstrap grid

  • Types of bootstrap containers.
  • Working with rows and columns.
  • Working with multiple columns.
  • Resetting columns using clearfix.
  • Offsetting columns.
  • Nesting columns.
  • Changing the column order with push and pull.
  • Understanding XS, SM, MD, and lg Classes.

Text styling using bootstrap classes

  • Heading classes.

Working with buttons, images and other bootstrap classes

  • Button classes.
  • Table styles.
  • Image classes.
  • Bootstrap helper classes.
  • Responsive utility classes.

Working with form elements in bootstrap

  • Basic form classes.
  • Radio and checkbox classes.
  • Inline and horizontal forms.
  • Form validation styles.
  • Using input groups.
  • Adding icons to form elements.

Bootstrap Components

  • Dropdown.
  • Button groups.
  • Images.
  • Jumbotron.
  • Progress Bars.
  • Pager.
  • Collapse.
  • Navbar.
  • Forms.
  • Inputs.
  • Media Object.
  • List Group.
  • Panels.
  • Wells.
  • Popover.
  • Tooltip.
  • Customize your Bootstrap Plugin

JAVASCRIPT & OBJECT ORIENTED JAVASCRIPT

Javascript Introduction

  • What is a JavaScript?
  • What is the need of Javascript?
  • Javascript history?
  • What is ECMAscript?

Attaching Javascript with HTML page

  • Inline-scripting
  • External-scripting
  • Importance of position script tag in HTML page

JavaScript variables and Datatypes

  • What is a variable?
  • How to create a variable in Javascript?
  • How do variables in Javascript differ with variables in other languages?
  • What is a Datatype?
  • Types of datatypes in Javascript
  • What actually NaN is?
  • Why no two NaN’s are not equal?
  • What actually undefined is?
  • Why null is an object?

Javascript Operators

  • Assignment Operators
  • Arithmetic operators
  • Comparison or relational operators
  • Logical operators
  • Logical bitwise operators
  • Shift operators
  • String operators
  • Dot operators
  • Comma operators
  • Ternary operator

Control transfer statements

  • If
  • If-else
  • If-else-if
  • Nested if
  • Nested if-else
  • Switch
  • Brower Console debugging
  • Breakpoints in Console debugging

Looping Statements

  • While loop
  • Do-While loop
  • For loop
  • For-in loop
  • Improved Native for loop
  • Watch variables in Console debugging
  • Evaluation of selected code in console

Functions

  • What is a function?
  • Function declaration in Javascript?
  • Types of function declaration in Javascript
  • Types of function invoking in Javascript
  • Call by value
  • Call by reference
  • Call stack in console
  • Pre-defined functions in Javascript
  • Javascript pop-up boxes
  • Console functions in Javascript
  • What is a scope of a variable?
  • Local scope and global scope
  • How to create block scope using ECMAscript6
  • Function hoisting and its issues
  • Use of strict
  • IFI – immediate invoking function
  • Problem of using global variables
  • Anonymous functions
  • Self invoking functions
  • Call-back functions and their importance
  • Inner functions
  • What is a closure?
  • What is Lexical scope?
  • How to convert minified JS code into un-compressed format in debugger

Objects

  • What is an Object?
  • Thinking everything in Object oriented
  • Difference between classical and prototypal object oriented programming
  • Different ways of creating Objects in Javascript
    • Object Literal method
    • Constructor function method
    • Using Object object
    • Using simple function method
  • Altering the properties of Objects
  • Constructor property
  • InstanceOf operator
  • This keyword
  • Problem with this keyword
  • Comparing Objects

Inheritance

  • What is inheritance?
  • How to achieve inheritance in Javascript?
  • Prototype property
  • __proto__
  • Implementing different types of inheritance
    • Single inheritance
    • Multi-level inheritance
    • Multiple inheritances
  • hasOwnProperty() method
  • propertyIsEnumerated() method
  • isPrototypeOf() method

Polymorphism and method overriding

  • What is polymorphism?
  • What is method overriding?
  • Implementing polymorphism in Javascript
  • Implementing method overriding in Javascript
  • Calling parent method in child object using method overriding (super in java)

Built in Objects

  • Data wrappers Objects
    • Object, function, Number, Boolean, String, Array
  • Utility Objects
    • Date Object, Math Object, RegExp Object
  • Error Objects
    • Error – (try/catch)

Browser Object Model (BOM)

  • What is a BOM?
  • Window Object
  • Window.innerWidth and Window.innerHeight Properties
  • Window.navigator object
  • Example: Find your location using window.navigator.geolocation
  • Window.history Object
    • Page navigation using window.history object methods
    • Window.history.go()
    • Window.history.back()
    • Window.history.forward()
    • Window.history.length
    • Window.history.pushState()
  • Window.screen
  • Window.open()/close() methods
  • Window.moveTo() method
  • Window.moveBy() method
  • Window.resizeTo() method

Document Object Model (DOM)

  • What is a DOM?
  • How to access HTML elements in Javascript using DOM methods
  • Accessing Child nodes and traversing along the DOM
  • Difference between XML and HTML child nodes methods in DOM
  • Accessing attributes of your HTML elements
  • HTML content modifiers
  • Text content modifiers
  • Creating, Deleting and appending HTML nodes

Event Handling

  • What is an Event?
  • Types of Events in Javascript
  • How to Handling Events in Javascript
  • Event Propagation
  • Event Capturing and Bubbling
  • Stopping Event Propagation
  • How to remove default behaviours of browser
  • Analyzing Event Properties
    • Event basic information
    • Target information
    • Co-ordinate information
    • Key/mouse information

Exercises on DOM and EVENT handling

  • Image Selection
  • Image Zooming
  • Mouse followed Image
  • Implementation of Overlay
  • Introduction to HTML5 APIs
  • Implementation of HTML5 APIs (drag and drop, canvas)

Ajax

  • What is XMLHttpRequest Object?
  • Implementation Synchronous and Asynchronous of XMLHttpRequest object
  • Importance of Asynchronous of XMLHttpRequest for non-blocking IO applications
  • Why do we need Ajax?
  • Implementing Ajax using Javascript and XMLHttpRequest

JSON

  • What is JSON?
  • Importance of JSON format of data that XML
  • Creating and understanding JSON data
  • JSON.parse() method
  • JSON.stringify() method

Design Patterns

  • What are Design Patterns?
  • Types of Design Patterns
  • Singleton pattern
  • Factory method implementation in JavaScript
  • Decorator pattern in JavaScript

JQUERY

Introduction

Hello World program

DOM Selectors

Syntax

Events

  • Click
  • Blur
  • Focus
  • Mouseover
  • Mouseleave
  • Dblclick

Jquery Event Methods

  • Binding an Event
    • Bind
    • Live
    • On
    • Delegate
  • Unbinding Event
    • Unbind
    • Off

Jquery animation

  • Hide
  • Show
  • Animate
  • Slide

Angular JS1

MCV Arctecutre

Introduction

  • Hello World program
  • Application Execution
  • Challenges and critique

Views and Directives

  • Introduction
  • Modules
  • Directives
  • Controllers
  • Interpolation Directives
  • ng-bind Directive
  • Escaping HTML Form the Model
  • Conditional Rendering
  • ng-show +ng-hide Directives
  • ng-switch
  • ng-if
  • ng-include
  • ng-repeat
    • Special ng-repeat variables
    • Repeating Multiple Elements
  • Filtering
    • Formatting Filters
    • Array Filters
    • Chaining Filters
    • Assigning Filter Output to Variables
    • Implementing Custom Filters
  • Custom Directives
  • Introduction
  • Directive types
  • A basic directive
  • Isolating the $scope form the directive
  • The compile() and link() Functions
  • Setting only link() Function
  • Directives which Wraps Elements Via Transclusion

$scope Hierarchy

Angularjs Events

  • ng-click
  • ng-dbl-click
  • ng-mousedown
  • ng-mouseup
  • ng-mouseenter
  • ng-mousemove
  • ng-mouseover
  • ng-keydown
  • ng-keyup
  • ng-keypress
  • ng-change
  • angularjs Event Listener Examples

$watch()

$digest() and

$apply()

Angularjs ajax calls

Angularjs forms

  • Introduction
  • Binding Checkboxes
  • Binding Radio Buttons
  • Binding Select Boxes
    • ng-options
    • Empty Options
    • Selecting Multiple Options
  • Form Validations
  • ng-minlength + ng-maxlength
  • ng-pattern
  • ng-required
  • checking Field Validation State
  • Submitting Form

Angularjs $timeout and $interval

  • $timeout
    • Injecting $timeout
    • Scheduling a Function Call
  • $interval
    • Injection $interval
    • Scheduling a Repeated Function Call
  • Executing $digest() After the Scheduling Function Call

Angularjs Modularization & Dependency Injection

  • Value
    • Injection a Value
  • Factory
    • Injection Values into a Factory
  • Service
    • Injection Values into a service
  • Providers
    • Configuring a Provider
  • Constants
  • Dependencies Between Modules
  • Magnification safe Dependency Injection in Angularjs

Angularjs Routes

  • Including the Angularjs Route Module
  • Declaring a Dependency on the Angularjs Route Module
  • The ngView Directive
  • Configuring the $routeProvider
  • Links to Routes
  • Route Parameters

Angularjs Internationalization

  • Internationalization in Filters
  • The Date Filter
  • The Currency Filter
  • The Number Filter

Setting Locale

Full Angularjs Internationalization Example

Angularjs Critique

  • Angularjs Directives And the Directives /Imperative Paradigm Mismatch
    • The Declarative /Imerative Paradigm Mismatch
    • Finding the Declarative / Imperative Balance
  • Two-way data binding

Angularjs Bootstraping.

Angular JS 4

Angular 4 Introduction

  • Welcome
  • Why use Angular4?
  • What you should know before Angularjs4?
  • Basic Typescript

Architecture Overview

  • Components
  • Bootstrap and the DOM
  • Directives
  • Pipes
  • Data Binding
  • Dependency injection
  • Service and other business logic
  • Data persistence
  • Routing

Components

  • NgModule
  • Root Module
  • Component
  • Component Meta Data
  • Bootstrapping the module for the browser
  • The Component selector
  • The Component template
  • Styling a Component
  • Using other components in a component
  • Interpolation and the expression context
  • Property binding
  • Event binding
  • Getting data to the component with Input

Directives and Pipes

  • Structural directives: ngIf
  • Structural directivs : ngFor
  • Attribute directives: built in
  • Attribute directives: custom
  • Using directive value
  • Working with events in directives
  • Angular pipes: built in
  • Angular pipes: custom

Forms

  • Angular forms
  • Template-driven forms
  • Model-driven forms
  • Validation: built in
  • Validation: custom
  • Error handling

Dependency Injection and Services

  • How Angular does dependency injection
  • Services in Angular
  • Class constructor injection
  • Building and providing service
  • Using the service in components
  • The Injector decorator
  • The Opaque Token

HTTP

  • The Angular 2 HTTP
  • Using a mock back end for HTTP calls
  • Using HTTP for Get Calls
  • Using URLSearchParams
  • Using HTTP for POST, PUT, and DELETE Calls

Routing

  • Setting the base href and configuring routes
  • Registering routing in the app module
  • Router outlets
  • Router links
  • Working with route parameters
  • Using the Router class to navigate

What are you waiting for?  START THE COURSE NOW

100% Flexibility

You will get 100% flexibility in completing the course, and can access it via desktop, tablet and mobile.

Cloud Labs

You practicals & data-sets will be deployed in a production grade cloud lab environment.

Live Support

You will get one-to-one live online live support whenever you have any difficulties.