UI/UX Training In Bangalore Marathahalli & BTM Layout

Databytes provides Real Time UI/UX Training in Bangalore. We have designed our UI/UX course content and syllabus based on students Interest to gain the Knowledge and became a Master in UI/UX and Databytes Software Training is listed as one of the Best UI/UX Training Institutes in Marathahalli. This enables them to became Industry-Ready Professional with our UI/UX Training in Bangalore Marathahalli.

WHAT IS UI/WEB DEVELOPMENT?

What is web how it works?
What is UI Development?
Basic overview of application architecture
Key elements and technologies in UI Development

UXD Overview:

Strategy
Scope
Structure
Skeleton
Surface
Misc(Wireframe, Information Arc, Interaction Design, Accessibility, Usability etc)

Html/Html 5 Elements:

What is html?

What is tags and elements
What is attributes

Purpose of html

Html Document anatomy

Html Validation

More about Doctypes

Html Document Head

Title
Meta tag
Charset
Style tag
Script tag
Link tag
Base tag
Complete overview of head

Html Body

- Content types/ Data types
- What is Semantic?
- Block vs Inline elements
- Text format

Display different type of text content

Header tags

White spaces

Formatting etc

Html entities

Css:

- What is css?
- Types of css
- Syntax
- Selectors
- Colours
- Lengths & Percentages
- Formatting html elements
- Css box model
- Grouping
- Nesting
- Pseudo classes and elements
- Floats
- Display property
- Positions
- Layers
- Background images
- Shorthand properties
- Css specificity
- Css 3 new features

Rounded corners

Gradients

Embedding fonts

Transitions

Miscellaneous other features

Layouts

Fixed layouts
Fluid Layouts
RWD
UCD
Discussing other layout types

Working with project

Embedding Fonts

Media queries

RWD

What is RWD
RWD View ports
RWD Videos/Images
Working with RWD project with core technologies
RWD Frameworks Overview

Improving Performance

Optimizing css

Css Browser Hacks

Compatibility issues and how to solve

Bootstrap RWD Framework:

What is bootstrap?

Exploring bootstrap

Layout system
Grid system
Components
Exploring all other features

Creating Project with bootstrap

DOM:

What is Dom?
Working with dom?
Dom structure
Traversing Dom
Working on CRUD with DOM

JAVA SCRIPT:

Data types

Numbers
Strings
Boolean
Undefined
Null
Arrays
Objects

Variables

Comments

Operators

Arithmetic operators
Comparison operators
Logical operators
Assignment operators
Conditional operator

Conditional Statements:

If , if else, if else if
Switch

Loops:

While loop
Do while loop
For loop (Advance concepts how to optimize)
For in loop (will be discussed in objects)

Functions:

Defining function

Types of defining functions and types of calling functions
Function statements

Working parameters

Passing params to functions
Working with ‘N’ number of params
Special Arguments array

Return statements

Anonymous functions

Nested functions

Function that return functions

Self-invoking functions

Literal functions

Scopes

Lexical scope

Closures

Closures in Loop

Objects /Prototype & patterns (Object oriented javascript)

- What is objects?
- Defining Objects?
- Properties and methods
- Inheritance
- Prototype
- Js patterns

Singleton pattern

Constructor pattern

Discussing about other patterns

Linking objects with another object
Accessing other object properties and methods
Data Structures
Application Data Structures
Looking into other frame works (special topic)

Arrays

Defining arrays
Exploring arrays properties
Exploring array methods
Working with multi-dimensional arrays
Looping array data
More Advanced concepts in Arrays and array methods

Javascript Built in Functions and objects

String
Date
Math
Regex . . .
BOM, DOM, Window,

Events

- Exploring event types
- Binding events
- Optimal way of attaching events
- Event Phases

Capturing

Bubbling

Targeting

Event Delegation
Prevent Default
Stop propagation
Stop immediate propagation
Exploring other event methods

Working with timeout functions

Ajax with Core javascript

Form handling with javascript

Working with Core javascript project

Error Handling

Debugging

JS Miscellaneous

WHAT ARE JS FRAMEWORKS?

JQuery:

- What is JQeury?
- Embedding JQuery to html documents
- Jquery Selectors
- JqueryCss
- Jquery Dimensions
- Manipulation
- Traversing
- Jquery Events
- Jquery Effects
- Ajax
- Data manipulation from Dynamic sources
- Services

REST

SOAP overview

Form Validation
Project With JQuery
Plugins
Exploring Jquery UI

Angular Js:

What is Angular Js?
Exploring Angular Features
What is MVC Architecture?
Angular MV* Structure
Directives
Expressions
Controllers
Filters
Other DOM Activities with Angular
Components
Angular Module
Ajax
Angular modules overview
Angular Project modular based with latest APP architecture.
Varies App structure overview

Node js:

Node Js Fundamentals
Application Environment setup with Node , Bower etc

HTML5 API:

Exploring HTML5 new features
GEO Location
Drag/Drop
Local Storage
App Cache
WEB Workers
SSE

SDLC Overview

Brief Knowledge about Agile Scrum Methodology

Miscellaneous Topics

How to overcome with Browser Compatibility issues
Quirk Mode overview
Events vs Browser support
Interview tips & tricks
Looking across APP Data
UI Future technologies

UI/UX