Soumettre la recherche
Mettre en ligne
Introduction to YUI - IIT Kharagpur
•
Télécharger en tant que PPTX, PDF
•
0 j'aime
•
696 vues
Harsha Vashisht
Suivre
Using YUI for hacks.
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 35
Télécharger maintenant
Recommandé
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
Recommandé
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
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
Igalia
Contenu connexe
Similaire à 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
Similaire à 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
Dernier
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
Igalia
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Delhi Call girls
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
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
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
Dernier
(20)
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Slack Application Development 101 Slides
Slack Application Development 101 Slides
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
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
Notes de l'éditeur
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
Télécharger maintenant