JAVA UI Developer Training course

USER INTERFACE DEVELOPMENT - COURSE CONTENT

          Advantage having idea on Internet, Web Pages would go 

1.HTML 5 Topics

Introduction
A brief introduction to the tutorial and what you can expect to learn.

 1: Let's get started
Find out what tools you need to make your own website.

2: What is HTML?
Understand what HTML is and what it means.

3: Elements and tags?
Elements and tags what the are and how to use them.

4: Create your first website
Learn to create your first HTML document - the basic template for future pages.

 5: What have you learned so far?
Recap what you have learned so far and discover what you can expect in the next s.

 6: A few more elements
Familiarise yourself with seven of the most-used elements.

 7: Attributes
Learn to add extra information to your tags and formulate commands in a more explicit manner.

 8: Links
Discover how to create links to your own and other pages on the Internet.

 9: Images
Find out how simple and easy it is to insert images in your pages.

 10: Tables
Construct HTML tables for the presentation of structured content.

11: More about tables
Create even more advanced tables.

12: Layout (CSS)
Understand how Cascading Style Sheets (CSS) can be used to add fantastic layout to your pages.

13: Uploading pages
Find out how to get your pages published on the Internet so others can enjoy them too.

14: Web standards and validation
Learn about the common standard of HTML and how to check your coding is correct.

 15: HTML5 — The New Kid on the Block
In this , you will understand more about HTML5 basics.

 16: New Tags and Attributes
In this , you will understand more about HTML5 tags and attributes.

17: Invisible Things: Scripts, Metadata, Viewports, and Comments
In this , you will understand more about how to control invisible things…that are really important.

 18: Forms
In this , you will learn how to make a form.

 19: APIs
In addition to specifying markup, HTML5 also lets you use APIs.

 20: More Images
In this , you'll learn about advanced images.

 21: Video and Audio
HTML5 embraces media elements in a big way, so this  will walk you how to use video (with audio) and audio.

22: Final Tips
A few pieces of good advice for your website projects.

2. CSS3 Topics

Introduction
A brief introduction to the tutorial and what you can expect to learn.

1: What is CSS?
A little on why CSS came in to the world, and why it is clever to choose CSS over HTML for layout and design.

2: How does CSS work?
Learn the basic syntax of CSS and have to create your first stylesheet.

3: Colors and backgrounds
Learn how to apply colors and background colors to your website and how to use background images.

4: Fonts
In this you will learn about fonts and how they are applied using CSS.

5: Text
In this you will be introduced to the amazing opportunities CSS gives you to add layout to text.

6: Links
About how you can add fancy and useful effects to links and work with pseudo-classes.

7: Identification and grouping of elements (class and id)
A closer look at how you can use class and id to specify properties for selected elements.

8: Grouping of elements (span and div)
A closer look at the use of span and div as exactly these two HTML elements are of central importance with regards to CSS

9: The box model
The box model in CSS describes the boxes which are being generated for HTML-elements.

10: The box model - margin & padding
Change the presentation of elements by setting the margin and padding properties.

11: The box model - borders
Learn about the endless options when using borders in your pages with CSS

12: The Box model - Height and width
In this lesson, we will take a look at how you easily can define the height and width of an element.

13: Floating elements (floats)
An element can be floated to the right or to left by using the property float

14: Positioning of elements
With CSS positioning, you can place an element exactly where you want it on your page.

15: Layer on layer with z-index (Layers)
In this lesson, we will learn how to let different elements overlapping one another using layers.

16: Web-standards and validation
This last is about the W3C-standards and how to check your CSS is correct.

3. JavaScript Topics

• Introduction
  A brief introduction to the tutorial and what you can expect to learn.
• 1: What is JavaScript?
  Learn about JavaScript, who created it, what JavaScript can and cannot do.
• Lesson2: Your First JavaScript
  Learn how to include JavaScript in your web page, how to use comments in your code, and write your first JavaScript script.
• 3: Events
  In the previous you encountered the onload event and used it to check whether JavaScript was working in your browser. Here you learn what events are, why they are important to control your web page behavior with JavaScript, and which core events to look out for in your scripts.
