Ui components

1. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | www.e4d.co.il www.choroshin.com JavaScript UI Components Israel JavaScript Conference

2. 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 examples Click on the image for example

34. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | - Mobile examples Click 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 choosing a Web UI Component

43. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Purchase - Pros Purchase - Cons Purchase 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

50. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Building large, single-page web apps with a smart component models isn’t easy today. Web Components help developer encapsulate they HTML, CSS and JavaScript so it doesn’t interfere with the rest of the page and the page doesn’t interfere 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 give developers an easier way to create web sites and recyclable widgets on these sites with the help of the HTML, CSS and 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/webcomponent s/index.html#6

54. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | With Shadow DOM, elements can get a new kind of node associated with them. This new kind of node is called a shadow root. An element that has a shadow root associated with it is called a shadow host. The content of a shadow host isn’t rendered; the content of the shadow root is rendered instead.

55. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | A number of Google engineers are also working on Project Polymer, which aims to write a web application framework that’s built upon the idea of Web Components and will allow developers to use the ideas behind Web Components on browsers that don’t even feature all of the necessary technologies yet.

56. 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 all browsers. Chrome Canary includes support for Web Components, but it’s hidden behind a number of flags

57. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | Polymer http://jsfiddle.net/choroshin/Kd G2S/

58. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | http://techcrunch.com/2013/05/19/google-believes-webcomponents-are-the-future-of-web-development/ http://html5- demos.appspot.com/static/webcomponents/index.html#1 http://www.polymer-project.org/ http://www.html5rocks.com/en/tutorials/webcomponents/shadowdo m/ http://www.youtube.com/watch?feature=player_embedded&v=0g0oO OT86NY http://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-sourceType http://demos.kendoui.comPurchaseUi widgets http://demo.mobiscroll.com/PurchaseMobile ui widgets http://www.highcharts.com/PurchaseCharts http://cubiq.org/open-sourceMobile ui widgets 09/2012http://www.nobodymuch.com/ -filter-sort-plugin-jquery-/datatables tables.html open-sourceDataGrid http://yuilibrary.com/open-sourceUi widgets http://www.devexpress.com/Support/ 5Demos/#!platform=html PurchaseUi widgets http://www.chartjs.org/open-sourceCharts ui.com/web/2http://wopen-sourceDataGrid http://amsul.ca/pickadate.js/open-sourceDate picker http://www.datatables.net/open-sourceDataGrid -15http://www.hotscripts.com/blog/ -html-enhance-grids-data-javascript tables/ open-sourceDataGrid collection

60. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | URLPurchase/open-sourceType http://www.jqwidgets.com/open-sourceUi widgets http://tympanus.net/open-sourceUi widgetsplugins http://www.jsdb.io/?sort=trendingopen-source/Purchasecollection of JavaScript libraries http://maker.github.io/ratchet/open-sourceMobile ui widgets http://www.humblesoftware.com/open-sourceGraph/Charts http://www.unheap.com/open-source/Purchasecollection of JavaScript libraries https://github.com/posabsolute/jque engage#readme-ry open-sourceEngage

63. Israel JavaScript Conference | 03 – 6325707 | info@e4d.co.il | www.js-il.com | www.choroshin.com www.e4d.co.il www.choroshin.com

Ui components

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Ui components

Semelhante a Ui components (20)

Último

Último (20)

Ui components

Notas do Editor