UI Development Training Institute in Hyderabad

Duration 45 to 50 hrs

Ui Development Course Content

HTML

• Introduction to HTML
• Basic Tags
• Adding Headings, Paragraphs and Breaks
• Adding Lists

• Links within a page
• Link paths explained
• Introduction to HTML
• Adding Images
• Adding an image to your page
• Making an image into a link

• Aligning text with images Adding the “alt” attribute to your image Creating
• Links
• Linking pages to each other
• Adding E-Mail Links

• HTML Frames
• HTML Tables 
• Form Designing
• Marquees 
• Search Engine Friendliness
• Adding Titles
• Adding META-Descriptions
• Adding META-keywords

CSS

• Introduction to css
• What is css
• Types of css
• What is inline css
• Discuss inline css
• What is internal css
• Discuss internal css
• Discuss about properties
• Types of selector
• Difference  b/w class selector and id selector
• What is div
• Template creation with divs
• Difference b/w div and span
• External css

JAVASCRIPT

• Introduction JavaScript
• What is JavaScript
• What is statement
• Types of statements
• What is variable
• Variable declaration
• What is an operator
• Types of operators
• Discuss operators theoretically and practically
• Conditional statements
• Introduction to loops
• For loop examples
• While loop examples
• Difference b/w while and dowhile loops
• functions
• Parameterized functions
• Non-parameterized functions
• Recursive functions
• Difference b/w parameterized and non-parameterized functions
• Math calculations using functions
• Math calculations using functions and forms
• Introduction to objects
• What is property and method
• String object
• Math object
• Navigator object
• screen object
• Date  object
• Array object
• Introduction to HTMLDOM
• Document object
• Window object
• Discuss dropdown menu practically
• Discuss navigation menu practically

AJAX

• Ajax
• Introduction to Ajax
• What is XMLHTTPRequest object?
• Ajax properties
• Ajax methods
• Ajax event handler

BOOTSTRAP GRIDS

• Bootstrap Grids
• BS Grid System
• BS Stacked/Horizontal
• BS Grid Small
• BS Grid Medium
• BS Grid Large 
• BS Grid Examples
• Bootstrap Case
• Case Container
• Case Jumbotron
• Case Button/Icon
• Case Multicolumn
• Case Menu
• Case Navigation Bar
• Bootstrap CSS
• CSS Typography
• CSS Buttons
• CSS Forms
• CSS Helpers
• CSS Images
• CSS Tables
• Bootstrap Comps
• Glyphicons
• DropdownsNavs

JQUERY

• Introduction of jquery
• Introduction
• features of jquery
• syntax of jquery
• how to write jquery program
• Features of Jquery
• jquery selectors
• Introduction
• Discussing about jquery selectors
• Introduction to  Jquery filters
• Discussing about all jquery filters theoretically and practically
• jquery selector manipulation
• Attribute manipulation
• css manipulation
• Discussing about css()
• Discussing about all css methods
• jquery functions and events
• Helper functions
• Bind()
• Unbind()
• jquery effects and animations
• Discussing about effects
• Discussing about animations
• htmldom traversal
• Inserting content(all methods)
• Jquery rotator with program explanation
• Jqueryui
• Introduction
• Interactions
• Widgets
• Effects
• Utilities
• Jquery rotator with simple code
• Jquery rotator without code
• Simple Jquery slider
• Jquerysliderhorizental
• Jqueryslidevertical
• Jquery slider with pager
• Jquery 3d slider
• Jqueryshuffle
• Jqueryzoom
• Popupwindow
• Cloudzoom
• Jquery form validation
• Jquery form validation using plugin

HTML 5 and CSS 3

• About This Course
• Prologue
• Description
• Rationale
• Objectives
• Entry Profile
• Exit Profile
• Conventions
• Chapter 1 - Getting Started with HTML
• Introducing HTML
• Creating an HTML Web Page
• Text Editor
• Graphic Editor
• Identifying the Basic Structure of an HTML Page
• Exploring the HEAD Tag
• Exploring the BODY Tag
• Practice Questions
• Summary
• Chapter 2 - Enhancing Web Pages
• Working with Styles
• Identifying the Syntax of CSS
• Identifying the Types of Style Sheets
• Applying Multiple Style Sheets
• Identifying CSS Selectors
• Styling HTML Elements
• Grouping and Nesting Styles
• Controlling the Visibility of Elements
• Positioning HTML Elements
• Applying Transitions, Animations, and Transformations
• Applying Transitions
• Applying Animations
• Applying Transformations
• Practice Questions
• Summary
• Chapter 3 - Working with Tables and Frames
• Creating Tables
• Identifying the Basic Structure of a Table
• Enhancing Tables
• Accessing Multiple Web Pages Using Frames
• Creating Web Pages Using Frames
• Styling Frames
• Practice Questions
• Summary
• Chapter 4 - Adding Interactivity to Web Pages
• Understanding Scripting
• Types of Scripting
• Identifying the Benefits of JavaScript
• Implementing JavaScript in Web Pages
• Embedding a Script into a Web Page
• Creating and Using an External File
• Identifying Rules and Conventions Used in JavaScript
• Using Variables, Operators, and Control Structures
• Defining Variables
• Using Operators
• Using Conditional Constructs
• Using Loop Constructs
• Break and Continue Statements
• Implementing Functions
• Introducing Functions
• Creating Functions
• Accessing Functions
• Practice Questions
• Summary
• Chapter 5 - Creating Dynamic Web Pages
• Designing an HTML Form
• Creating Forms
• Exploring Form Elements
• Manipulating the Components of a Web Page
• Working with Browser Objects
• Working with Form Objects
• Practice Questions
• Summary
• Chapter 6 - Working with Graphics
• Introducing Canvas
• Creating a Canvas
• Working with Color, Shapes, and Styles
• Working with Path, Text, and Images
• Transforming and Animating Canvas Elements
• Transforming Canvas Elements
• Animating Canvas Elements
• Practice Questions
• Summary
• Solutions to Practice Questions
• Chapter 1
• Chapter 2
• Chapter 3
• Chapter 4
• Chapter 5
• Chapter 6
• Glossary