• support@conveytechlabs.com

online_training [woocommerce_currency_switcher_drop_down_box]


Course Description

“User Interface Development” is the development of websites, web applications, mobile applications and software development. “User Interface” plays a key role in the software development life cycle [SDLC]. Most people assume UI development is about creating websites and writing HTML, CSS and JavaScript, but User Interface goes far beyond these technical terms. The goal of user interface is to make the user’s interaction as simple and efficient as possible, in terms of accomplishing user goals.

Course Information


Course Information


  • Duration: 30 – 35 hrs
  • Timings: Week days 1-2 Hours per day (or) Weekends: 2-3 Hours per day
  • Method: Online/Classroom Training
  • Study Material: Soft Copy

Course Content


UI Course Content


  • Introduction
  • UI Developer roles and Responsibilities
  • UX designer roles
  • Technologies around it
  • Power of UI
  • Current market on UI
  • Sample Webpages
  • DOM, Structure of HTML Page
  • Mandatory tags in html page (html, head, body)
  • What is CSS.
  • Different ways of applying css for elements, and priority chain of css
  • Heading tags(H1…H6), Tags and attributes(Class, Id, style..etc)
  • Inline and block level elements, Including exte al page links in a page using anchor tags and its properties
  • Working with row and column data using table tags
  • Hiding and unhiding elements using display property
  • img tag, p tag, ul and ol tags, li, nobr, hr, br etc
  • Layouts, forms, buttons
  • Input fields (textbox, radiobutton, checkbox, dropdown, textarea etc)
  • Adding borders, font, pseudo classes
  • Positioning elements (absolute, relative, fixed and static)
  • Image spriting
  • Boxmodel (margins, padding)
  • Floating elements (float left, right etc.)
  • Including exte al resources
  • Absolute and Relative paths
  • Including exte al resources like css, images etc
  • Difference between HTML5 and HTML 4 , List of Browsers support HTML5
  • Doctype, Media tags (audio and video tags)
  • Graphics using Canvas tag, Drag and Drop features
  • Working on locations lat and lng using Geolocation
  • Storing userpreferences using Localstorage.
  • Difference between CSS2 and CSS3
  • Adding borders and backgrounds
  • Advanced text effects(shadow)
  • 2D and 3D Transformations
  • Adding Transitions to elements, Adding animations to text and elements
  • Difference between multiple devices, making a page to work on multiple devices
  • Media queries
  • Introduction to Bootstrap CSS API (2hrs), Get & Post Validating input values in a form., Form action and type. Introduction: Data types and data structures in Js
  • Control structures, if, ifelse, while, for, switch case statements
  • Dynamic creation and maniplation of dom elements using js
  • Adding dynamic event liste ers to dom elements
  • Event capturing and event bubbling
  • Validations using key charcodes
  • Arrays, Predefined methods in arrays, Strings and predefined methods
  • Objects, JSON
  • Prototyping in JavaScript
  • Closures in JavaScript
  • Inheritance in JavaScript
  • Adding methods for an object
  • Onload and onready difference
  • jQuery selectors
  • Multiple ways of refering dom elements using jQuery selectors jQuery methods, Adding dynamic properties for dom elements
  • Toggleing elements
  • Creating dynamic elements using jQuery
  • Introduction : Power of ngs
  • 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.

Key Features


Key Features


  • Career oriented training.
  • One to One live interaction with a trainer.
  • Demo project end to end explanation.
  • Interview guidence with resume preparation.
  • Support with the trainer through E-mail.

Live Traffic

Live Traffic Feed