Description

Course Content For Core Java Online Training

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, textarea etc)

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