01/02/2019
angular
|
directive
|
microsyntaxe
|
ng-template
J’ai beaucoup utilisé les directives structurelles sans avoir pris le temps de me demander comment ça fonctionnait, cependant la “mycrosyntaxe” d’angular paraissait suffisamment puissante pour y faire un détour, initialement je me suis souvent demander ce qui était possible de faire grace aux templates angular, alors voyons comment cela fonctionne.
La surface de l’iceberg Les directives structurelles d’angular sont les directives qui manipulent les éléments du dom, reconnaissables du fait qu’elles commencent toutes par un asterisk, comme par exemple *ngIf et *ngFor.
…
04/06/2018
angular
|
ngrx
|
redux
|
router
Voici la derniere partie sur les librairies NGRX, si vous n’avez pas déjà vu les précédentes, ça commence là → :Librairies NGRX pour une application Angular réactive. Part 1⁄3 : ngrx/store
ngrx/router-store ngrx/router-store ? la librairie router-store est tout simplement un pont pour faire communiquer le router Angular à notre store, l’idée est de renforcer la notion de “single source of truth” du pattern Redux.
Github → https://github.com/ngrx/platform/tree/master/docs/effects
Nous allons voir 3 points principaux, fonctionnements que nous rajoutons au projet initial:
…
12/02/2018
angular
|
ngrx
|
redux
Vous voici sur la partie 2 de cet article où nous allons implémenter un Effect. Si vous n’avez pas vu la première partie, c’est ici :Librairies NGRX pour une application Angular réactive. Part 1⁄3 : ngrx/store
ngrx/effects ngrx/effects ? Les reducers sont dits “purs” et ne doivent donc en aucun cas récupérer une donnée autre que leurs paramètres, nous allons donc rajouter un middleware pour volontairement introduire du “side effect” qui représentera nos intéractions serveur.
…
12/02/2018
angular
|
ngrx
|
redux
Mon article précédent traitait globalement de l’architecture proposée par Redux pour des web app dites “réactives”. Je vous recommande de le lire si vous n’êtes pas familier avec Redux : Le State management pour les webapps avec Redux.
Maintenant, sur le même sujet, nous allons nous concentrer sur les applications Angular et nous allons voir des librairies de la team ngrx. Cet article est divisé en 3 parties :
…
11/12/2017
redux
|
webapp
Introduction Problématique Dans une web app simple, par défaut on va permettre à nos composants de consommer de la donnée : un composant peut lire, créer ou éditer une donnée “A” , tandis qu’un autre peut lui aussi modifier cette donnée “A”, et qu’un troisième composant va pouvoir éditer une propriété de la donnée “A”. Il est facile d’avoir la référence d’un objet distribué à droite à gauche et de permettre un accès vers de multiples composants.
…
01/03/2016
azure
|
event hub
|
iot
|
iot hub
Introduction Parmi les briques Azures, on trouve 2 éléments particulièrement intéressants pour la communication d’information dans le domaine de l’IoT, nous avons l’ “Event Hub” et l’ “IoT Hub”. Dans cet article nous allons comparer ces services afin de déduire les scénarios d’utilisation adéquats à chacun.
Event Hub vs IoT Hub Différences techniques Globalement ces 2 services ont des attributs similaires, ils sont conçus pour travailler avec un débit élevé de données, une faible latence mais voyons ici un comparatif des différences techniques:
…
18/02/2016
angularjs
|
cordova
|
google map
|
typescript
|
windows
Introduction Récemment nous avons dû afficher une GoogleMap dans une application Cordova.
Lors de son initialisation, la librairie cherche à injecter dynamiquement des scripts nécessaires à son bon fonctionnement ce qui est, sur la plateforme Windows, interdit. Le seul moyen de le permettre est que la carte se retrouve sandboxée dans le composant ms-web-view.
Nous avons donc des solutions différentes suivant la plateforme d’utilisation, c’est là que les “merges” de Cordova entrent en jeu, il va falloir une implémentation différente par plateforme sans faire faillir l’IntelliSense et la compilation TypeScript.
…
16/02/2016
angularjs
|
promises
|
typescript
Dans une webApp, s’il est nécessaire de charger des scripts/ressources dynamiquement, il est alors important de pouvoir s’assurer du chargement complet de ceux-ci dans notre application avant de pouvoir exécuter du code lié à ces éléments.
Pour reprendre l’exemple de mon article traitant des GoogleMap nous chargions des scripts dynamiquement, pour gérer le cas nous avons 2 étapes:
Dans un premier temps nous allons disposer d’une méthode retournant une promise, qui va être, soit résolue directement, soit en stocker le deferred, en fonction d’une simple propriété isLoaded : boolean.
…
11/02/2016
certificat
|
cordova
|
windows
En ce qui concerne les application pour la plateforme Windows, il peut arriver même lors de phases de recettes d’avoir à utiliser un certificat Entreprise, sauf que contrairement à un projet d’application Windows 8.1⁄10, nous ne disposons pas de simple bouton pour importer un certificat.
La tâche est très simple mais juste un peu plus longue que pour les applications traditionnelles, voilà les étapes de packaging:
Première étape: Installer et ajouter le certificat En effet il est nécessaire d’installer le certificat, lorsque vous êtes sur les options d’installation, pensez à bien sélectionner l’utilisateur courant puis le magasin“Personnel” pour éviter toute erreur lors de la build, puis ajoutez le certificat dans le dossier de ressources native.
…
20/03/2015
cache
|
html5
|
manifest
Depuis quelques années il devient de plus en plus important de pouvoir permettre à une web application de fonctionner de façon offline (notamment pour les Single Page Applications). Grace aux spécifications HTML5 de nombreux outils sont à notre disposition dans 2 catégories , le Storage et le Cache. Ici nous allons voir comment exploiter les fonctionnalités du Cache à bon escient.
Comment fonctionne le cache HTML 5 ? Le cache HTML5 est une spécification qui apporte une logique unique aux navigateurs pour gérer les ressources (html, javascript, CSS, images …etc), il est compatible avec tous les navigateurs récents et à partir d’Internet Explorer 10.
…
