SlideShare ist ein Scribd-Unternehmen logo
1 von 19
JavaScript Library
       Shyamala Prayaga
       May 2009
Agenda


          • JavaScript Libraries – what, why.

          • Advantages/Disadvantages.

          • Commonly used Libraries.

          • Features/Controls.




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   2
What are JavaScript Libraries?


          Definition

          • A collection of JavaScript code
               –      Commonly used functions, shortcuts, and animation effects
               –      Extend the nature of JavaScript
               –      Data manipulation helpers
               –      User Interface elements

          • Released and maintained by an individual, group or
            company.

          • Licensed to users.


Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL                         3
Advantages


          • Quick and Easy

          • No need to be a master

          • Cross-browser compatible

          • No reinventing the wheel

          • Code maintenance

          • Reduced programming hours

          • Mixed libraries


Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   4
Disadvantages


          • No control

          • Can become a crutch

          • Can be limited




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   5
Features




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   6
Drag and Drop




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   7
AutoComplete




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   8
Modal Dialog




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   9
TreeGrid




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   10
Tabbed Pane




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   11
Date Picker




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   12
Slider




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   13
More


          • Color Picker

          • Accordion

          • WYSIWYG

          • Data Grid

          • Edit in place




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   14
Commonly used Libraries


          • Prototype

          • Yahoo UI

          • Jquery

          • Dojo

          • Scriptaculous




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   15
Popularity and Usage




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   16
Comparison




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   17
Browser Support


          • All Libraries support

                 IE 6+, Firefox 2+, Safari 2+, Opera 9+




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   18
Questions?




Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL   19

Weitere ähnliche Inhalte

Ähnlich wie Javascript Library

Improving Drupal's Page Loading Performance
Improving Drupal's Page Loading PerformanceImproving Drupal's Page Loading Performance
Improving Drupal's Page Loading PerformanceWim Leers
 
AJUBY Open Source Application Builder
AJUBY Open Source Application BuilderAJUBY Open Source Application Builder
AJUBY Open Source Application Builderajuby
 
Administrivia: Golden Tips for Making JIRA Hum
Administrivia: Golden Tips for Making JIRA HumAdministrivia: Golden Tips for Making JIRA Hum
Administrivia: Golden Tips for Making JIRA HumAtlassian
 
Administrivia: Golden Tips for Making JIRA Hum
Administrivia: Golden Tips for Making JIRA HumAdministrivia: Golden Tips for Making JIRA Hum
Administrivia: Golden Tips for Making JIRA HumAtlassian
 
User Driven Product Strategy
User Driven Product StrategyUser Driven Product Strategy
User Driven Product StrategySatyajeet Singh
 
Groovy Testing Aug2009
Groovy Testing Aug2009Groovy Testing Aug2009
Groovy Testing Aug2009guest4a266c
 
Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]Ajax Experience 2009
 
Hierarchy Of User Experience Needs
Hierarchy Of User Experience NeedsHierarchy Of User Experience Needs
Hierarchy Of User Experience NeedsLyndon Cerejo
 
Ryan Campbell - OpenFlux and Flex 4
Ryan Campbell - OpenFlux and Flex 4Ryan Campbell - OpenFlux and Flex 4
Ryan Campbell - OpenFlux and Flex 4360|Conferences
 
Groovy Testing Sep2009
Groovy Testing Sep2009Groovy Testing Sep2009
Groovy Testing Sep2009Paul King
 
What is Ruby on Rails?
What is Ruby on Rails?What is Ruby on Rails?
What is Ruby on Rails?Karmen Blake
 
A path to modularity with Eclipse Virgo
A path to modularity with Eclipse VirgoA path to modularity with Eclipse Virgo
A path to modularity with Eclipse Virgokatya_todorova
 
HBase and Hadoop at Adobe
HBase and Hadoop at AdobeHBase and Hadoop at Adobe
HBase and Hadoop at AdobeCosmin Lehene
 
What's new in Juno
What's new in JunoWhat's new in Juno
What's new in JunoTomasz Zarna
 
Jonathon Rochelle @ FOWA Feb 07
Jonathon Rochelle @ FOWA Feb 07Jonathon Rochelle @ FOWA Feb 07
Jonathon Rochelle @ FOWA Feb 07carsonsystems
 
【企画書】ReceReco:新規事業討議用社内資料
【企画書】ReceReco:新規事業討議用社内資料【企画書】ReceReco:新規事業討議用社内資料
【企画書】ReceReco:新規事業討議用社内資料Find Job Startup
 

