Nouvel article sur medium.com :
WebComponent : Custom element V1
Pour tout savoir sur les différences entre la v0 et la v1 de la spec Custom Element.
Voir tous mes articles sur medium.com
No posts found!
Angular + ngrx : Gestion des requêtes http avec ngrx/effects…
Photo by Ricardo Rocha on Unsplash (https://unsplash.com)
Article lien
Comment gérer les requêtes http dans une application Angular composé de ngrx/store à l’aide de ngrx/effects.
Suivez le lien pour lire l’article sur Medium.com : https://medium.com/@ylerjen/angular-gestion-des-requ%C3%AAtes-http-avec-ngrx-effects-1b51dc3890a4
Voir tous mes articles sur medium.com
No posts found!
Le numéro AVS suisse
Introduction
En Suisse, comme dans d’autre pays, les habitants sont identifiés fédéralement par un numéro unique. A la base, il représente un identifiant pour les assurances sociales, autrement dit, le numéro d’AVS. Mais il est également utilisé dans d’autre cadre comme l’armée ou parfois dans des établissements privés (assurance, banques,…). Continuer la lecture de « Le numéro AVS suisse »
L’API Shadow DOM du HTML5
TL;DR;
Le Shadow DOM est un DOM encapsulé dans un élément et qui est isolé du reste de la page. On peut néanmoins y accéder via un objet javascript ou des sélecteurs CSS spécifiques.
Depuis cet article, la spec à changé et ne colle plus à la description ci-dessous. Référez-vous plutôt à la spec V1 décrite ici : https://developers.google.com/web/fundamentals/web-components/
Custom Element API
TL;DR;
Dans le dernier article, je vous présentais les composants web. Une des API permettant de créer des composants est l’API html5 Custom Element. Elle permet de déclarer un nouveau composant dans le DOM et que celui soit reconnu par le browser pour l’affichage et avec ses comportements spécifiques.
Depuis cet article, la spec à changé et ne colle plus à la description ci-dessous. Référez-vous plutôt à la spec V1 décrite ici : https://developers.google.com/web/fundamentals/web-components/
Introductions aux Composants Web (WebComponent)
TL;DR;
Avec les Composants Web tu peux désormais créer des éléments HTML réutilisables. Pour fonctionner, ils nécessitent l’utilisation de 4 nouvelles API HTML5 qui sont : Custom Element, Shadow DOM, HTML Template et HTML import. Comme elles ne sont pas encore supportées par tous les browsers, t’auras besoin du polyfill webcomponent.js pour travailler correctement. Continuer la lecture de « Introductions aux Composants Web (WebComponent) »
Optimiser ses rachats dans la caisse de pension
Les versements volontaires dans la caisse de pension améliorent la prévoyance vieillesse et permettent en outre de réaliser des économies fiscales. Voici ce à quoi il faut faire attention pour que l’exercice en vaille réellement la peine.
Le bien-fondé d’un rachat dans la caisse de pension ne dépend pas que des taux d’intérêt et du taux de conversion, mais aussi des facteurs ci-après. Continuer la lecture de « Optimiser ses rachats dans la caisse de pension »
Les bases de REST
Les web-services sont montés en popularité ces dernières années grâce à l’attrait des API consommables par différents supports comme les web-applications, les app mobiles ou autres développements connectés.
C’est donc tout naturellement que les services REST ont évolués afin de s’adapter aux demandes des applications actuelles.
Mais cette popularité ainsi que sa facilité d’utilisation ont quelque peu vulgarisé le terme REST au point qu’il est parfois utilisé à tord . Voici donc un rapide rappel de REST et de ses différentes facettes.
Le Namespace en JS, pas si trivial…
L’organisation de la plupart des librairies actuelles en JavaScript se fait à l’aide du Design Pattern Namespace permettant d’encapsuler nos fonctionnalités dans un objet afin de ne pas pourrir le global scope. On notera par exemple jQuery et son
$ (alias
jquery ), d3 et son
d3 , Snap.svg et son
Snap , etc…
Dernièrement, j’ai voulu moi aussi utiliser ce système pour mieux organiser un projet existant, qui n’implémentait pas la notion d’injection de dépendance et déclarait tout en global.
En plus ça tombe bien, je connais ce Design Pattern… vraiment ?!
Continuer la lecture de « Le Namespace en JS, pas si trivial… »
Personnaliser Bootstrap 4 avec Sass
En cette fin du mois d’août, le monde du CSS a vu l’arrivée de la version alpha de Bootstrap 4. Le grand changement technique de cette version est qu’elle a délaissé le pré-processeur Less pour se reposer sur Sass. Cette nouvelle est réjouissante tout d’abord car Sass est aujourd’hui devenu plus populaire que Less chez les frontend dev, mais ça l’est surtout car ce dernier est plus performant en compilation grâce à Libsass et nous permettra ici de personnaliser facilement les styles.
Continuer la lecture de « Personnaliser Bootstrap 4 avec Sass »