UI developer
- 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.
- 11. Register Now