yui3 - iit madras hacku

Download YUI3 - IIT Madras HackU

Post on 14-Dec-2014

616 views

Category:

Technology

3 download

Embed Size (px)

DESCRIPTION

 

TRANSCRIPT

  • Jayasurian123

    30/03/20122

  • The browser is the most futile deployment environment

    - Douglas Crockford

  • The war

    http://www.internetbrowsersoftware.net/wp-content/uploads/2010/02/top-best-browsers.jpg

  • Dont reinvent the wheel

    Use tools which are already available

  • A comprehensive suite of tools to help you code like a pro!!

    http://yuilibrary.com/

  • YUI Library is a set of utilities and controls, written with JS and CSS , for building rich interactive web applications.Free for all usersScalable, Fast and RobustMost popular, best documented, more examples.
  • YUI Library

    Utilities for novice to professionalsCore Global Object, Node, EventsUtilities Animation, drag Drop, get Utility to get js/css dynamically.Widgets Autocomplete, calendar, carousel, Overlay

    http://yuilibrary.com/yui/docs/guides/

  • How to use

  • Global Object

    Click me

    YUI().use('node, function (Y) {

    var demo = Y.one('#demo');

    demo.on('click', function (e) {

    demo.set('text', 'You clicked me!');

    });

    });

    *

  • Node

    Getting a Node

  • Creating Nodes and Modifying Content

    // Create a new Node

    var item = Y.Node.create('

  • Nodelist

    milk

    rice

    salt

    var doneTasks = Y.all('.done');

    // NodeLists host most Node methods for simple iterative operations

    doneTasks.removeClass('todo');

    *

  • Event

    YUI().use('event', function (Y) {

    // Step 1. Capture a button node

    var button = Y.one("#readygo");

    // Step 2. Subscribe to its click event with a callback function

    button.on("click", function (e) {

    // Step 3. do stuff when the button is clicked

    });

    });

    *

  • Examples

    - Widget Carousel

    - YQL in YUI

    More Examples - http://yuilibrary.com/yui/docs/examples/

    *

  • Danke

    Twitter: @jayasurian123