7. Building with Web Components using X-Tags

Angelina Fabbro speaks at Full Frontal 2013. In this tutorial we'll take a deep dive into how Web Components (A collection of technologies that includes Shadow DOM, HTML Templates, Custom Elements, and HTML Imports) can be used as building blocks to construct a functioning web application. We'll review how each of the technologies under the web components umbrella work, how they work together, and how x-tags makes use of them to make modular, lightweight components. Special attention will be given to building applications for mobile devices with environments such as Firefox OS, Chrome OS, and PhoneGap.

TARGET AD 2
2013/12/15 Remy Sharp   Share on Facebook

RELATED VIDEOS

ES6 Web Components
Play Video

ES6 Web Components

2016/09/29
5. Our web development workflow is completely broken
Play Video

5. Our web development workflow is completely broken

2013/12/15
Angelina Fabbro - CSS Levels Up [CSSconf.eu 2013]
Play Video

Angelina Fabbro - CSS Levels Up [CSSconf.eu 2013]

2013/09/26
Web Components Tutorial
Play Video

Web Components Tutorial

2015/09/23
The Web Components Revolution is Here - Eric Bidelman
Play Video

The Web Components Revolution is Here - Eric Bidelman

2014/05/09
Creating Web Components in JavaScript (ES6) to use in your Angular, React and Ember projects
Play Video

Creating Web Components in JavaScript (ES6) to use in your Angular, React and Ember projects

2017/03/15
Web Components: A chance to create the future
Play Video

Web Components: A chance to create the future

2014/05/14
Explanation of the Shadow DOM and Web Components
Play Video

Explanation of the Shadow DOM and Web Components

2012/03/22
FITC 2014 Toronto Web Components Can Do That?!
Play Video

FITC 2014 Toronto Web Components Can Do That?!

2014/04/29
DevBytes: Web Components - Overview
Play Video

DevBytes: Web Components - Overview

2014/06/23
JSCamp Talk: Eric Bidelman - WebComponents are the Future
Play Video

JSCamp Talk: Eric Bidelman - WebComponents are the Future

2013/02/09
Web Components: A Tectonic Shift for Web Development - Google I/O 2013
Play Video

Web Components: A Tectonic Shift for Web Development - Google I/O 2013

2013/05/18
Web Components & the Future of CSS
Play Video

Web Components & the Future of CSS

2014/12/09
6. Writing Testable JavaScript
Play Video

6. Writing Testable JavaScript

2012/12/05
Building Modular Web Applications: How To Build a Good Component - Angelina Fabbro
Play Video

Building Modular Web Applications: How To Build a Good Component - Angelina Fabbro

2013/06/20
Angelina Fabbro: JavaScript Masterclass | JSConfUS 2013
Play Video

Angelina Fabbro: JavaScript Masterclass | JSConfUS 2013

2013/07/27
54: Are Web Components Ready Yet?
Play Video

54: Are Web Components Ready Yet?

2015/06/09
Web Components: A Whirlwind Tour
Play Video

Web Components: A Whirlwind Tour

2013/09/25
Polymer - Chrome Dev Summit 2013 (Eric Bidelman)
Play Video

Polymer - Chrome Dev Summit 2013 (Eric Bidelman)

2013/12/03
Building a site on web components
Play Video

Building a site on web components

2013/09/26
Building modern apps with Polymer & Web Components
Play Video

Building modern apps with Polymer & Web Components

2013/11/07
Polymer: making Web Components accessible
Play Video

Polymer: making Web Components accessible

2014/06/13
Using Angular with Polymer elements
Play Video

Using Angular with Polymer elements

2013/10/08
The Low Down on Web Components
Play Video

The Low Down on Web Components

2014/08/22
6. Stunning visuals with Maths and...no JavaScript?
Play Video

6. Stunning visuals with Maths and...no JavaScript?

2013/12/15
Building modern web UIs with Web Components Michael Heinrichs/Hendrik Ebbers
Play Video

Building modern web UIs with Web Components Michael Heinrichs/Hendrik Ebbers

2015/11/10
Future of Hybrid Apps with HTML5 Web Components and Mobile SDK
Play Video

Future of Hybrid Apps with HTML5 Web Components and Mobile SDK

2013/11/20
Polymer Tutorials #2 - Installing Polymer & Project Setup
Play Video

Polymer Tutorials #2 - Installing Polymer & Project Setup

2014/10/18
Introduction to Polymer: The Next Generation of Web Development - Matthew McNulty
Play Video

Introduction to Polymer: The Next Generation of Web Development - Matthew McNulty

2014/05/09
Web Components and Polymer Panel - Chrome Dev Summit 2014
Play Video

Web Components and Polymer Panel - Chrome Dev Summit 2014

2014/11/21
Web Component Mashups at 3 a.m. - Rob Dodson
Play Video

Web Component Mashups at 3 a.m. - Rob Dodson

2014/05/09
Google I/O 2014 - Polymer and the Web Components revolution
Play Video

Google I/O 2014 - Polymer and the Web Components revolution

2014/06/25
X-Files Theme on the Grand Piano
Play Video

X-Files Theme on the Grand Piano

2008/09/28
Google I/O 2014 - Polymer and Web Components change everything you know about Web development
Play Video

Google I/O 2014 - Polymer and Web Components change everything you know about Web development

2014/06/25
Google I/O Cardboard Demo
Play Video

Google I/O Cardboard Demo

2014/06/25
End to end single page application using AngularJS, Bootstrap and Coldfusion
Play Video

End to end single page application using AngularJS, Bootstrap and Coldfusion

2014/06/12
Web Components in Action - Google I/O 2013
Play Video

Web Components in Action - Google I/O 2013

2013/05/16
clite: making node CLI tools
Play Video

clite: making node CLI tools

2017/05/31
Powered by YouTube

Disclaimer

None of the audio/visual content is hosted on this site. All media is embedded from other sites such as GoogleVideo, YouTube etc. Therefore, this site has no control over the copyright issues of the streaming media.

All issues concerning copyright violations should be aimed at the sites hosting the material. This site does not host any of the streaming media and the owner has not uploaded any of the material to the video hosting servers. Anyone can find the same content on Google Video or YouTube by themselves.

The owner of this site cannot know which documentaries are in public domain, which has been uploaded to e.g. YouTube by the owner and which has been uploaded without permission. The copyright owner must contact the source if he wants his material off the Internet completely.