Bonnes Pratiques Web & Cloud
58.8K views | +4 today
Follow
Bonnes Pratiques Web & Cloud
Administration cloud et développement web
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...

Popular Tags

Current selected tag: 'WebComponents'. Clear
Scooped by Mickael Ruau
Scoop.it!

Why I’m Moving on to Web Components and Not Looking Back

Why I’m Moving on to Web Components and Not Looking Back | Bonnes Pratiques Web & Cloud | Scoop.it
Even though I have only been doing web development for four years, it appears to have been the most tumultuous four years in the history of the discipline. When I started out, all-in-one frameworks…
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

[DevFest Nantes 2016] Mixité dans le monde des webcomponents

Speakers: Horacio Gonzalez (Cityzen Data) & Cyril Balit (SFEIR) Ah, les web components, quelle belle idée ! Un nouveau standard, du développement web bas
No comment yet.
Rescooped by Mickael Ruau from web development
Scoop.it!

High Performance Web Components

How many photo carousels have you built? Date pickers? Dynamic tables and charts? Wouldn't it be great if there was a way to make these custom elements encapsulated and reusable? Welcome to Web Components! The building blocks are well known: HTML templates, custom elements, HTML imports, and shadow DOM. It's fairly easy to build simple examples. But what happens when performance degrades? Join this discussion of the synchronous and asynchronous nature of web components, and how they can impact the rendering of the entire page.


Via Jan Hesse, Gauthier Bouly
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Angular | De la théorie à la pratique

Angular | De la théorie à la pratique | Bonnes Pratiques Web & Cloud | Scoop.it
Introduction au framework Angular. Après une retrospective des technologies WEB, l'accent est mis sur la notion de Web Component et son implementation.
Mickael Ruau's insight:

Peu de navigateurs supportent les Web Components, principalement à cause du shadow DOM qui n'est réellement supporté que par les navigateurs Chrome et Opera. Développer une application dans ces conditions ne serait pas réaliste aujourd'hui.

Mais côté JavaScript, ça bouge plus rapidement et il y a quelques projets pionniers qui nous ont développé des polyfills afin de pallier aux lacunes des navigateurs, dont le projet initié par Google :

Ces polyfills permettent de s'abstraire des limitations liées aux navigateurs afin de proposer les fonctionnalités manquantes pour réaliser des Web components. Il s'agit donc du premier Framework JavaScript permettant de créer et manipuler les composants à la manière « Web Component ». Évidemment, si je vous parle de Web Component depuis le début, c'est bien pour introduire le framework Angular qui est résolument orienté Component.

No comment yet.
Rescooped by Mickael Ruau from JavaScript for Line of Business Applications
Scoop.it!

Totally Tooling Tips with Addy Osmani & Matt Gaunt - YouTube

In 'Totally Tooling Tips' web developers Matt and Addy discuss the latest topics, issues and work arounds for building apps and libraries to help mop up your Totally Tooling Tears.


Via Jan Hesse
No comment yet.
Rescooped by Mickael Ruau from JavaScript for Line of Business Applications
Scoop.it!

Getting started with web components and polymer.js

Getting started with web components and polymer.js | Bonnes Pratiques Web & Cloud | Scoop.it

Web components are basically small encapsuled units inside of a website or web application(like for example the HTML5 video element). They include their own styling(CSS) and their own behaviour(JS). And this is the main advantage of them. Imagine little pieces inside of your web app, that are not influenced by the global stylesheet and whose children are not affected by any written JavaScript function. This way you end up with a box of bricks and the only thing to do is putting them together easily. Additionally you can use them whereever you want, because they include everything they need to look awesome and to behave awesome. Sounds really like a dream to me. :)

I started looking around and decided to use polymer.js (written by the Google guys) to play around with the principle of web components. Unfortunately they are rarely supported these days and this library gives me the opportunity to use this technique already today by providing needed polyfills.


Via Jan Hesse
No comment yet.