JAVA UI Developer Training

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
  
• 9: A Gentle Introduction to Objects
  
• 10: JavaScript Objects - Strings
  
• 11: JavaScript Objects - Date Object
  
• 12: JavaScript Objects - Math Object
  
• 13: JavaScript Objects - Arrays 
  In this lesson, you will learn what an array is, how it is used, and what it can do.
• 14: JavaScript Living Space - the Browser Environment
  Your JavaScript code comes alive in the context of a browser. Learn more about how the JavaScript language conceptualizes its own environment.
• 15: Useful Tasks (I) – Setting and Retrieving Cookies
  
• 16: Useful Tasks (II) – Form Validation
  
• 17: JavaScript Timing Events
  
• 18: Making AJAX Calls
  AJAX (Asynchronous JavaScript and XML) is the buzzword of 21st century web applications, and JavaScript is a big player. In this you learn how to make your web page behave smoothly and responsively just like a desktop application.
• 19: Short Introduction to jQuery
  
• 20: Cool Animation Effects with jQuery
  Learn how easy it is to add bells and whistles to your web page with jQuery.
• 21: Easy AJAX Calls with jQuery
  

4. Bootstrap Topics

Grid Demo

Table Demo

Form Demo

Buttons Demo

Images Demo

Responsive Demo

Navigation Demo

Blog Demo

Material Design Demo

Slider Demo

Time line Demo

Alert Demo

Admin Interface Demo

Ajax Demo

Tabbed slider Demo

Caption Demo

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

 SPA web application development using Jquery and HTML with Bootstrap

6.Angular Topics

1. Evolution of Angular

1. Introduce JavaScript MVC and Angular

Hands On: Angular Project Setup and Hello World

1. Installing Angular 4
2. TypeScript
3. ● Brief Intro to TypeScript ● The TypeScript Module System ● Getting Setup ● Project Setup ● Nodemon ● String Templates ● Const ● Let ● Debugging ● Rest & Spread Operators   ● Arrow Functions ● For...of ● Maps ● Sets ● Interface ● Generics ● New Object Features ● Classes ● Destructuring ● TypeScript decorators
4. Templating Basics
5. Components and DOM interactions

1. Property Binding
2. Binding and Events

● Templates ● Bindings ● Event Bindings ● Two-way Binding ● Class and Style Bindings ● Built-in Directives ,● Component Data Binding ● Component Events ● Ng-model ● Introduction to webpack/systemJS

1. Dependency injection, and application strategies

1. SPA Routes and Directives/Pipes  

1. Custom Directives and Pipes 

Project / Use-Cases: 

Use-Case 1 – Simple Employee Management 

Use-Case 2 – Top Movies 

Use-Case 3 – Grocery list Management 

Project – Shopping Cart Application

Note: Apart from the above concepts one should know/learn basic .net/java/php

• 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