Angular + ngrx : Gestion des requêtes http avec ngrx/effects…

Photo by Ricardo Rocha

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

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/ 

Continuer la lecture de « L’API Shadow DOM du HTML5 »

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) »

Le Namespace en JS, pas si trivial…

Namespaces Javascript

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

Bootstrap v4 alpha
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 »

J’ai testé Visual Studio Code…

Visual Studio Code
J’avais plus ou moins quitté depuis quelques temps les technologies Microsoft (du moins dans le privé) par envie de neutralité (bon Suisse inside) et surtout afin de ne pas m’enfermer dans un environnement spécifique.
Mon environnement professionnel étant lui très orienté Microsoft, j’ai malgré tout l’occasion de voir évoluer les technologies .Net. C’est d’ailleurs avec une joie non dissimulée que j’ai découvert la nouvelle orientation “open source” que s’est fixé depuis quelques temps Microsoft pour .NET, et donc de facto pour Visual Studio. Certe, l’ouverture du code .NET sur Github n’annoncera pas un Visual Studio multi-plateforme dans un futur proche, mais Visual Studio Code est un premier pas qui nous conforte pour la suite.

Continuer la lecture de « J’ai testé Visual Studio Code… »

MEAN Stack

MEAN-Stack

La MEAN-Stack c’est quoi ?

Une techno à la mode ou un véritable atout ?

Si vous faites partie de ceux qui parcourent les sites de dév afin de connaître les dernières nouveautés, vous n’avez pas pu le rater. Pour tous les autres, si vous êtes développeur et que vous n’en avez encore jamais entendu parler, c’est ici votre dernière chance de ne pas sombrer dans l’obsolescence.

Tout comme LAMP, MAMP ou autre WAMP, MEAN-Stack est un acronyme annonçant une pile de différentes technologies. On reconnaitra ainsi Mongodb – ExpressJs – AngularJs – NodeJs. Continuer la lecture de « MEAN Stack »

Résoudre les problèmes de protocole git://

GIT

Depuis certains réseaux (entreprise, ports bloqués,…) il m’est impossible d’accéder aux repo github. Lor de chaque tentatives de récupération, une erreur

ECMDERR failed to execute "git ls-remote --tags --heads git://github.com/<whatever>.git", exit code of #128

m’est retournée.

Le problème vient du fait que l’on essaie de passer par le protocole git:// qui n’est pas permis. Une solution est donc de passer directement par la méthode https:// qui elle devrait être autorisée. Continuer la lecture de « Résoudre les problèmes de protocole git:// »

Partager des propriétés avec AngularJS

AngularJS

J’ai cherché un petit moment comment partager des propriétés entre deux controllers, tout en observant leur valeur afin d’exécuter une action lors de modification. N’ayant pas trouvé de ressource compréhensible sur ce sujet, j’ai tenté de chercher par moi-même avec quelques essais.

Concernant le partage il semble évident qu’une solution propre doit passer par un service ou factory, qui peuvent facilement être injectés dans les controller. J’ai donc choisi l’approche du service qui me semble simple et efficace.

Le problème résidait plutôt dans l’observateur qui devait se trouver dans chaque controller. J’ai donc du le mettre dans un scope afin d’utiliser la fonction $watch d’AngularJS. Continuer la lecture de « Partager des propriétés avec AngularJS »

Premiers pas avec NodeJS

Logo de Node JS

La plateforme Node JS s’étend de plus en plus et sert à présent de base pour toutes une palette d’applications, d’outils et autres. Sa gestion simple des packages, dépendances,… en ont fait une base pour les principaux Task Runner du moment, tel que GruntJS, Bower,…

En plus de ces applications, nodsJs permet de créer du code côté serveur, et cela entièrement en JavaScript. L’avantage est clair pour les développeurs voulant garder une même technologie sur toute la stack. Continuer la lecture de « Premiers pas avec NodeJS »