Mail : training@ecorptrainings.com
India : +91-8143-111-555
USA : +1-703-445-4802
Whats app : +91-8143-110-555
Facebook Twitter Google Plus Pinit Stumbleupon Youtube Blog

Workday HCM Demo New Batches Starting from Wednesday... 14-12-2016
Search Course Here




Live Chat
Support
Yahoo user interface online training

Yahoo user interface



overview


The Yahoo User Interface is an open-source JavaScript library for building richly interactive web applications using techniques such as Ajax, DHTML, and DOM scripting. YUI includes several core CSS resources. It is available under a BSD License. Development on YUI began in 2005 and Yahoo! properties such as My Yahoo! and the Yahoo! front page began using YUI in the summer of that year. YUI was released for public use in February 2006. It is actively developed by a core team of Yahoo! engineers.

prerequisties

  • JavaScript course or equivalent experience.

Duration

Online
  • It is a 16 days program and extends up to 2hrs each.
  • The format is 20% theory, 80% Hands-on.

Corporate
  • It is a 4 days program and extends up to 8hrs each.
  • The format is 20% theory, 80% Hands-on.
Classroom
    Private Classroom arranged on request and minimum attendies for batch is 4.

course content

  • INTRODUCTION TO YUI
    • Introduction to YUI
    • Why YUI?
  • LOADING MODULES AND YUI SEED FILE
    • Loading Rollups and Modules
    • How to Load a SimpleYUI
    • Identifying and Loading Individual Modules
    • Loading a Different Default Skin
    • Loading Gallery Modules and YUI 2 Widget
    • Loading Locally Hosted Builds
    • Developing Your Own Reusable Modules with
    • Dependencies
      • Defining Groups of Custom Modules
      • Reusing a YUI Configuration
      • Defining Your Own Rollups
      • Enabling Predictive Module Loading on User Interaction
      • Implementing Static Loading
  • DOM MANIPULATION USING YUI
    • Element References and Uses
    • CSS Classes Manipulation
    • Getting and Setting DOM Properties
    • Changing an Element’s Inner Content
    • Working with Element Collections
    • Creating New Elements
    • Adding Custom Methods and Properties to Nodes
  • USING UI EFFECTS, ANIMATIONS, AND INTERACTIONS
    • Hiding, Fading, and Moving an Element
    • Creating a Series of Transitions
    • Defining Your Own Custom Transitions
    • Creating an Infinite Scroll Effect in YUI
    • How to Drag an Element in YUI
    • Creating a Resizable Node
    • Implementing a Re-orderable Drag-and-Drop Table
  • EVENTS IN YUI
    • Responding User Actions
    • Responding to Element and Page Lifecycle Events
    • Controlling Event Propagation and Bubbling
    • Preventing Default Behavior
    • Delegating Events
    • Firing and Capturing Custom Events
    • Driving Applications with Custom Events
    • Using Object Methods as Event Handlers
    • Detaching Event Subscriptions
    • Controlling the Order of Event Handler Execution
    • Creating Synthetic DOM Events
    • Responding to a Method Call with Another Method
  • AJAX FUNCTIONS IN YUI
    • Fetching and Displaying XHR Data
    • Handling Errors During Data Transport
    • Loading Content Directly into a Node
    • Submitting Form Data with XHR
    • Uploading a File with XHR
    • Getting JSON Data Using Script Nodes (JSONP)
  • CSS AND YUI
    • Normalizing Browser Style Inconsistencies
    • Rebuilding Uniform Base Styles
    • Applying Consistent Fonts
    • Laying Out Content with Grids
    • Using Grids for Responsive Design
    • Creating Consistent Buttons
  • INFRASTRUCTURE- EXTENDING YUI
    • Managing State with Attributes
    • Creating Base Components with Y.extend()
    • Creating Base Components with Y.Base.create()
    • Creating a Basic Widget
    • Creating a Widget That Uses Progressive Enhancement
    • Rendering Remote Data with a Widget
    • Creating a Simple Plugin
    • Creating a Plugin That Alters Host Behavior
    • Bundling CSS with a Widget as a CSS Module
    • Bundling CSS with a Widget as a Skin
    • Representing Data with a Model
    • Persisting Model Data with a Sync Layer
    • Managing Models with a Syncing ModelList
    • Rendering HTML with a View
    • Rendering a Model with a View
    • Rendering a ModelList with a View
    • Saving State Changes in the URL
    • Defining and Executing Routes
  • USING YUI WIDGETS
    • Instantiating, Rendering, and Configuring Widgets
    • Creating an Overlay
    • Aligning and Centering an Overlay
    • Making an Overlay Draggable
    • Creating a Simple, Styled Information Panel
    • Creating a Modal Dialog or Form
    • Creating a Tooltip from an Overlay
    • Creating a Lightbox from an Overlay
    • Creating a Slider
    • Creating a Tabview
    • Creating a Basic DataTable
    • Formatting a DataTable’s Appearance
    • Displaying a Remote JSON DataSource in a DataTable
    • Plotting Data in a Chart
    • Choosing Dates with a Calendar
    • Defining Calendar Rules
    • Creating a Basic AutoComplete
    • Highlighting and Filtering AutoComplete Results
    • Using AutoComplete with Remote Data
    • Customizing the AutoComplete Result List

Videos

YUI will be updated soon
To Watch More Videos Click Here

Flash News


AngularJS New Batch Start From 09th DEC & 10th DEC.


Hadoop Dev New Batch Start From 10th DEC & 11th DEC.


IBM COGNOS TM New Batch Start From 11th DEC & 12th DEC.


Informatica Dev New Batch Start From 12th DEC & 13th DEC.


Mean Stack New Batch Start 13th DEC & 14th DEC.

SAP BODS new Batch Starting From 14th DEC & 15th DEC.

SAP S/4 HANA New Batch Start From 15th DEC & 16th DEC
.

Tableau New Batch Start From 16th DEC & 17th DEC

PUBLIC DEMO


(1) Workday Technical Demo Training

Demo Schedule : 09:30A.M EST / 08:30A.M CST / 6:30A.M PST on 13th DEC & 07:00A.M IST on 14th DEC

SOLVE YOUR QUERIES ONLINE
Email :
Rediff Bol :
ecorptrainings@rediffmail.com
Google Talk :
ecorptrainings@gmail.com
MSN Messenger :
ecorptrainings@hotmail.com
Yahoo Messenger :
ecorptrainings@yahoo.com
Skype Talk :
ecorptrainings