This training delivers the customized curriculum which explains the brief concepts of HTML, CSS, Java Script and also by the end of the course, students would be capable of developing web pages, graphics, GUIs in clean, structured and maintainable format. The sessions are interactive with hands-on, taught by 10+ year real-time experienced Professionals.
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
UI developer
1.
2.
3. Course Curriculum:
Session 1: 1.5 Hours
1.Introduction to Web Application Development
Learning Objectives: Here you will learn about UI/UX developer’s roles and sample
web pages in detail.
Topics: UI Developer roles and Responsibilities, UX designer roles, Technologies
needed, Power of UI, Current market requirements on UI, Sample Webpages, Crawling
and meta tags.
Session 2: 3 Hours
2.Basics
Learning Objectives: In this module, you will learn about HTML tags and introduction
of CSS and its syntax.
Topics: 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
4. Session 3: 3 Hours
3.More Tags in html
Learning Objectives: Hear you came to know about links, tags, buttons, forms
and it’s properties
Topics: 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).
Session 4: 3 Hours
4.More CSS properties
Learning Objectives: In detailed explanation of CSS styles, properties and
internal, external links.
Topics: 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.
5. Session 5: 2 Hours
5.Form Elements
Learning Objectives: here you will learn about forms, methods, properties and
its validations.
Topics: Get & Post, Validating input values in a form, Form action and type.
Session 6: 3 Hours
6.JavaScript
Learning Objectives: In this module, you learn about introduction of java script
and loops, elements, Dynamic creation and manipulation of dom elements using
JS and validation in JS.
Topics: Introduction, Data types and data structures in Js, Control structures, if,
ifelse, while, for, switch case statements, Dynamic creation and manipulation of
dom elements using js, Adding dynamic event listeners to dom elements, Event
capturing and event bubbling, Validations using key char codes.
6. Session 7: 2 Hours
7.JavaScript Supported Datastructures
Learning Objectives: you will learn about Arrays, Objects, JSON.
Topics: Arrays, Predefined methods in arrays, Strings and predefined methods,
Objects, JSON.
Session 8: 3 Hours
8.Advanced JavaScript
Learning Objectives: Advanced topics of java script and closures, inheritance,
methods, objects in detailed.
Topics: Prototyping in JavaScript, Closures in JavaScript, Inheritance in JavaScript,
Adding methods for an object.
Session 9: 3 Hours
9.jQuery Framework
Learning Objectives: learning on introduction to jQuery and it’s methods,properties
od DOM,creating dynamic elements and selectors.
Topics: 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.
7. Session 10: 0.5 Hours
10.jQuery Traversing Methods
Learning Objectives: In detail explanation of jQuery techniques, Filtering elements.
Topics: Finding elements using jQuery techniques, Filtering elements.
Session 11: 1 Hours
11.Events using jQuery
Learning Objectives: Hear you learn about introduction of events and its handlings and
events supported in jQuery.
Topics: Binding events, Dynamic binding, List of events been supported in jQuery(blur,
change, click, dbclick….etc).
Session 12: 2 Hours
12.AJAX
Learning Objectives: In this module you learn about introduction of AJAX using AJAX
and XML and JSON difference.
Topics: Advantages with Ajax and its limitations, Samples working with Ajax, Different
data formats used in Ajax (string, xml, Json, etc), XML and JSON difference, Cross
domain interactions using JSONP.
8. Session 13: 2 Hours
13. jQuery Templating
Learning Objectives: In detailed explanation of DOM using jQuery templates and
loading templates using AJAX.
Topics: Loading DOM dynamically using jQuery templates, loading templates using
AJAX.
Session 14: 2.5 Hours
14.HTML5
Learning Objectives: Discussing about Introduction of HTML5 and difference
between HTML5 and HTML4, Doctype, Media tags, Drag and Drop features,
working on locations lat and lng using Geolocation.
Topics: 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.
9. Session 15: 2.5 Hours
15.CSS 3
Learning Objectives: Discussing about Introduction of CSS3, Advanced text effects,
2D and 3D Transformations and animations to text and elements.
Topics: 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.
Session 16: 3 Hours
16.Responsive Designs
Learning Objectives: Here you will learn about work on multiple devices, Media
queries, Introduction to Bootstrap CSS API.
Topics: Difference between multiple devices, making a page to work on multiple
devices, Media queries, Introduction to Bootstrap CSS API(2hrs).
10. Session 17: 6 Hours
17.AngularJS Framework
Learning Objectives: Introduction to Frameworks, AngularJS and discussing Data
binding with sample program, developer tools, add-ons and firebug.
Topics: 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 Add-ons, Firebug, chrome and IE
Developer tools.