• support@conveytechlabs.com

Java UI

Duration
40 – 50 hrs
Type
online

This lesson gives an overview of what the Java environment provides to help you create a user interface (UI). UI is a broad term that refers to all sorts of communication between a program and its users. UI is not only what the user sees, but what the user hears and feels. Even the speed with which a program interacts with the user is an important part of the program’s UI.

    • Duration:40 – 50 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
    Basics
    • 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
    Basic Html
    • 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, bretc
    • Layouts, forms, buttons
    • Input fields (textbox, radiobutton, checkbox, dropdown, textareaetc)
    Basic CSS
    • 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
    HTML5
    • 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.
    CSS 3
    • 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
    Responsive Designs
    • Difference between multiple devices, making a page to work on multiple devices
    • Media queries
    • Introduction to Bootstrap CSS API(2hrs)
    Advanced HTML and CSS
    • CSS Animation
    • HTML Canvas
    • SVG
    Forms
    • Get & Post
    • Validating input values in a form.
    • Form action and type.
    JavaScript
    • 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
    JavaScript Supported Datastructures
    • Arrays
    • Predefined methods in arrays
    • Strings and predefined methods
    • Objects
    • JSON
    Advanced JavaScript
    • Prototyping in JavaScript
    • Closures in JavaScript
    • Inheritance in JavaScript
    • Adding methods for an object
    jQuery Framework
    • Onload and onreadydiffrence
    • jQuery selectors
    • Multiple ways of referingdom elements using jQuery selectors
    • jQuery methods
    • Adding dynamic properties for dom elements
    • Toggleing elements
    • Creating dynamic elements using jQuery
    jQuery Traversing Methods
    • Finding elements using jQuery techniques
    • Filtering elements
    Events using jQuery
    • Binding events
    • Dynamic binding
    • List of events been supported in jQuery(blur, change, click, dbclick….etc)
    AJAX
    • Advantages with Ajax and its limitations
    • Samples working with Ajax
    • Different data formats used in Ajax (string, xml, Json, etc)
    • XML and JSON difference
    • Crossdomain interactions using JSONP
     jQuery Templating
    • Loading DOM dynamically using jQuery templates
    • loading templates using AJAX
    AngularJS Framework
    • Introduction
    • Power of ngjs
    • 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.
    React JS
    • ReactJS-State
    • ReactJS – Validation
    • ReactJS – Component Life Cycle
    • Basics
    Node JS
    • Web Module
    • Restful API
    • Event Loop
    • Basics
    Hands On
    • Sample web application using all the able technologies
    • 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.