Enviar búsqueda
Cargar
Introduction to YUI - IIT Kharagpur
•
Descargar como PPTX, PDF
•
0 recomendaciones
•
696 vistas
Harsha Vashisht
Seguir
Using YUI for hacks.
Leer menos
Leer más
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 35
Descargar ahora
Recomendados
TDD e sua influência no design
TDD e sua influência no design
Felipe Benevides
Location Quanta Village
Location Quanta Village
npau
106 thu thuat word
106 thu thuat word
lan2505chuong
Cambio climatico
Cambio climatico
paulaalejandra2
Media Relations 2.0 for Non-Profit Organizations
Media Relations 2.0 for Non-Profit Organizations
Sean Clancy
Building your first web application using Yahoo! APIs
Building your first web application using Yahoo! APIs
Harsha Vashisht
NITS PPT
NITS PPT
Kim Cygan
Introduction to YUI
Introduction to YUI
Christian Heilmann
Recomendados
TDD e sua influência no design
TDD e sua influência no design
Felipe Benevides
Location Quanta Village
Location Quanta Village
npau
106 thu thuat word
106 thu thuat word
lan2505chuong
Cambio climatico
Cambio climatico
paulaalejandra2
Media Relations 2.0 for Non-Profit Organizations
Media Relations 2.0 for Non-Profit Organizations
Sean Clancy
Building your first web application using Yahoo! APIs
Building your first web application using Yahoo! APIs
Harsha Vashisht
NITS PPT
NITS PPT
Kim Cygan
Introduction to YUI
Introduction to YUI
Christian Heilmann
YUI introduction to build hack interfaces
YUI introduction to build hack interfaces
Christian Heilmann
Yui mixer
Yui mixer
Harsha Vashisht
YUI open for all !
YUI open for all !
Subramanyan Murali
Technical Introduction to YDN
Technical Introduction to YDN
Christian Heilmann
Yahoo for the Masses
Yahoo for the Masses
Christian Heilmann
Purple Hack Fodder - my presentation at mashed08
Purple Hack Fodder - my presentation at mashed08
Christian Heilmann
Fuel for a great web experience
Fuel for a great web experience
Christian Heilmann
Fuel for a great web experience.
Fuel for a great web experience.
elliando dias
iPhone/iPad Development with Titanium
iPhone/iPad Development with Titanium
Axway Appcelerator
Appcelerator iPhone/iPad Dev Con 2010 San Diego, CA
Appcelerator iPhone/iPad Dev Con 2010 San Diego, CA
Jeff Haynie
Building Web Interfaces
Building Web Interfaces
Christian Heilmann
YUI3 and AlloyUI Introduction for Pernambuco.JS 2012
YUI3 and AlloyUI Introduction for Pernambuco.JS 2012
Eduardo Lundgren
Professional web development with libraries
Professional web development with libraries
Christian Heilmann
Building Web Hack Interfaces
Building Web Hack Interfaces
Christian Heilmann
Yui- Yahoo! User Interface Library
Yui- Yahoo! User Interface Library
Momentum Design Lab
yui3 is Sexy - 使用 YUI 3 的 Sexy Part !
yui3 is Sexy - 使用 YUI 3 的 Sexy Part !
Joseph Chiang
Info2006 Web20 Taly Print
Info2006 Web20 Taly Print
Ram Srivastava
Yii php framework_honey
Yii php framework_honey
Honeyson Joseph
Yahoo For You - Services and Libraries
Yahoo For You - Services and Libraries
Christian Heilmann
Hacking101 delhi 2013
Hacking101 delhi 2013
Jithin Emmanuel
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
Igalia
Más contenido relacionado
Similar a Introduction to YUI - IIT Kharagpur
YUI introduction to build hack interfaces
YUI introduction to build hack interfaces
Christian Heilmann
Yui mixer
Yui mixer
Harsha Vashisht
YUI open for all !
YUI open for all !
Subramanyan Murali
Technical Introduction to YDN
Technical Introduction to YDN
Christian Heilmann
Yahoo for the Masses
Yahoo for the Masses
Christian Heilmann
Purple Hack Fodder - my presentation at mashed08
Purple Hack Fodder - my presentation at mashed08
Christian Heilmann
Fuel for a great web experience
Fuel for a great web experience
Christian Heilmann
Fuel for a great web experience.
Fuel for a great web experience.
elliando dias
iPhone/iPad Development with Titanium
iPhone/iPad Development with Titanium
Axway Appcelerator
Appcelerator iPhone/iPad Dev Con 2010 San Diego, CA
Appcelerator iPhone/iPad Dev Con 2010 San Diego, CA
Jeff Haynie
Building Web Interfaces
Building Web Interfaces
Christian Heilmann
YUI3 and AlloyUI Introduction for Pernambuco.JS 2012
YUI3 and AlloyUI Introduction for Pernambuco.JS 2012
Eduardo Lundgren
Professional web development with libraries
Professional web development with libraries
Christian Heilmann
Building Web Hack Interfaces
Building Web Hack Interfaces
Christian Heilmann
Yui- Yahoo! User Interface Library
Yui- Yahoo! User Interface Library
Momentum Design Lab
yui3 is Sexy - 使用 YUI 3 的 Sexy Part !
yui3 is Sexy - 使用 YUI 3 的 Sexy Part !
Joseph Chiang
Info2006 Web20 Taly Print
Info2006 Web20 Taly Print
Ram Srivastava
Yii php framework_honey
Yii php framework_honey
Honeyson Joseph
Yahoo For You - Services and Libraries
Yahoo For You - Services and Libraries
Christian Heilmann
Hacking101 delhi 2013
Hacking101 delhi 2013
Jithin Emmanuel
Similar a Introduction to YUI - IIT Kharagpur
(20)
YUI introduction to build hack interfaces
YUI introduction to build hack interfaces
Yui mixer
Yui mixer
YUI open for all !
YUI open for all !
Technical Introduction to YDN
Technical Introduction to YDN
Yahoo for the Masses
Yahoo for the Masses
Purple Hack Fodder - my presentation at mashed08
Purple Hack Fodder - my presentation at mashed08
Fuel for a great web experience
Fuel for a great web experience
Fuel for a great web experience.
Fuel for a great web experience.
iPhone/iPad Development with Titanium
iPhone/iPad Development with Titanium
Appcelerator iPhone/iPad Dev Con 2010 San Diego, CA
Appcelerator iPhone/iPad Dev Con 2010 San Diego, CA
Building Web Interfaces
Building Web Interfaces
YUI3 and AlloyUI Introduction for Pernambuco.JS 2012
YUI3 and AlloyUI Introduction for Pernambuco.JS 2012
Professional web development with libraries
Professional web development with libraries
Building Web Hack Interfaces
Building Web Hack Interfaces
Yui- Yahoo! User Interface Library
Yui- Yahoo! User Interface Library
yui3 is Sexy - 使用 YUI 3 的 Sexy Part !
yui3 is Sexy - 使用 YUI 3 的 Sexy Part !
Info2006 Web20 Taly Print
Info2006 Web20 Taly Print
Yii php framework_honey
Yii php framework_honey
Yahoo For You - Services and Libraries
Yahoo For You - Services and Libraries
Hacking101 delhi 2013
Hacking101 delhi 2013
Último
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
Igalia
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
sammart93
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Khem
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
Último
(20)
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Introduction to YUI - IIT Kharagpur
1.
YUI Hack U
– IIT Kharagpur Harsha Vashisht mail@harsharv.comhttp://www.harsharv.com
2.
The client side
is where strange things happen.
3.
Browsers render in
fascinating and totally wrong ways.
4.
Random code from
dubious sources interferes with your godlike, clean and high quality code....and you fix more than you develop.
5.
The web is
a total mess!
6.
To make things
work for Yahoo! we needed to find a way to abstract these issues away from us.
7.
8.
And this is
why we built the YUI.
9.
YUI is a
framework to build working web applications.
10.
It includes CSS
solutions to create layouts that work across browsers and allow for predictable typography.
11.
And it takes
the pain out of writing JavaScript.
12.
Last but very
much not least it allows you to create applications using tested and working widgets that extend what HTML gives us.
13.
Auto Complete Data
Table Interface Widgets Button Layout Menu Calendar Rich Text Charts Tab View Container
14.
Everything is fully
documented with around 300 examples!
15.
1. Documentationhttp://developer.yahoo.com/yui/docs/2. Exampleshttp://developer.yahoo.com/yui/examples/
16.
All YUI components
come as a debug version which log everything that is going on to the logger.
17.
All in all
YUI allows you to build web interfaces without having to know all the pain that goes on in the browser world.
18.
Now, lets have
a look at what YUI has to offer.
19.
1. Data Sourcehttp://developer.yahoo.com/yui/3/datasource/
20.
The DataSource Utility
provides a consistent API for the retrieval of data from arbitrary sources over a variety of supported protocols.
21.
Remote sources Polling
Caching Events
22.
http://developer.yahoo.com/yui/3/examples/datasource/datasource_get.html
23.
YUI allows you
to fetch data from YQL directly!
24.
http://developer.yahoo.com/yui/3/examples/yql/simple-yql.html
25.
2. Auto complete
26.
http://developer.yahoo.com/yui/3/examples/autocomplete/ac_datasource.html
27.
3. Data Charts
28.
Now.. I want
to draw a graph..
29.
Duck.. There will
be code Duck.. There will be code
30.
My code.. YUI().use('charts',
function (Y) { varmyDataValues = [ {category:"5/1/2010", values:2000}, {category:"5/2/2010", values:50}, {category:"5/3/2010", values:400}, {category:"5/4/2010", values:200}, {category:"5/5/2010", values:5000} ]; varmychart = new Y.Chart({dataProvider:myDataValues, render:"#mychart"}); });
31.
Ain’t that kick
ass???
32.
Let us look
at the examples page… http://developer.yahoo.com/yui/3/examples/
33.
Questions???
34.
Some people I
need to thank… Christian Heilmann GopalrathnamVenkatesan
35.
Harsha R. Vashishtmail@harsharv.com
http://www.harsharv.comhttp://twitter.com/harsharv http://www.facebook.com/harsharv
Notas del editor
How many have used YUI?How many have done FE dev?Design Patterns - Use
You can control on Server side..
1. Used Banking and Share sites…
Crow Parrot
Descargar ahora