Ui components - js-il.com
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
951
On Slideshare
951
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
5
Comments
0
Likes
1

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 ניתן לראות שיש מגמה מאוד ברורה , לאן הולכת התעשייה.ולמה אני מספר לכם את כל זה?
  • ההתפתחות הטכנולוגית והביקוש לאפליקציות 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 |Today we will Show you demos that will make you say wow!
  • 7. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Web examplesClick on the image for example
  • 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 |- Mobile examplesClick on the image for example
  • 27. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Mobile examplesClick on the image for example
  • 28. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Mobile examplesClick on the image for example
  • 29. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |- Mobile examplesClick on the image for example
  • 30. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |What is the difference between:Plugin and a Widget?
  • 31. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Things to consider when choosinga Web UI Component
  • 32. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Purchase - ProsPurchase - ConsPurchase or use “Open-source” ?
  • 33. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |‘Open-source’ - Pros‘Open-source’ - Cons
  • 34. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Community Ecosystem
  • 35. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  • 36. 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.
  • 37. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |So what is this all about? Essentially,Web Components give developers aneasier way to create web sites andrecyclable widgets on these sites withthe help of the HTML, CSS andJavaScript they already know.
  • 38. 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
  • 39. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  • 40. 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.
  • 41. 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.
  • 42. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |It’s worth noting that, for the time being,developers can’t rely on this to work in allbrowsers. Chrome Canary includes support forWeb Components, but it’s hidden behind anumber of flags
  • 43. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |Polymerhttp://jsfiddle.net/choroshin/KdG2S/
  • 44. 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/
  • 45. 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
  • 46. 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 widgetsplugins
  • 47. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com |
  • 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 |www.choroshin.comwww.e4d.co.ilwww.choroshin.com