Ähnlich wie Javascript Library (20)

Improving Drupal's Page Loading Performance
Improving Drupal's Page Loading PerformanceImproving Drupal's Page Loading Performance
Improving Drupal's Page Loading Performance
 
AJUBY Open Source Application Builder
AJUBY Open Source Application BuilderAJUBY Open Source Application Builder
AJUBY Open Source Application Builder
 
Administrivia: Golden Tips for Making JIRA Hum
Administrivia: Golden Tips for Making JIRA HumAdministrivia: Golden Tips for Making JIRA Hum
Administrivia: Golden Tips for Making JIRA Hum
 
Administrivia: Golden Tips for Making JIRA Hum
Administrivia: Golden Tips for Making JIRA HumAdministrivia: Golden Tips for Making JIRA Hum
Administrivia: Golden Tips for Making JIRA Hum
 
Glass Fish Portfolio C1 West V3.Mini
Glass Fish Portfolio C1 West V3.MiniGlass Fish Portfolio C1 West V3.Mini
Glass Fish Portfolio C1 West V3.Mini
 
User Driven Product Strategy
User Driven Product StrategyUser Driven Product Strategy
User Driven Product Strategy
 
Groovy Testing Aug2009
Groovy Testing Aug2009Groovy Testing Aug2009
Groovy Testing Aug2009
 
Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]Colin Clark Accessible U Is With J Query And Infusion[1]
Colin Clark Accessible U Is With J Query And Infusion[1]
 
Hierarchy Of User Experience Needs
Hierarchy Of User Experience NeedsHierarchy Of User Experience Needs
Hierarchy Of User Experience Needs
 
Ryan Campbell - OpenFlux and Flex 4
Ryan Campbell - OpenFlux and Flex 4Ryan Campbell - OpenFlux and Flex 4
Ryan Campbell - OpenFlux and Flex 4
 
Groovy Testing Sep2009
Groovy Testing Sep2009Groovy Testing Sep2009
Groovy Testing Sep2009
 
What is Ruby on Rails?
What is Ruby on Rails?What is Ruby on Rails?
What is Ruby on Rails?
 
JavaFX Uni Parthenope
JavaFX Uni ParthenopeJavaFX Uni Parthenope
JavaFX Uni Parthenope
 
A path to modularity with Eclipse Virgo
A path to modularity with Eclipse VirgoA path to modularity with Eclipse Virgo
A path to modularity with Eclipse Virgo
 
HBase and Hadoop at Adobe
HBase and Hadoop at AdobeHBase and Hadoop at Adobe
HBase and Hadoop at Adobe
 
What's new in Juno
What's new in JunoWhat's new in Juno
What's new in Juno
 
Jonathon Rochelle @ FOWA Feb 07
Jonathon Rochelle @ FOWA Feb 07Jonathon Rochelle @ FOWA Feb 07
Jonathon Rochelle @ FOWA Feb 07
 
XTech May 2008
XTech May 2008XTech May 2008
XTech May 2008
 
X Means Y
X Means YX Means Y
X Means Y
 
【企画書】ReceReco:新規事業討議用社内資料
【企画書】ReceReco:新規事業討議用社内資料【企画書】ReceReco:新規事業討議用社内資料
【企画書】ReceReco:新規事業討議用社内資料
 

Mehr von Shyamala Prayaga

Leveraging Augmented Reality Capability for enhancing the shopping experience
Leveraging Augmented Reality Capability for enhancing the shopping experienceLeveraging Augmented Reality Capability for enhancing the shopping experience
Leveraging Augmented Reality Capability for enhancing the shopping experienceShyamala Prayaga
 
My Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android DesignMy Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android DesignShyamala Prayaga
 
Interaction design workshop
Interaction design workshopInteraction design workshop
Interaction design workshopShyamala Prayaga
 
Mobile accessibility challenges and best practices v2
Mobile accessibility   challenges and best practices v2Mobile accessibility   challenges and best practices v2
Mobile accessibility challenges and best practices v2Shyamala Prayaga
 
MOBILE INTERACTION PATTERNS AND NON PATTERNS
MOBILE INTERACTION PATTERNS AND NON PATTERNSMOBILE INTERACTION PATTERNS AND NON PATTERNS
MOBILE INTERACTION PATTERNS AND NON PATTERNSShyamala Prayaga
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Shyamala Prayaga
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Shyamala Prayaga
 
