Yahoo User Interface (YUI) Library Master

Certificate by Animation & Digital Media Education Center New Delhi View Contact

Request Info

YUI or Yahoo User Interface Library is today's most popular JavaScript library for creating modular, scalable, and fast applications for desktop browsers, mobile devices and servers. YUI's highly lightweight core and extra modular architecture helps it in becoming more and more robust library of JavaScript.

YUI Master Course offered by ADMEC Multimedia Institute is a unique course where web designers and UI developers get in-depth knowledge of Yahoo User Interface (YUI) library. If you have seen some websites like Google Maps, Yahoo Mail, etc then you might have noticed that those sites have responding and dynamic page refreshing capabilities. As we said already people love this for its widespread usability whether it is a mobile phone, a desktop and even on a server it's a hit everywhere.

YUI can do basic DOM manipulation to the extremely complex application with an ease. It is a world class JavaScript library for all whether it is a novices or an application developer. YUI provides a convenient, concise, and intuitive API which is very lightweight and very fast, along with a planned infrastructure and a complete suite of tools to help you to code like a professional. YUI is the best option when you want to put simple effects along with engineering maintainable and well planned web applications.

Prerequisites to Join this Course

Candidates should have strong working knowledge of JavaScript. Knowledge of any other JavaScript libraries like jQuery, MooTools, Dojo etc would be an added advantage. They should be familiar with latest documents markup standards like HTML5, CSS3, and XML.

Learning Outcomes

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

Other Utilities in YUI

• Determining a Variable's Type

• Iterating Over Arrays and Objects

• Filtering an Array

• Merging Objects

• Composing and Inheriting from Other Objects

• Automatically Caching Function Call Results

• Templating with Simple String Substitution

• Formatting Numbers

• Formatting Dates

• Parsing Arbitrary XML

• Converting Color Values

• Managing History and the Back Button

• Escaping User Input

• Assigning Special Behavior to a Checkbox Group

• Implementing Easy Keyboard Actions and Navigation

• Reliably Detecting Input Field Changes

• Managing and Validating Forms

Professional Tools

• Enabling and Rendering Debug Log

• Writing Unit Tests

• Organizing Unit Tests into Suites

• Testing Event Handlers by Simulating Events

• Mocking Objects

• Testing Asynchronously Using wait()

• Collecting and Posting Test Results

• Pre-commit Testing in Multiple Browsers

• Testing on Mobile Devices

• Testing Server-Side JavaScript

• Minifying Your Code

• Documenting Your Code

YUI Exercises and Projects

You will be given opportunity to work on Real World Applications as:

• Form Validation

• UI Development

• Navigation Development

• JavaScript Games

• AJAX Based Applications - Image Galleries, Websites etc

• Slideshows

• Image Galleries

• Fancy Pop-up Windows

• Theme Changer with Cookies

• Dynamic Forms using DOM Function in YUI

Minimum System Requirement

• Internet Explorer 7 or higher

• Firefox 3 or higher with the Firebug, DOM Inspector, and Developer plug-ins installed

Animation & Digital Media Education Center

"It was quiet shocking that students holding diplomas, graduation and post graduation degrees were not adequately trained according to today's world of computers and design software so there was a need for a highly professional institute and to fulfill this need an organization named ADMEC was established."

Degree and Diploma Courses in Animation & Multimedia

ADMEC is one of the pioneer institutes in Delhi for Animation and Multimedia courses. We offer bachelor and master degree in Animation & VFX and various diploma courses in animation, multimedia, visual effects, web, graphics, and cad training. We are assoicated with Mahatma Gandhi University (MGU) as its Authorized Study Center, ISO 9001:2008 Certified Institute, and Testing Center of Adobe.

All the courses in this animation institute are academically inspiring and demanding. Our unique study curriculum, professional teaching, individual classes and small batch system are some of the top most qualities which make us different from other Animation and Multimedia Training institutes in Delhi.

Our Role in the Field of Degree and Diploma Courses in Animation

You do not only get speculative curriculum but you also get thorough practical training in career oriented diplomas and degree courses in Animation, Web, Graphics, CAD etc. The work and role of our institute continues even after the completion of the course, as it also takes the full responsibility to give you job placement. Because we always try our best to give you the best. Your work profile and skills are often observed and analyzed by industry experts and various 1:1 sessions are also held between you and regular visiting faculty from the industry. We takes due care of our students and ensures that their projects gets completed with "style and standard" in the animation & multimedia field and doesn't lacks in anything.

ADMEC is reputed as one of the best institutes providing university degree and diploma programs along with many other short term courses in web, graphics, and CAD that ensure promising careers.

Why Join Degree & Diploma Courses in Animation from ADMEC?

As we have explained above that we are the pioneer and true market leader in the field of VFX and Animation training. We have been imparting excellence in entire animation and multimedia education by providing international infrastructure.

We are backed by a management that has over 15 years of experience in the education industry, we are one of the best and quality oriented players in this section, our ranking is highest among the top 10 animation training colleges/institutes in India. We convey specialized education in each subject through our varios education partners like Graphic Design Institute (GDI), ActionScript Institute(ASI), Post Production Institute(PPI), CAD Training Institute(CTI) etc.

Apart from training ADMEC also has a state of the art lab for his production work where students can work on live projects. We are always committed to provide guaranteed placements to the deserving candidates.

We don't ignore to those students who are ready to join this esteemed institute to fulfill their dreams but due to some financial constraint they cannot accumulate nerve to join it. If you have a flare then we have a resolution. Come to our institute and talk to our counselor for more details. We promise you to help you in better ways.

What We Offer?

Degree Courses in Animation & VFX

Bachelor of Arts in VFX & Aniamtion

This is the perfect professional degree course for student who have just cleared their 10+2 and don't want to go for any traditional degree course. In this course student gets the knowledge about the animation industry in depth. After the completion of this course student became industry ready.

Master of Arts in VFX & Animation

This is a specialized course for graduates who want to be an expert in the field of animation. The eligibility for this course is simple graduate from any stream.

Diploma & Certificate Courses

Apart form the degree courses we teach a number of diploma and certificate courses in Web, Graphic, Multimedia, & CAD. Our institute is a hub for all types of courses in animation and multimedia.

Our Animation Institute's Achievements and Recognitions

Apart from the above explained unique courses we have some special features which makes us a proud institute & helps us to be a unique institute from other institute are mentioned below:

Our Institute is an authorized study center of MG University to offer Bachelor and Master Degree Courses in Animation

It is an Adobe Testing Centre, so that students can get international certification in no cost. It helps in getting big career opportunities in national and local industry

Our Institute is certified from Australia and Newzealand board for ISO 9001:2008 in Quality and Management

We have internationally renowned, experienced, and stable faculty members

Providing training on animation, multimedia, VFX, film making, web, graphics, and CAD under one roof

Online classes for multimedia and animation courses are being provided to students across the globe

We believe in individual approach; so this is the reason why we have small batches for all the degree and diploma courses

We have library facility for our students also so that they can read very rare books on animation, graphics, web, postproduction, CAD etc