UI development training logo

The process of designing websites, application interfaces, and anything that allows a user to interact with a device is User Interface Design. UI Development requires focus on user needs, to make his/her experience while interacting with an application or device as simple and efficient as possible.
Devices in which a user can view a website are increasing exponentially every day. This in turn makes focusing on User Experience more difficult and important. Alot of attribute changes have to be considered, while designing a website for different types of devices.
UI Design includes creation of vector and raster graphics using Photoshop and Illustrator, adding content using HTML, and creating layouts using CSS. You can also take the help of frameworks, like Bootstrap to speed up the process of Web UI creation.
Come see and experience the world of user interface development to learn the art to compete the masters!

Course Overview

HTML and HTML5

Introduction to HTML and HTML versions

  •   HTML Syntax
  •    Texts and lists
  •    Codes and Links
  •    Images and Tables
  •    Table layouts
  •    Blocks
  •    iframes and forms
  •    HTML head section
  •    miscellaneous and into to Xhtml
  •    HTML5 into
  •    HTML5 Elements
  •    HTML5 media elements and HTML5 APIs.

CSS and CSS3

Introduction to CSS

  •    CSS selectors
  •    Properties
  •    Intro to CSS3
  •    layout Web markup
  •    CSS navigations
  •    Responsive design
  •    Conclusion

Bootstrap

Introduction to Bootstrap

  •    Introduction to Bootstrap Grid system
  •    Typography: Images
  •    Bootstrap Text
  •    code
  •    tables
  •    Bootstrap text/typography
  •    code
  •    tables
  •    helper classes
  •    responsive utilities
  •    jumbotron
  •    glyphicons
  •    labels
  •    badges
  •    wells
  •    Input and button groups
  •    pagination
  •    breadcrumbs
  •    thumbnails
  •    progress bars
  •    Media object
  •    list group
  •    panels
  •    wells

Bootstrap js

  •    transitions
  •    modals
  •    Dropdowns
  •    Scrollspy
  •    Togglable tabs
  •    tooltips
  •    popovers
  •    Alert
  •    Buttons
  •    Collapse
  •    Carousel
  •    Affix

Javascript

Introduction to programming

  •    How to add javascript to a page tracking down errors
  •    statements
  •    comments
  •    javascript data types
  •    variable
  •    operators
  •    javascript output method

JQuery

Jquery Introduction

  •    What is Jquery
  •    Why Jquery
  •    Adding Jquery to Web pages
  •    How to download Jquery Jquery CDN Reference
  •    Advantages & disadvantage of references
  •    Jquery Syntax
  •    Jquery Document ready event
  •    Jquery Selectors
  •    Jquery element Selectors
  •    ID selectors
  •    Class selectors
  •    How to write functions in Jquery
  •    How to call a function
  •    How to call nested functions
  •    Jquery Event Methods
  •    Event Types
  •    Syntax for event methods Commonly used Jquery Event methods
  •    JQuery Effects/ Animations
  •    More advanced Jquery Effects
  •    JQuery callback functions
  •    JQuery Chaining
  •    JQuery DOM Manipulations
  •    Jquery Effects/Animations
  •    More Advanced Jquery Effects
  •    Jquery Callback Functions
  •    JQuery Chaining
  •    Jquery DOM Manipulations
  •    Jquery Get
  •    Jquery Set
  •    Add
  •    Remove
  •    CSS Classes
  •    css()
  •    Jquery Dimensions
  •    Jquery Traversing
  •    Ancestors
  •    Descendants
  •    Siblings
  •    Filtering
  •    AJAX Intro
  •    Get/Post
  •    JSON Data fetching from Server & Display as list/table
  •    XML Data fetching from Server & Display as list/table
  •    Jquery forms
  •    GET form data
  •    SET form data
  •    Form Data manipulations

Ajax

  •    Ajaxified Websites
  •    Dynamic Content Placements
  •    The XMLHTTP request object
  •    making Ajax requests
  •    parameterized Ajax requests
  •    Receiving XML Data
  •    manipulating XML Data in the DOM
  •    JSON
  •    Displaying JSON Data
  •    building a JSON object for server consumption
  •    Using Ajax with jQuery
  •    Using Ajax with JSON
  •    Using PHP with XML Data
  •    Using PHP with JSON Data

UI: 15 Weeks with project