One year of web components

Web components are an old concept and soon a new standard for the Open Web Platform. The W3C specifications are still evolving, but there are many libraries and toolkits around, even if designing a high-quality component is still hard to achieve.

London Web Components

With a view to covering all the aspects mentioned above, at the beginning of this year James Broad and I started organising tech events about web components here in London.

You can follow our group on Twitter,
and on meetup.com if you’re thinking to attend an event.

An introduction to Web Components

In January we had Soledad Penadés (Mozilla) giving an introduction to web components in the Moo.com offices. Attendees were really interested about the topic, asked lots of questions, and an open discussion took place in the Q&A session and in the pub after the talks.

An introduction to web components Meetup Soledad Penadés Mozilla

An introduction to web components Meetup Soledad Penadés Mozilla

Custom Elements in Context

In March Peter Gasston gave another great introduction to web components, this time focusing on custom elements. Mozilla hosted us this time in the MozSpace in Covent Garden.

An introduction to web components meetup Peter Gasston

An introduction to web components meetup Peter Gasston

A practical journey to Web Components

April was the month of showing real-world usage of web components. Andrew Betts, Alberto Elías, Kaelig, Sam Giles from FT Labs introduced Origami and how they are embracing future front-end technology. Craig McCahill showed us the code of animations components built using Polymer. The event was hosted by Telefonica Digital.

Meetup Origami

Meetup Origami

Meetup Origami

Meetup Origami

Meetup Origami

Meetup Origami

Meetup Origami

Browser Vendors & Web Components

In May we were hosted by Mozilla again and had Wilson Page (Mozilla) telling us about the state of web components, in terms of W3C standards and agreement among browser vendors. The talk popped up in a popular article in Mozilla Hacks. Special guest: Kevin Grandon, demoing a Firefox OS app using web components.

Meetup the state of web components Wilson Page Mozilla

Meetup the state of web components Wilson Page Mozilla

Meetup the state of web components Wilson Page Mozilla

Meetup the state of web components Wilson Page Mozilla

Tools, Tips & Tricks for building Componentised Web Apps

In June Mr. Phil Leggetter (Pusher) talked about Tools, Tips & Tricks for building Componentised Web Apps focusing on quality aspects in designing web components.

Meetup Tools, Tips & Tricks for building Componentised Web Apps Mr. Phil Leggetter Pusher

Meetup Tools, Tips & Tricks for building Componentised Web Apps Mr. Phil Leggetter Pusher

Meetup Tools, Tips & Tricks for building Componentised Web Apps Mr. Phil Leggetter Pusher

Web components in practice

We came back in October with Wilson Page (Mozilla), this time showing us the web components used in production in Firefox OS. In my talk “The concept of web components” I gave an overview of the contents touched in the previous events, and showed the code of an experiment I worked on. We had two lightning talks this time, by Matteo Figus about Open Components and Bram Geenen about Open Hardware. All was recorded.

Meetup web components used in production in Firefox OS Wilson Page Mozilla

Meetup web components used in production in Firefox OS Wilson Page Mozilla

Meetup web components used in production in Firefox OS Wilson Page Mozilla

Meetup web components used in production in Firefox OS Wilson Page Mozilla

An e-commerce journey to using Web Components

In November we dived into e-commerce with the Net-A-Porter.com technical team.

Meetup An e-commerce journey to using Web Components Net-A-Porter.com

@mjgreen145, @arielwithlegs and @threetwotwo (Net-a-porter)

For the first time the event was streamed live on Air Mozilla, and recorded, thanks to these guys :)

Meetup streamed live on Air Mozilla

@teoli2003 and @mepartoconmigo (Mozilla)

Acknowledgements and wishes for 2016

First of all we would like to thank all the folks attending our events for being so interested and active; this pushes us to go on and do our best every time.

Secondly we’d like to thank our sponsors:

  • Moo.com for hosting the first event of the year
  • Hired.co.uk for providing pizza and beers
  • Telefonica digital for hosting the most successful event of the year, in terms of number of people
  • Mozilla for hosting most the events and recording the last ones. A special thanks goes to Wilson Page: all this could not have happened without his massive support in terms of content and organisation. And a special mention to the MDN team who supported us with snacks, drinks, and recording the last events of the year.

Finally, for 2016 we wish

  • that browser vendors will agree on W3C specs and deliver web components in the web platform, with no need of polyfills
  • to see an authoritative marketplace with live demos for web components
  • more talks about accessibility, and other quality factors
  • more talks about design choices of complex web components used in production
  • <add your wish here>
  • <add another wish here>
  • <and another>
  • <and another>
  • <and another>

Happy New Year all!

See you in 2016 ;)

Source: