Building Reusable Web Components

Abstract

Web development changed dramatically during the last years. Today, more than ever, when you are building your front-end you will probably want to reuse components across your application. But HTML elements are very limited, so what can we do?
In this one day workshop, we will deep dive into ways you can componentize your front-end. We will start by presenting the new HTML5 Web Components standard. Later on, we will explore libraries such as Polymer and Stencil compiler which can help you to build web components faster and includes a lot of built-in web components.

Target Audience

  • Web Developers and Architects

Prerequisites

  • Good familiarity with JavaScript
  • Basic familiarity with WEB world including CSS and HTML

Content

Web Components Driven Development

  • Defining What are Components
  • Components Architecture
  • App Data Flow options

HTML5 Web Components APIs

  • The Problems we Faced
  • Web Components APIs
  • Templates
  • Imports
  • Module Type
  • Shadow DOM
  • Custom Elements

Polymer

  • The Polymer Library
  • The Elements Catalog
  • Polymer Starter Kit
  • Going to Production

Stencil

  • What is Stencil?
  • Getting Started with Stencil
  • Stencil API
  • Going to Production

Duration

1 day

Enroll Now
Contact us
Share: