Submit Search
Upload
Web components
•
0 likes
•
507 views
Revath S Kumar
Follow
The Component model for the web
Read less
Read more
Technology
Report
Share
Report
Share
1 of 26
Download now
Download to read offline
Recommended
Iasi code camp 12 october 2013 shadow dom - mihai bîrsan
Iasi code camp 12 october 2013 shadow dom - mihai bîrsan
Codecamp Romania
Beginner's level overview of the Django web framework, with some c. Presented at Kiwi Pycon 2011
Django for n00bs
Django for n00bs
Jen Zajac
Web Components are like Lego bricks. Easy to assemble and every piece simply fits together. But there is even more to it. Being able to create your own HTML-Tags with encapsulated style & logic changes the way you think about structuring your web applications. Get a sneak peek on how to develop scalable & maintainable applications in the future.
Web Components
Web Components
Nikolaus Graf
AngularJS for Legacy Apps
AngularJS for Legacy Apps
Peter Drinnan
`From Prototype to Drupal` presentation by senior front-end developer at Lemberg, Andrew Ivasiv. To learn more check out: - Andrew profile on drupal.org - https://www.drupal.org/u/andrew147 - Drupal Cafe Lviv - https://www.facebook.com/DrupalCafeLviv - Drupal Cafe Lviv on Twitter - https://www.facebook.com/DrupalCafeLviv - Video recordings of presentations - https://www.youtube.com/playlist?list=PLjEjDP2xY2y5fnWUhj2NjEeVfIxk94ZH2 - Learn more about Lemberg - http://lemberg.co.uk/
`From Prototype to Drupal` by Andrew Ivasiv
`From Prototype to Drupal` by Andrew Ivasiv
Lemberg Solutions
Django CMS basics, installation and some advanced topics
Introduction to Django CMS
Introduction to Django CMS
Pim Van Heuven
Front End Tooling and Performance is a case study on what I used to make missedin-hkg.com load in less than 1000ms and optimise front end performance in various ways. This talk has been held at the Codeaholics Meetup in Hong Kong on 08. April 2015.
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Holger Bartel
AngularJS is a new JavaScript framework, backed by Google, for building powerful, complex and rich client-side web applications. We will go over the features and basics of building a web application with AngularJS and we will demonstrate how to communicate with a REST server built with PHP.
Tek 2013 - Building Web Apps from a New Angle with AngularJS
Tek 2013 - Building Web Apps from a New Angle with AngularJS
Pablo Godel
Recommended
Iasi code camp 12 october 2013 shadow dom - mihai bîrsan
Iasi code camp 12 october 2013 shadow dom - mihai bîrsan
Codecamp Romania
Beginner's level overview of the Django web framework, with some c. Presented at Kiwi Pycon 2011
Django for n00bs
Django for n00bs
Jen Zajac
Web Components are like Lego bricks. Easy to assemble and every piece simply fits together. But there is even more to it. Being able to create your own HTML-Tags with encapsulated style & logic changes the way you think about structuring your web applications. Get a sneak peek on how to develop scalable & maintainable applications in the future.
Web Components
Web Components
Nikolaus Graf
AngularJS for Legacy Apps
AngularJS for Legacy Apps
Peter Drinnan
`From Prototype to Drupal` presentation by senior front-end developer at Lemberg, Andrew Ivasiv. To learn more check out: - Andrew profile on drupal.org - https://www.drupal.org/u/andrew147 - Drupal Cafe Lviv - https://www.facebook.com/DrupalCafeLviv - Drupal Cafe Lviv on Twitter - https://www.facebook.com/DrupalCafeLviv - Video recordings of presentations - https://www.youtube.com/playlist?list=PLjEjDP2xY2y5fnWUhj2NjEeVfIxk94ZH2 - Learn more about Lemberg - http://lemberg.co.uk/
`From Prototype to Drupal` by Andrew Ivasiv
`From Prototype to Drupal` by Andrew Ivasiv
Lemberg Solutions
Django CMS basics, installation and some advanced topics
Introduction to Django CMS
Introduction to Django CMS
Pim Van Heuven
Front End Tooling and Performance is a case study on what I used to make missedin-hkg.com load in less than 1000ms and optimise front end performance in various ways. This talk has been held at the Codeaholics Meetup in Hong Kong on 08. April 2015.
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Holger Bartel
AngularJS is a new JavaScript framework, backed by Google, for building powerful, complex and rich client-side web applications. We will go over the features and basics of building a web application with AngularJS and we will demonstrate how to communicate with a REST server built with PHP.
Tek 2013 - Building Web Apps from a New Angle with AngularJS
Tek 2013 - Building Web Apps from a New Angle with AngularJS
Pablo Godel
Why speed is something developers should be in charge of? Product people rarely know what to ask “Can you make this faster?” Invest in speed, It’s one of the best things to spend your time on.
BOOM Performance
BOOM Performance
dapulse
London Web Standards, 24th November 2014
Web Components: What, Why, How, and When
Web Components: What, Why, How, and When
Peter Gasston
We’ve been toying around with JS since 4 years, trying to figure out what’s the best approach to build mobile-friendly apps that would offer the best performances on mobile devices. We first went SPA and then decided to take a different approach, as 3 years ago we decided to tackle our problems on mobile with an isomorphic application. Today, we would like to guide you through years of that choice and why we decided to take a step back and go revamp our mobile website again, with server-side rendering and a pinch of React. Spoiler alert: 30ms is considered slow.
Spa, isomorphic and back to the server our journey with js @ frontend con po...
Spa, isomorphic and back to the server our journey with js @ frontend con po...
Alessandro Nadalin
Circuit Chicago Presentation - a highlight of developer centric features for Adobe Experience Manager 6. Presented by Emily Stange and Cedric Huesler
Experience Manager 6 Developer Features - Highlights
Experience Manager 6 Developer Features - Highlights
Cédric Hüsler
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. Bootstrap.
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...
Cedric Spillebeen
A talk given at the Israeli JBoss User Group meeting (JBug-11), May-25-2009.
Intro To Django
Intro To Django
Udi Bauman
This is the slide deck I used to give a talk at the Belgian Fronteers meetup at Microsoft Zaventem in 2012. The talk covered the personal lessons I learned while building a SAAS application.
Fronteers 2012 - Lessons learned from building a SAAS app
Fronteers 2012 - Lessons learned from building a SAAS app
Goodbytes
Supercharge Magento page speeds with frontend optimisation alone. These are the slides from my 2015 talk at Mage Titans.
Fronted From Scratch - Supercharge Magento page speed
Fronted From Scratch - Supercharge Magento page speed
Yousef Cisco
Dive deep into the new ASP.NET AJAX features and capabilities including patterns covering search optimization, user interface and usability, intuitive navigation, and much more.
Real-World AJAX with ASP.NET
Real-World AJAX with ASP.NET
goodfriday
An introductory presentation on Vue.js.
Don't Over-React - just use Vue!
Don't Over-React - just use Vue!
Raymond Camden
Hello and welcome to VForce Infotech Training on MVC Frameworks for Building PHP Web Applications. In this course we are going to look at PHP, and specifically we are going to look into some of the main frameworks that you can use to develop PHP applications. We are going to look at some of the patterns, most specifically the Model/View/ Controller pattern, which is at the root of every one of these frameworks. And then we are going to dive in and take a look at the Zend framework. We are going to also look at the SymFony framework. We will look at the lightweight CodeIgniter framework. And lastly will look at CakePHP. This course was designed to introduce you to some of the more popular PHP frameworks. Hopefully you can choose what might be right for you and your project. I'll show you how to get started in each of them and you can take it from there. So let's get started.
MVC Frameworks for building PHP Web Applications
MVC Frameworks for building PHP Web Applications
Vforce Infotech
Why Django for Web Development?
Why Django for Web Development
Why Django for Web Development
Morteza Zohoori Shoar
An overview of web development essentials that will help you as a user experience designer to not only understand how to integrate designs with development components, but also to learn some tips on interacting effectively with developers.
Web Development for UX Designers
Web Development for UX Designers
Ashlimarie
Hello world
Hello world
llynn83wou
chapter 4
Upstate CSCI 450 WebDev Chapter 4
Upstate CSCI 450 WebDev Chapter 4
DanWooster1
Work is well underway for adding Bootstrap to Joomla for the series 3.x. This presentation gives an overview of the problems that Joomla is trying to solve by using Bootstrap and a brief introduction to what Bootstrap is and how it works. Given at the June 2012 monthly meeting of the Joomla User Group New England.
Bootstrap Introduction
Bootstrap Introduction
Andrea Tarr
Using a Joostrap template, Philip will be explaining & demoing how you wire frame a website right in your browser and why it will save you load's of time. There are no fancy plugins here! This is wire framing for your client, built directly in your browser & saving you untold hours messing around in other software. It is so hard sometimes, trying to get across to a client with a few drawings how the functionality of something could work. Wire framing directly in the browser gives your client a working wireframe/prototype where they can interact with links, pages & concepts. Not only that, but after client approval, you just have to style your working wireframe/prototype or switch to the template that is using the same module positions... It's a win win situation!
Joomla wireframing Template - Joomladay Netherlands 2014 #jd14nl
Joomla wireframing Template - Joomladay Netherlands 2014 #jd14nl
Philip Locke
Work with jsp in java web-applications
Web&java. jsp
Web&java. jsp
Asya Dudnik
Web Component intro at OSDC 2014, #osdctw
Web Component
Web Component
偉格 高
Introduction to rack
Rack
Rack
Revath S Kumar
Setup Node.js Development Environment and Debugging
Setup nodejs
Setup nodejs
Revath S Kumar
Curated list of my mistakes I did while working on sideprojects
Side projects : why it fails
Side projects : why it fails
Revath S Kumar
More Related Content
What's hot
Why speed is something developers should be in charge of? Product people rarely know what to ask “Can you make this faster?” Invest in speed, It’s one of the best things to spend your time on.
BOOM Performance
BOOM Performance
dapulse
London Web Standards, 24th November 2014
Web Components: What, Why, How, and When
Web Components: What, Why, How, and When
Peter Gasston
We’ve been toying around with JS since 4 years, trying to figure out what’s the best approach to build mobile-friendly apps that would offer the best performances on mobile devices. We first went SPA and then decided to take a different approach, as 3 years ago we decided to tackle our problems on mobile with an isomorphic application. Today, we would like to guide you through years of that choice and why we decided to take a step back and go revamp our mobile website again, with server-side rendering and a pinch of React. Spoiler alert: 30ms is considered slow.
Spa, isomorphic and back to the server our journey with js @ frontend con po...
Spa, isomorphic and back to the server our journey with js @ frontend con po...
Alessandro Nadalin
Circuit Chicago Presentation - a highlight of developer centric features for Adobe Experience Manager 6. Presented by Emily Stange and Cedric Huesler
Experience Manager 6 Developer Features - Highlights
Experience Manager 6 Developer Features - Highlights
Cédric Hüsler
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. Bootstrap.
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...
Cedric Spillebeen
A talk given at the Israeli JBoss User Group meeting (JBug-11), May-25-2009.
Intro To Django
Intro To Django
Udi Bauman
This is the slide deck I used to give a talk at the Belgian Fronteers meetup at Microsoft Zaventem in 2012. The talk covered the personal lessons I learned while building a SAAS application.
Fronteers 2012 - Lessons learned from building a SAAS app
Fronteers 2012 - Lessons learned from building a SAAS app
Goodbytes
Supercharge Magento page speeds with frontend optimisation alone. These are the slides from my 2015 talk at Mage Titans.
Fronted From Scratch - Supercharge Magento page speed
Fronted From Scratch - Supercharge Magento page speed
Yousef Cisco
Dive deep into the new ASP.NET AJAX features and capabilities including patterns covering search optimization, user interface and usability, intuitive navigation, and much more.
Real-World AJAX with ASP.NET
Real-World AJAX with ASP.NET
goodfriday
An introductory presentation on Vue.js.
Don't Over-React - just use Vue!
Don't Over-React - just use Vue!
Raymond Camden
Hello and welcome to VForce Infotech Training on MVC Frameworks for Building PHP Web Applications. In this course we are going to look at PHP, and specifically we are going to look into some of the main frameworks that you can use to develop PHP applications. We are going to look at some of the patterns, most specifically the Model/View/ Controller pattern, which is at the root of every one of these frameworks. And then we are going to dive in and take a look at the Zend framework. We are going to also look at the SymFony framework. We will look at the lightweight CodeIgniter framework. And lastly will look at CakePHP. This course was designed to introduce you to some of the more popular PHP frameworks. Hopefully you can choose what might be right for you and your project. I'll show you how to get started in each of them and you can take it from there. So let's get started.
MVC Frameworks for building PHP Web Applications
MVC Frameworks for building PHP Web Applications
Vforce Infotech
Why Django for Web Development?
Why Django for Web Development
Why Django for Web Development
Morteza Zohoori Shoar
An overview of web development essentials that will help you as a user experience designer to not only understand how to integrate designs with development components, but also to learn some tips on interacting effectively with developers.
Web Development for UX Designers
Web Development for UX Designers
Ashlimarie
Hello world
Hello world
llynn83wou
chapter 4
Upstate CSCI 450 WebDev Chapter 4
Upstate CSCI 450 WebDev Chapter 4
DanWooster1
Work is well underway for adding Bootstrap to Joomla for the series 3.x. This presentation gives an overview of the problems that Joomla is trying to solve by using Bootstrap and a brief introduction to what Bootstrap is and how it works. Given at the June 2012 monthly meeting of the Joomla User Group New England.
Bootstrap Introduction
Bootstrap Introduction
Andrea Tarr
Using a Joostrap template, Philip will be explaining & demoing how you wire frame a website right in your browser and why it will save you load's of time. There are no fancy plugins here! This is wire framing for your client, built directly in your browser & saving you untold hours messing around in other software. It is so hard sometimes, trying to get across to a client with a few drawings how the functionality of something could work. Wire framing directly in the browser gives your client a working wireframe/prototype where they can interact with links, pages & concepts. Not only that, but after client approval, you just have to style your working wireframe/prototype or switch to the template that is using the same module positions... It's a win win situation!
Joomla wireframing Template - Joomladay Netherlands 2014 #jd14nl
Joomla wireframing Template - Joomladay Netherlands 2014 #jd14nl
Philip Locke
Work with jsp in java web-applications
Web&java. jsp
Web&java. jsp
Asya Dudnik
Web Component intro at OSDC 2014, #osdctw
Web Component
Web Component
偉格 高
What's hot
(19)
BOOM Performance
BOOM Performance
Web Components: What, Why, How, and When
Web Components: What, Why, How, and When
Spa, isomorphic and back to the server our journey with js @ frontend con po...
Spa, isomorphic and back to the server our journey with js @ frontend con po...
Experience Manager 6 Developer Features - Highlights
Experience Manager 6 Developer Features - Highlights
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...
Intro To Django
Intro To Django
Fronteers 2012 - Lessons learned from building a SAAS app
Fronteers 2012 - Lessons learned from building a SAAS app
Fronted From Scratch - Supercharge Magento page speed
Fronted From Scratch - Supercharge Magento page speed
Real-World AJAX with ASP.NET
Real-World AJAX with ASP.NET
Don't Over-React - just use Vue!
Don't Over-React - just use Vue!
MVC Frameworks for building PHP Web Applications
MVC Frameworks for building PHP Web Applications
Why Django for Web Development
Why Django for Web Development
Web Development for UX Designers
Web Development for UX Designers
Hello world
Hello world
Upstate CSCI 450 WebDev Chapter 4
Upstate CSCI 450 WebDev Chapter 4
Bootstrap Introduction
Bootstrap Introduction
Joomla wireframing Template - Joomladay Netherlands 2014 #jd14nl
Joomla wireframing Template - Joomladay Netherlands 2014 #jd14nl
Web&java. jsp
Web&java. jsp
Web Component
Web Component
Viewers also liked
Introduction to rack
Rack
Rack
Revath S Kumar
Setup Node.js Development Environment and Debugging
Setup nodejs
Setup nodejs
Revath S Kumar
Curated list of my mistakes I did while working on sideprojects
Side projects : why it fails
Side projects : why it fails
Revath S Kumar
Katl aglaera
Katl aglaera
bryndissarah
[부산국제영화제]
프레젠테이션1
프레젠테이션1
HeoAReum
Nom.Arte (P)
Nom.Arte (P)
NomArte
Baby powerpoint 2
Baby powerpoint 2
Blakefred
Introduction to build streaming build system, Gulp.js
gulp
gulp
Revath S Kumar
Using VCR and webmock to stub API response
VCR
VCR
Revath S Kumar
Consultoría en el Proceso de Atención al Cliente
Consultoria
Consultoria
Barbara brice?
Promises in JavaScript. From KeralaJS meetup
Promises in JavaScript
Promises in JavaScript
Revath S Kumar
What's the best way to model modular, composable effects in your purely functional program? In this presentation, I take a look at monad transformers and free monads, discuss their history, and compare how effectively they solve the problem.
MTL Versus Free
MTL Versus Free
John De Goes
Modern frontend workflow
Modern frontend workflow
Revath S Kumar
This is the presentation done by Prateek Mohan Dayal @ Ruby conf india 2011. I just uploading this since i don't have a keynote viewer
Prateek dayal backbonerails-110528024926-phpapp02
Prateek dayal backbonerails-110528024926-phpapp02
Revath S Kumar
My webapp workflow with Yeoman, Grunt and Bower. From Kerala Ruby user Group meetup.
My webapp workflow
My webapp workflow
Revath S Kumar
There are many popular stream libraries for Scala developers, including Akka Streams, scalaz-stream, fs2, plus others in the Java ecosystem. While all excellent choices for building reactive Scala applications, their reliance on effects makes them particularly difficult to test and reason about. In this talk, long-time Scala functional programmer John A. De Goes takes to the stage to demonstrate a new approach to modeling streams that requires less machinery and has more reasoning power, composability, flexibility, and testability than many other approaches. By attending the talk, you'll learn how the best stream library may be the one you get for (co)free!
Streams for (Co)Free!
Streams for (Co)Free!
John De Goes
Sample Customer Pitch Deck
Sample Customer Pitch Deck
kylec2000
Helps to get started with testing in JavaScript using mocha.
Unit testing with mocha
Unit testing with mocha
Revath S Kumar
Viewers also liked
(18)
Rack
Rack
Setup nodejs
Setup nodejs
Side projects : why it fails
Side projects : why it fails
Katl aglaera
Katl aglaera
프레젠테이션1
프레젠테이션1
Nom.Arte (P)
Nom.Arte (P)
Baby powerpoint 2
Baby powerpoint 2
gulp
gulp
VCR
VCR
Consultoria
Consultoria
Promises in JavaScript
Promises in JavaScript
MTL Versus Free
MTL Versus Free
Modern frontend workflow
Modern frontend workflow
Prateek dayal backbonerails-110528024926-phpapp02
Prateek dayal backbonerails-110528024926-phpapp02
My webapp workflow
My webapp workflow
Streams for (Co)Free!
Streams for (Co)Free!
Sample Customer Pitch Deck
Sample Customer Pitch Deck
Unit testing with mocha
Unit testing with mocha
Similar to Web components
A short introduction to web components. The talk covers the basic standard specified by W3c like HTML imports, templates, shadow DOM and custom elements. Further a short overview of polyme, x-tags/Brick is given and shows how these bring together native browser implementation, polyfills and framework code to leverage web components technology today.
Introduction to web components
Introduction to web components
Marc Bächinger
Web Components are touted as the future of front-end web development. In this talk you’ll learn what Web Components are, how to use them and the state of native support in web browsers. Finally I’ll demonstrate what your options are for building componentized web apps right now using AngularJS, Ember, Knockout, React, Polymer etc. And why Web Components probably are the future of front-end web development.
Why You Should be Using Web Components Right Now. And How. ForwardJS July 2015
Why You Should be Using Web Components Right Now. And How. ForwardJS July 2015
Phil Leggetter
Caracteristicas Basicas De Htlm
Caracteristicas Basicas De Htlm
Maria S Rivera
On Github: http://andrewrota.github.io/complementarity-of-react-and-web-components-presentation/index.html The component driven, performance focused approach of React is a perfect complement to the modularity and portability of native HTML Web Components. At first glance, React and Web Components might seem like two radically different solutions to the same problem. But when combined properly they complement each other to create an extremely powerful, expressive framework for developing complex web applications.
The Complementarity of React and Web Components
The Complementarity of React and Web Components
Andrew Rota
Up and running presentation on Polymer. Perfect for beginners!
Up & Running with Polymer
Up & Running with Polymer
Fiyaz Hasan
About using Polymer (http://polymer-project.org/) to achieve better structure of the frontend code than with other tools. Part of the Dublin GDG Dev Fest.
The Structure of Web Code: A Case For Polymer, November 1, 2014
The Structure of Web Code: A Case For Polymer, November 1, 2014
Tommie Gannert
This presentation will show the latest Web Components technologies and examples, and whether you should be using Web Components now. (spoiler alert: you should be!)
Web Components v1
Web Components v1
Mike Wilcox
Templates
Templates
soon
Presentations includes following topics :- Introduction of ReactJS. Component workflow. State management and useful life-cycles. React hooks. Server Side Rendering.
Let's react - Meetup
Let's react - Meetup
RAJNISH KATHAROTIYA
WebComponents LT at AQ
WebComponents LT at AQ
Yoshihiro Iwanaga
Private slideshow
Private slideshow
sblackman
Polymer
Polymer
jskvara
Tassos Koutlas talks about Drupal 8 and Paragraphs module at the Drupalcamp London 2016. Paragraphs module provide an innovative way to create rich content on the web. Although available for a couple of years for Drupal 7, Paragraphs module, really shines in Drupal 8 coupled with the power of twig templating engine, the ability to create view modes from the UI and Entity API in core.
Create rich web stories with Drupal 8 and paragraphs
Create rich web stories with Drupal 8 and paragraphs
Tassos Koutlas
Polymer is a new library for the web, built on top of Web Components. This new project from Google makes client-side programming with web components easy and pleasant. You can use these technologies to increase the expressiveness of HTML by creating new tags that can help you get straight to your task. Polymer also adds other instruments like two-way data-binding and a lot of shortcuts that make your code more declarative and easier to extend and maintain. Many people think that web components are the future of web programming, and Polymer allows you to harness that power right now. Already excited!?
Polymer - pleasant client-side programming with web components
Polymer - pleasant client-side programming with web components
psstoev
An introduction to Web Components describes why we should use web components for Web App development and how Polymer Javascript library from Google can help build web components faster.
Web components - An Introduction
Web components - An Introduction
cherukumilli2
Palestra sobre desenvolvimento mobile com JQuery Mobile apresentada na semana de tecnologia 2012 da Universidade Estácio de Sá
Desenvolvimento web com jQuery Mobile
Desenvolvimento web com jQuery Mobile
Pablo Garrido
Presented on June 9th 2014 at the Orchard Harvest 2014 event which was held at Microsoft's HQ in Redmond, WA. Many technologies, past and present have tried to "componentize" HTML. Each with their own implementations and approaches. Web Components are a standard implementation backed by the W3C that aim to tackle this. Polymer is a library from Google that sits on top of Web Components and makes the creation of custom elements a lot easier. The presentation, talks on how Web Components & Polymer can be used within Orchard CMS.
Orchard Harvest 2014 - The Future of Widgets?
Orchard Harvest 2014 - The Future of Widgets?
Steve Taylor
by Maurizio Mangione - I web components sono un nuovo set di feature della piattaforma web. Polymer ne rende la creazione ancora più facile e permette, tramite polyfill di utilizzarli in tutti i browser moderni fin da ora. In Polymer tutto è un elemento, ha una vita propria e per questo può essere facilmente distribuibile e riutilizzabile.
Polymer - Lego for the web!
Polymer - Lego for the web!
Codemotion
Web Components are touted as the future of web development. In this session, Phil will explain what Web Components are, the state of native support in web browsers, what your options are for building componentised web apps right now using AngularJS, Ember, Knockout or React, and why Web Components probably are the future of web development. He will also cover the benefits of a component-based architecture and how it helps when building JavaScript apps, as well as how components can communicate in a loosely coupled way, and why.
Why you should be using Web Components. And How - DevWeek 2015
Why you should be using Web Components. And How - DevWeek 2015
Phil Leggetter
Polymer and web component presentation held under Google Developer Group Karachi @ 24th January 2015 at Nest IO
Polymer and web component
Polymer and web component
Imam Raza
Similar to Web components
(20)
Introduction to web components
Introduction to web components
Why You Should be Using Web Components Right Now. And How. ForwardJS July 2015
Why You Should be Using Web Components Right Now. And How. ForwardJS July 2015
Caracteristicas Basicas De Htlm
Caracteristicas Basicas De Htlm
The Complementarity of React and Web Components
The Complementarity of React and Web Components
Up & Running with Polymer
Up & Running with Polymer
The Structure of Web Code: A Case For Polymer, November 1, 2014
The Structure of Web Code: A Case For Polymer, November 1, 2014
Web Components v1
Web Components v1
Templates
Templates
Let's react - Meetup
Let's react - Meetup
WebComponents LT at AQ
WebComponents LT at AQ
Private slideshow
Private slideshow
Polymer
Polymer
Create rich web stories with Drupal 8 and paragraphs
Create rich web stories with Drupal 8 and paragraphs
Polymer - pleasant client-side programming with web components
Polymer - pleasant client-side programming with web components
Web components - An Introduction
Web components - An Introduction
Desenvolvimento web com jQuery Mobile
Desenvolvimento web com jQuery Mobile
Orchard Harvest 2014 - The Future of Widgets?
Orchard Harvest 2014 - The Future of Widgets?
Polymer - Lego for the web!
Polymer - Lego for the web!
Why you should be using Web Components. And How - DevWeek 2015
Why you should be using Web Components. And How - DevWeek 2015
Polymer and web component
Polymer and web component
Recently uploaded
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving. A report by Poten & Partners as part of the Hydrogen Asia 2024 Summit in Singapore. Copyright Poten & Partners 2024.
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Edi Saputra
Presentation on the progress in the Domino Container community project as delivered at the Engage 2024 conference
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
Presented by Mike Hicks
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
AXA XL - Insurer Innovation Award 2024
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
The Digital Insurer
We will showcase how you can build a RAG using Milvus. Retrieval-augmented generation (RAG) is a technique for enhancing the accuracy and reliability of generative AI models with facts fetched from external sources.
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
Zilliz
writing some innovation for development and search
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Whatsapp Number Escorts Call girls 8617370543 Available 24x7 Navi Mumbai Call Girls Service Offer Genuine VIP Model Escorts Call Girls in Your Budget. Navi Mumbai Call Girls Service Provide Real Call Girls Number. Make Your Sexual Pleasure Memorable with Our Navi Mumbai Call Girls at Affordable Price. Top VIP Escorts Call Girls, High Profile Independent Escorts Call Girls, Housewife Women Escorts Call Girl, College Girls Escorts Call Girls, Russian Escorts Call girls Service in Your Budget.
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Deepika Singh
45-60 minute session deck from introducing Google Apps Script to developers, IT leadership, and other technical professionals.
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
ICT role in 21 century education. How to ICT help in education
presentation ICT roal in 21st century education
presentation ICT roal in 21st century education
jfdjdjcjdnsjd
ICT role in education and it's challenges. In which we learn about ICT, it's impact, benefits and challenges.
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
rafiqahmad00786416
In the thrilling conclusion to 2023, ransomware groups had a banner year, really outdoing themselves in the "make everyone's life miserable" department. LockBit 3.0 took gold in the hacking olympics, followed by the plucky upstarts Clop and ALPHV/BlackCat. Apparently, 48% of organizations were feeling left out and decided to get in on the cyber attack action. Business services won the "most likely to get digitally mugged" award, with education and retail nipping at their heels. Hackers expanded their repertoire beyond boring old encryption to the much more exciting world of extortion. The US, UK and Canada took top honors in the "countries most likely to pay up" category. Bitcoins were the currency of choice for discerning hackers, because who doesn't love untraceable money?
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
Overkill Security
DBX 1Q24 Investor Presentation
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Dropbox
Scalable LLM APIs for AI and Generative AI Application Development Ettikan Karuppiah, Director/Technologist - NVIDIA Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
apidays
The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
apidays
Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
apidays
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Jeffrey Haguewood
Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
DianaGray10
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
Nanddeep Nachan
JAM, the future of Polkadot.
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Juan lago vázquez
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
The Digital Insurer
Recently uploaded
(20)
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
presentation ICT roal in 21st century education
presentation ICT roal in 21st century education
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
Web components
1.
<WEB-COMPONENTS> The component model for the Web @revathskumar
2.
ABOUT Rubyist / JavaScripter Yeoman team member Works at @whatznear Blog at blog.revathskumar.com Twitter/Github @revathskumar +RevathSKumar
3.
ITS A JOURNEY
INTO THE FUTURE
4.
CONSISTS 4 PIECES Templates Custom Elements Shadow DOM Imports
5.
TEMPLATES markup intended to be used later
6.
WHAT WE DO
NOW? <scriptid="indexTemplate"type="text/template"> </script> <tr> <td><imgsrc="/image/delete.png"/></td> </tr></p>
7.
WHAT IN FUTURE? <templateid="indexTemplate"> <tr> <td><imgsrc="/image/delete.png"/></td> </tr> </template> varholder=document.getElementById('holder'); vartemplate=document.getElementById('indexTemplate'); templateContent=template.content.cloneNode(true); holder.appendChild(temp);
8.
CONTENTS IN <TEMPLATE>ARE Parsed but not rendered images won't be downloaded Scripts are not processes until you actually use it.
9.
CAN I USE?
10.
CUSTOM ELEMENTS new type of DOM elements which can be defined by authors.
11.
HOW TO DEFINE
ONE? document.registerElement varp=Object.create(HTMLButtonElement.prototype); varmyBtn=document.registerElement('my-btn',{ extends:'button',prototype:p });
12.
METHODS varp=Object.create(HTMLButtonElement.prototype); p.someMethod=function(){ //blahblah } varmyBtn=document.registerElement('my-btn',{ extends:'button',prototype:p });
13.
LIFECYCLE CALLBACKS createdCallback > after created attachedCallback > after inserted to document detachedCallback > after removed from document attributeChangedCallback > when an attribute added / removed / changed
14.
USING IN MARKUP If using existsing tag <buttonis='my-btn'></button> If not related to any existing tag <my-btn></my-btn>
15.
EXTENDING varp=Object.create(HTMLButtonElement.prototype); varmyBtn=document.registerElement('my-btn',{ extends:'button',prototype:p }); varmb=newmyBtn(); varanotherBtn=document.registerElement('another-btn',{ prototype:mb });
16.
SHADOW DOM adjunct tree of DOM nodes
17.
FEATURES can be associated with an element, but do not appear as child nodes subtrees form their own scope contains IDs and styles that overlap with IDs and styles in the document separate from the document
18.
CAN I USE?
19.
SHADOW HOST An element with shadow DOM Shadow DOM can be applied to an element by createShadowRoot the content of the shadow DOM is rendered instead the element's children
20.
INSERTION POINTS host's children are displayed at the insertion point use a element to specify insertion point. does not change where the elements appear in DOM "select" attribute lets you choose which children appear at which insertion point let you reordered or selectively omit rendering children
21.
<!--document--> <divid="news"> <h1>Gooddayforkittens</h1> <divclass="breaking">Kittenrescuedfromtree</div> <div>Areakitten"adorable"—owner</div> <divclass="breaking">Jiggledpieceofyarnderailskittenkongress</div> </div> <!--#news'shadow--> <templateid="t"> <contentselect="h1"></content> <divid="ticker"> <contentid="stories"></content> </div> </template>
22.
//SetupshadowDOM varnews=document.querySelector('#news'); varr=news.createShadowRoot(); vart=document.querySelector('#t'); r.appendChild(t.content.cloneNode(true)); <divid="news"> <h1>Gooddayforkittens</h1> <divid="ticker"> <divclass="breaking">Kittenrescuedfromtree</div> <div>Areakitten"adorable"—owner</div> <divclass="breaking">Jiggledpieceofyarnderailskittenkongress</div> </div> </div>
23.
CAN I USE?
24.
IMPORTS Load custom elements from external files
25.
Load using tag <linkrel="import"href="goodies.html"> DOM available to script through the import property
26.
THANK YOU.
Download now