Web Components & Polymer

Web Components & Polymer

Tarik Zakaria BenmerarAcigna Inc.GDG DevFest 3 Dcembre 2016

Who Am I ?

Tarik Zakaria Benmerar.

Entrepreneur et Consultant, Jeune Chercheur Et Enseignant.

Acigna, Emploitic.com, Toptal.

http://assets.toptal.io/assets/public/blocks/branding/logo/logo-61330e6c08e9905280722ee7b625419b.pngEmploitichttps://upload.wikimedia.org/wikipedia/commons/3/34/USTHB_Logo.pngExprience Emploitic & Widgets

Exprience Emploitic & Widgets

DemoExprience Emploitic & Widgets

Exprience Hawai Airlines (Lessons Learned In Big App Development, A Hawaiian Airlines Case Study)

https://media-mediatemple.netdna-ssl.com/wp-content/uploads/2015/10/custom_form_controls-1498px-opt.pngExprience Emploitic & Widgets

Exprience Hawai Airlines (Lessons Learned In Big App Development, A Hawaiian Airlines Case Study)

When we decided to roll our own form controls, we took on the burden of reinventing the wheel and supporting all of the requirements above.

We ended up with a solution that uses AngularJS to hide the native HTML of select dropdowns, checkboxes and radio buttons, and replaces them with alternate markup for which we had full control over styling.

While this approach gave us OCD-level control over every pixel, it ended up causingall kinds of obscure bugs and accessibility issuesin complex situations, which we spent countless hours patching.Exprience Emploitic & Widgets

Fonctionnement Des Widgets

1- Dclaration Du Widget Par Le Dveloppeur :2- Insertion du nouveau lment stylis et Dissimulation de llment insr par le dveloppeur