Mobile UI and Usability Guidelines V1
Mobile UI and Usability Guidelines V1Mobile UI and Usability Guidelines V1
Mobile UI and Usability Guidelines V1Shyamala Prayaga
 
iPhone application development training day 1
iPhone application development training day 1iPhone application development training day 1
iPhone application development training day 1Shyamala Prayaga
 
Improving Site Performace Using Css Sprite
Improving Site Performace Using Css SpriteImproving Site Performace Using Css Sprite
Improving Site Performace Using Css SpriteShyamala Prayaga
 

Mehr von Shyamala Prayaga (20)

HealthyCodeMay2014
HealthyCodeMay2014HealthyCodeMay2014
HealthyCodeMay2014
 
Leveraging Augmented Reality Capability for enhancing the shopping experience
Leveraging Augmented Reality Capability for enhancing the shopping experienceLeveraging Augmented Reality Capability for enhancing the shopping experience
Leveraging Augmented Reality Capability for enhancing the shopping experience
 
My Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android DesignMy Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android Design
 
Ticketing Application
Ticketing ApplicationTicketing Application
Ticketing Application
 
Interaction design workshop
Interaction design workshopInteraction design workshop
Interaction design workshop
 
Android design in action
Android design in actionAndroid design in action
Android design in action
 
Mobile accessibility challenges and best practices v2
Mobile accessibility   challenges and best practices v2Mobile accessibility   challenges and best practices v2
Mobile accessibility challenges and best practices v2
 
Mobile Prototyping
Mobile PrototypingMobile Prototyping
Mobile Prototyping
 
MOBILE INTERACTION PATTERNS AND NON PATTERNS
MOBILE INTERACTION PATTERNS AND NON PATTERNSMOBILE INTERACTION PATTERNS AND NON PATTERNS
MOBILE INTERACTION PATTERNS AND NON PATTERNS
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2
 
Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2Adobe Flex - Developing Rich Internet Application Workshop Day 2
Adobe Flex - Developing Rich Internet Application Workshop Day 2
 
Accessibility and ucd
Accessibility and ucdAccessibility and ucd
Accessibility and ucd
 
Android Design
Android DesignAndroid Design
Android Design
 
Mobile UI and Usability Guidelines V1
Mobile UI and Usability Guidelines V1Mobile UI and Usability Guidelines V1
Mobile UI and Usability Guidelines V1
 
Mobile Web Frameworks
Mobile Web FrameworksMobile Web Frameworks
Mobile Web Frameworks
 
iPhone application development training day 1
iPhone application development training day 1iPhone application development training day 1
iPhone application development training day 1
 
Usability Testing
Usability TestingUsability Testing
Usability Testing
 
Json
JsonJson
Json
 
Ethenographic research
Ethenographic researchEthenographic research
Ethenographic research
 
Improving Site Performace Using Css Sprite
Improving Site Performace Using Css SpriteImproving Site Performace Using Css Sprite
Improving Site Performace Using Css Sprite
 

Javascript Library

  • 1. JavaScript Library Shyamala Prayaga May 2009
  • 2. Agenda • JavaScript Libraries – what, why. • Advantages/Disadvantages. • Commonly used Libraries. • Features/Controls. Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 2
  • 3. What are JavaScript Libraries? Definition • A collection of JavaScript code – Commonly used functions, shortcuts, and animation effects – Extend the nature of JavaScript – Data manipulation helpers – User Interface elements • Released and maintained by an individual, group or company. • Licensed to users. Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 3
  • 4. Advantages • Quick and Easy • No need to be a master • Cross-browser compatible • No reinventing the wheel • Code maintenance • Reduced programming hours • Mixed libraries Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 4
  • 5. Disadvantages • No control • Can become a crutch • Can be limited Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 5
  • 6. Features Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 6
  • 7. Drag and Drop Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 7
  • 8. AutoComplete Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 8
  • 9. Modal Dialog Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 9
  • 10. TreeGrid Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 10
  • 11. Tabbed Pane Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 11
  • 12. Date Picker Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 12
  • 13. Slider Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 13
  • 14. More • Color Picker • Accordion • WYSIWYG • Data Grid • Edit in place Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 14
  • 15. Commonly used Libraries • Prototype • Yahoo UI • Jquery • Dojo • Scriptaculous Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 15
  • 16. Popularity and Usage Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 16
  • 17. Comparison Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 17
  • 18. Browser Support • All Libraries support IE 6+, Firefox 2+, Safari 2+, Opera 9+ Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 18
  • 19. Questions? Yodlee®, Inc. Copyright © 2009 - 5/14/2009 - CONFIDENTIAL 19