UI Development Training in Hyderabad Madhapur with Projects

UI Developer roles and Responsibilities

UX designer roles

Technologies needed

Power of UI

Current market requirements on UI

Sample Web pages

Crawling and meta tags

Intoduction of HTML

Structure Of HTML

Basic Tags

Attributes & VALUES

Comments , Header Tags

Font tag

Image tag

Link Tags

Text Linking

Image Linking

Marquee Tag

List and Types of Lists

Table Tag

Form tags

Frame Tag

Background Colors & Images

Embed Multimedia - Movie, Music

Introduction To XHTML

Difference Between HTML & XHTML

Introduction To Doctypes

Introduction to Cascading Style Sheets

Types of CSS

CSS Selectors

Universal Selector

ID Selector ,Tag Selector

Class Selector , Sub Selector

Child Combinatory Selector

Adjacent Sibling Selector

Attribute Selector

Group selector

First-line and First-letter selector

Before and After Selector

CSS Properties

Type Properties

Background Properties

Block Properties

Box Properties

List Properties

Border Properties

Positioning Propeties

Realtime Implementation

Introduction to Java Script

Java Script Popup Boxes

Variables

Operators

Conditional Statements

Loops

Functions

User-defined Functions

Built-in Functions

Java Script Events

Cookies

Page redirection

Page Printing

Built-in Objects

Form Validations

JQuery Features

Installing jQuery

jQuery Syntax

jQuery Ready Function

jQuery Selectors

jQuery Actions

jQuery plugins

jQuery Date Picker

jQuery Accordions

jQuery Tabs

jQuery Autocomplete

BS HOME

BS Get Started

BS Grid Basic

BS Typography

BS Tables

BS Images

BS Wells

BS Alerts

BS Buttons

BS Button Groups

BS Badges/Labels

BS Progress Bars

BS Pagination

BS Pager

BS List Groups

BS Panels

BS Dropdowns

BS Collapse

BS Tabs/Pills

BS Navbar

BS Forms

BS Inputs

BS Inputs 2

BS Input Sizing

BS Media Objects

BS Carousel

BS Modal

BS Tooltip

BS Popover

BS Scrollspy

Bootstrap Grids

BS Grid System

BS Stacked/Horizontal

BS Grid Small

BS Grid Medium

BS Grid Large

BS Grid Examples

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

Introduction AngularJS Framework

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

Introduction AngularJS Framework

Module 1 – What is React?

What react is and what not?

Advantages

Limitations

How react works

Module 2 – Introduction to JSX

Module 3 – Virtual DOM

JS vs JSX

React Components

React Components with JSX

HTML attributes e.g. class, div and id etc

Child Components and Namespaced components

Javascript expressions in JSX like attribute, boolean or child expression

Module 4 –Creating a simple React Application

A simple react component with JSX template:

Nesting Components

React render

React Props

Props validation with data types

States, Initialize states and update states

Backend calls

Stateful Components

Stateless Components

Creating Reusable Components

Hooks

Context

Fragments

Keys

Module 5 – React UI and Forms

Form components e.g. input, textarea:

Controlled form components

Checkboxes and Radios

Select box with default selected value

Form validation

Applying Styles

Animation Introduction

Creating Table

Module 6 – Component Life Cycle

Initial Render:

Props Change

Stage Change

Component Unmount

Module 7 – React Router and Other JS concepts

React Router configuration

Router History

If-else in JSX

Routing

Basic Routing and Passing Params

Module 8 – Event Handling in JSX

OnClick, onKeyUp and other useful events in React:

Sharing events across the components

Module 9 – React Styles

Setting up the react for React bootstrap

Implementing the react bootstrap components

Module 10 –React Router & Navigation

Loading the router library:

Router configuration

Passing and receiving parameters

React-cookie integration

Module 11 –Redux

One Store:

Provider Component

Actions

Reducers

Redux application development

Module 12 – Javascript - ES6

Class

Let &Const

Promise

Map

Reduce

Filter

Template Literals

spread operator

Arrow functions

Module 13 – Crud Operations

Module 14 – Login and Logout