Ui components

  • 940 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
940
On Slideshare
0
From Embeds
0
Number of Embeds
11

Actions

Shares
Downloads
11
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • הבאז הגדול של HTML5 והתפתחות טכנולוגית נתנה סוף סוף אפשרות לייצר אפליקציות WEB שמתנהגות כמו אפלקציותDESCTOP (GMAIL,OUTLOOK) אתמול פתחתי את המצגת בPPהוואביולשנייה הייתי בטוח שפתחתי אותה מהDESCTOP .חדשות אפשרה פיתוח של אפליקציות SPA
  • על פי בדיקה פשוטה ב GOOGLETRENDS ניתן לראות שיש מגמה מאוד ברורה , לאן הולכת התעשייה.ולמה אני מספר לכם את כל זה?
  • js נתנו אפשרות לפתח WIN8
  • ההתפתחות הטכנולוגית והביקוש לאפליקציות DESCTOP יצרה ביקוש רב לרכיבים מדליקים שחווית השימוש בהם תהיה כמו אפליקציה NATIVEwrite once run anywhere
  • זה תלוי, צריך להתחשב במספר גורמים

Transcript

  • 1. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |www.e4d.co.ilwww.choroshin.comJavaScript UI ComponentsIsrael JavaScript Conference
  • 2. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  • 3. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  • 4. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  • 5. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  • 6. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  • 7. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Today we will Show you demos that will make you say wow!
  • 8. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 9. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 10. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 11. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 12. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 13. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 14. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 15. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 16. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 17. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 18. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 19. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 20. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 21. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 22. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 23. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 24. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 25. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 26. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 27. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 28. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 29. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 30. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 31. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 32. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 33. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 34. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Mobile examplesClick on the image for example
  • 35. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Mobile examplesClick on the image for example
  • 36. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Mobile examplesClick on the image for example
  • 37. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Mobile examplesClick on the image for example
  • 38. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Mobile examplesClick on the image for example
  • 39. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Mobile examplesClick on the image for example
  • 40. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Mobile examplesClick on the image for example
  • 41. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |What is the difference between:Plugin and a Widget?
  • 42. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Things to consider when choosinga Web UI Component
  • 43. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Purchase - ProsPurchase - ConsPurchase or use “Open-source” ?
  • 44. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |‘Open-source’ - Pros‘Open-source’ - Cons
  • 45. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Community Ecosystem
  • 46. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Cross browser compatibility
  • 47. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Code Complexity
  • 48. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  • 49. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  • 50. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Building large, single-page web apps with a smart componentmodels isn’t easy today. Web Components help developerencapsulate they HTML, CSS and JavaScript so it doesn’tinterfere with the rest of the page and the page doesn’tinterfere with it.
  • 51. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |So what is this all about?Essentially, Web Components givedevelopers an easier way to create websites and recyclable widgets on thesesites with the help of the HTML, CSSand JavaScript they already know.
  • 52. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |http://jsfiddle.net/choroshin/h3mez/http://html5-demos.appspot.com/static/webcomponents/index.html#6
  • 53. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  • 54. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |With Shadow DOM, elements can get a new kind of nodeassociated with them. This new kind of node is calleda shadow root. An element that has a shadow rootassociated with it is called a shadow host. The content of ashadow host isn’t rendered; the content of the shadow rootis rendered instead.
  • 55. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |A number of Google engineers are also workingon Project Polymer, which aims to write a webapplication framework that’s built upon the idea ofWeb Components and will allow developers to usethe ideas behind Web Components on browsersthat don’t even feature all of the necessarytechnologies yet.
  • 56. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |It’s worth noting that, for the timebeing, developers can’t rely on this to work in allbrowsers. Chrome Canary includes support forWeb Components, but it’s hidden behind anumber of flags
  • 57. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Polymerhttp://jsfiddle.net/choroshin/KdG2S/
  • 58. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |http://techcrunch.com/2013/05/19/google-believes-web-components-are-the-future-of-web-development/http://html5-demos.appspot.com/static/webcomponents/index.html#1http://www.polymer-project.org/http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/http://www.youtube.com/watch?feature=player_embedded&v=0g0oOOT86NYhttp://www.w3.org/TR/2013/WD-components-intro-20130606/
  • 59. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |URLPurchase/open-sourceTypehttp://demos.kendoui.comPurchaseUi widgetshttp://demo.mobiscroll.com/PurchaseMobile ui widgetshttp://www.highcharts.com/PurchaseChartshttp://cubiq.org/open-sourceMobile ui widgets09/2012http://www.nobodymuch.com/-filter-sort-plugin-jquery-/datatablestables.htmlopen-sourceDataGridhttp://yuilibrary.com/open-sourceUi widgetshttp://www.devexpress.com/Support/5Demos/#!platform=htmlPurchaseUi widgetshttp://www.chartjs.org/open-sourceChartsui.com/web/2http://wopen-sourceDataGridhttp://amsul.ca/pickadate.js/open-sourceDate pickerhttp://www.datatables.net/open-sourceDataGrid-15http://www.hotscripts.com/blog/-html-enhance-grids-data-javascripttables/open-sourceDataGrid collection
  • 60. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |URLPurchase/open-sourceTypehttp://www.jqwidgets.com/open-sourceUi widgetshttp://tympanus.net/open-sourceUi widgetspluginshttp://www.jsdb.io/?sort=trendingopen-source/Purchasecollection of JavaScriptlibrarieshttp://maker.github.io/ratchet/open-sourceMobile ui widgetshttp://www.humblesoftware.com/open-sourceGraph/Chartshttp://www.unheap.com/open-source/Purchasecollection of JavaScriptlibrarieshttps://github.com/posabsolute/jqueengage#readme-ryopen-sourceEngage
  • 61. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  • 62. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  • 63. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |www.choroshin.comwww.e4d.co.ilwww.choroshin.com