• 4: Variables and Constants
  A JavaScript program is mostly about processing data. Variables and constants are the building blocks of programming. In this you will learn how to create variables and constants to store and manipulate your data.
• 5: Smarter Scripts with Operators
  Every program, even the simplest one, contains some logic. In this you will learn how to use mathematical, logical, and comparison operators to give some intelligence to your web page.
• 6: Even Smarter Scripts with if…else and switch
  We’ll be looking at how you can instruct your web page to make choices on the basis of some given condition.
• 7: Leave Boring Repetitive Stuff to JavaScript with Loops
  Loops can repeat parts of a script. In this lesson, we look at loops such as while and for.
• 8: Package your JavaScript Code with Functions
  In previous lessons you applied core programming concepts to make your web page behave as you wanted to. You also used JavaScript built-in functions such as alert() and document.write(). Now you will learn to create your own functions to better organize your code.
• 9: A Gentle Introduction to Objects
  Modern programming languages such as JavaScript, PHP, etc., all support a programming model called Object Oriented Programming (OOP). You’ve already used variables and constants to store your data; objects are just another way of storing data and of giving you more power to manipulate that data. You will be introduced to core JavaScript built-in objects in the following lessons.
• 10: JavaScript Objects - Strings
  You’ve been using the string (text) object since the beginning of these lessons. Here for the first time you will learn how to exploit all its power as a JavaScript object.
• 11: JavaScript Objects - Date Object
• 12: JavaScript Objects - Math Object
• 13: JavaScript Objects - Arrays 
• 14: JavaScript Living Space - the Browser Environment
• 15: Useful Tasks (I) – Setting and Retrieving Cookies
• 16: Useful Tasks (II) – Form Validation
  .
• 17: JavaScript Timing Events
• 18: Making AJAX Calls
  
  
• 19: Short Introduction to jQuery
• 20: Cool Animation Effects with jQuery
• 21: Easy AJAX Calls with jQuery

4. Bootstrap Topics

1. Bootstrap Get Started
2. Environment Setup
3. Grid System
4. Bootstrap - CSS Overview
5.  Bootstrap - Tables
6. Bootstrap - Forms
7. Buttons
8. Images
9.  Responsive utilities
10. Bootstrap with CSS
11. Grid System
12. CSS Overview
13. Typography
14. Code
15. Tables
16. Forms
17. Buttons
18. Images
19. Glyphicons
20. Drop downs
21. Button Groups
22. Button Drop downs
23. Input Groups
24. Progress Bars
25. Media Object
26. List Group
27. Panels
28. Wells
29. Bootstrap Demos

G

Map Demo

Calendar Demo

Social Icons Demo

Icons Demo

featured Demo

5. JqueryTopics

1.JQuery Introduction

2. JQuery Example

3. JQuery Selectors

4. JQuery Styles -

a. css

• a. addClass
• b. eq
• c. filter
• d. find

5. Animations

1. show
2. hide
3. toggle
4. fadeIn
5. fadeOut
6. fadeToggle
7. slideUp
8. slideDown
9. slideToggle
10. animate

6. Callback, Chaining and noConflict

7. DOM Manipulation

8. JQuery AJAX

1. load
2. getJSON
3. get         
4. post

9. JqueryUI Interactions

Draggable

Droppable

Resizable

Selectable

Sortable

10. JqueryUI Widgets

Accordion

Autocomplete

Button

Datepicker

Dialog

Menu

Progressbar

Slider

Spinner

Tabs

Tooltip

1. JqueryUI Effects

Add Class

Color Animation

Effect

Hide

Remove Class

Show

Switch Class

Toggle

Toggle Class

   http://www.futurepointtech.com/java-ui-developer-training.html

Drop a mail [email protected]  we will get in touch with u

   http://www.futurepointtech.com/java-ui-developer-training.html

Drop a mail [email protected]  we will get in touch with u

   http://www.futurepointtech.com/java-ui-developer-training.html

Drop a mail [email protected]  we will get in touch with u