UI-UX DESIGN Training Content

HTML5 
Course Outline
Introduction to Web											
Introduction to HTML 
Formatting Text
Hyper Links, Anchors, Images & Paths
Lists 
Tables
Frames & iframes 
 
 
HTML5 Forms
 
HTML5 

Canvas & SVG
Drag & Drop
Audio and Video
Geo Location
Web Storage

Course Outline
a)	Introduction to CSS 
b)	Syntax
c)	Creating and Importing CSS
d)	Apply styles of HTML elements
e)	CSS Selectors
f)	CSS Color
g)	CSS Background
h)	CSS Fonts
i)	CSS Text
j)	CSS Links
k)	CSS Lists
l)	CSS Tables
m)	CSS Box Model
Border
outline
margin
padding
a)	CSS Outline
b)	CSS Cursors
c)	CSS Overflow
d)	CSS Dimension
e)	CSS Units
f)	CSS Visual Formatting
g)	CSS Display
h)	CSS Visibility
i)	CSS Positions
j)	CSS Layers(Z-index)
k)	CSS Float
l)	CSS Alignment
m)	CSS Pseudo-elements
n)	CSS Media Types
o)	CSS Sprites
p)	CSS Opacity
q)	CSS Navigation Bar
CSS3
a)	CSS3 Border
b)	CSS3 Color
c)	CSS3 Psuedo classes
d)	CSS3 Background
e)	CSS3 Gradients
f)	CSS3 Text Overflow
g)	CSS3 Shadows
h)	CSS3 Transitions
i)	CSS3 Animations
j)	CSS3 2D Transforms
k)	2D Transforms
l)	CSS3 3D Transforms
m)	CSS3 Multi-Column Layouts
n)	CSS3 flex box
o)	CSS3 Media Queries




BOOTSTRAP 
o	Bootstrap Introduction
a)	What is Bootstrap?
b)	Bootstrap History
c)	Why Use Bootstrap?
d)	What Does Bootstrap Include?
e)	HTML File
f)	Adding Bootstrap to Your Web Pages
g)	Downloading Bootstrap
h)	Bootstrap CDN
i)	Put Your HTML Elements inside Containers
o	Bootstrap Grid System
a)	BS Stacked/Horizontal
b)	BS Grid Small
c)	BS Grid Medium
d)	BS Grid Large 
e)	BS Grid Examples
o	Bootstrap Layouts
o	Bootstrap spacing
o	Bootstrap Typography
o	Bootstrap Tables
o	Bootstrap Lists
o	Bootstrap List Groups
o	Bootstrap Buttons
o	Bootstrap Forms
a)	Horizontal form
b)	Vertical form
c)	Form controls
d)	Form validation states
e)	Input Groups
o	Bootstrap Images
o	Bootstrap Navs
o	Bootstrap Navbar
o	Bootstrap Breadcrumbs 
o	Bootstrap Pagination
o	Bootstrap Labels and Badges
o	Bootstrap Progress Bars
o	Bootstrap Jumbotron
o	Bootstrap Carousel
o	Bootstrap Modal
o	Bootstrap Tooltip
o	Bootstrap Popover
o	Bootstrap Scrollspy
o	Bootstrap Media Objects
o	Bootstrap Utilities

JQuery
Introduction
jQuery Download
jQuery library 
jQuery Syntax
jQuery Ready Function
jQuery Selectors
jQuery Attributes
jquery Events
jquery Effects
o	Hide/Show
o	Toggle
o	Slide
o	Fade
o	Animations

jQuery Actions
jQuery Date Picker
jQuery Accordions
jQuery Tabs
jQuery Autocomplete
jquery Method chaining
JQuery Plugins


JAVASCRIPT
Introduction to JavaScript
Open source frameworks & libraries
Use of JavaScript
Declaration syntax of JavaScript
Where should the script tag be placed in HTML?
How Browser parses JavaScript & Debugging?
Statements
Comments
Data types
Popup Boxes
Reserved words
Variables
Methods
Operators
a)	Arithmetic
b)	Assignment
c)	Comparison
d)	Logical
e)	Miscellaneous Operators
Conditional statements
Loop Statements
Transfer Statements
Type conversions
Arguments
Functions
DOM
a)	Document Object
b)	What is DOM?
c)	DOM Structure (DOM Tree)
d)	Need of JavaScript in dynamic DOM
e)	getElementById
f)	getElementsByName
g)	getElementsByTagName
h)	querySelector
i)	querySelectorAll
j)	JS innerHTML property
k)	JS innerText property
l)	Style using DOM
m)	textContent using DOM
n)	attributes using DOM
o)	Dynamic DOM
DOM Events
Objects
a)	Creating a JavaScript Object
b)	JavaScript Keyword new
c)	Access Object properties
d)	this keyword in JavaScript
e)	Using an Object Constructor
f)	Adding methods to an object
Arrays
a)	Define Arrays
b)	Different ways of Array declaration
c)	Populating an array
d)	Find an index in array
e)	Properties and Methods
Strings
Define string
String declaration
Use of single & double quotes
Methods
Math
Use of Math
Methods
Random Password
Dates
Regular Expressions
Form Validations
Event Objects
Browser BOM
Timers
Cookies
Page redirection
Page Printing
Debugger
JavaScript Minification
ES6 Features
JSON Object
Hoisting


Typescript & Angular 

Introduction to Typescript
Introduction to Angular 
Components
Data Binding
Directives
Working with Forms
Dependency Injection
Pipe
Routing

Key Features

24 Hours of Learning

online | Classroom | Corporate
Learning.

Job Placement Assistance

Based on performance of candidate in training batch, will be placed in our company projects.

2+ Practical Hands-On Projects

After course completion sample projects will be shared by trainers.

Flexible Schedules

Weekdays, Weekend, Classroom batches only in hyderabad location are available.

Support

Job support will be provided until student will work independently. Can be added in technical what sapp groups.

Modes of Training

CLASS ROOM TRAINING
  • Links / Blog link will be shared
  • Real time scenarios/ use cases will be covered in training
ONLINE TRAINING
  • Daily assignment will be given
  • Daily session recording videos access will be given for 90 days
CORPORATE TRAINING
  • Experienced corporate faculty is available
  • Interview questions, material will be provided in training