• support@conveytechlabs.com

UI Course

Duration
30 – 35 hrs
Type
online

In this course, you will gain an understanding of the critical importance of user interface design. You will also learn industry-standard methods for how to approach the design of a user interface and key theories and frameworks that underlie the design of most interfaces you use today.

    • 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
    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 external 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 external resources
    • Absolute and Relative paths
    • Including external 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 listerners 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.
    •  
    • 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.