Blog

Navigation Back avec Ionic Angular

Mettre en place d’un système de navigation performant pour ton application peut être compliqué. En effet, l’expérience utilisateur lors de la navigation doit être pensée pour ne pas déstabiliser ou perdre le visiteur. Mettre en place un bouton de retour en arrière est une excellente idée. Celle-ci permet à l’utilisateur de facilement retourner sur la […]

Lire la suite

Prendre une Photo avec Capacitor et Ionic dans un projet Angular

Interagir avec l’appareil utilisateur pour capturer des photos est une fonctionnalité devenue maintenant très commune. De nombreuse application Javascript demande de pouvoir accéder au ressources native de l’appareil sur lequel le code sera exécuté. Prendre une photo n’est qu’un exemple parmi tant d’autres. Et pourtant, il existe de nombreuses manières de mettre en place ce […]

Lire la suite

Système d’auto complétion avec Ionic et Angular

Découvre comment mettre en place un système d’auto complétion dans une application Ionic Angular. Cette fonctionnalité est très utilisée. Elle permet de proposer une saisie de formulaire plus rapide à l’utilisateur. Ceci en lui proposant des suggestions pertinentes en fonction de ce qu’il écrit dans un champ de saisie. Tout cela doit évidemment se faire […]

Lire la suite

Date manipulation avec DayJS – Ionic / Angular

Dans cet article consacré à Ionic et Angular, je te montre comment mettre en place un « custom pipe » pour afficher le temps passé depuis une date précise sous la forme « il y a 2 jours ». Cette fonctionnalité est très répandue dans les applications sociales qui présentent un feed de contenu daté par la publication d’un […]

Lire la suite

Angular Template Binding, les bonnes pratiques

Quelles sont les bonnes pratiques à utiliser en matière de data binding, pour créer ton template Angular? Dans cet article je vais détailler quelques techniques pour rendre tes template Angular plus lisible en respectant le plus possible les patterns de bonnes pratiques préconisées par le team Angular.

Lire la suite

Parcel Bundler

Dans cet article je vais te présenter Parcel Bundler, un outil qui permet de builder très facilement tes applications Javascript pour le web. Tu connais peut-être déjà cet outil qui a fait un grand bruit quand il a été mis en ligne… Car Parcel prétend pouvoir builder ton application Javascript sans aucun fichier de configuration à créer. Incroyable non?

Lire la suite

Angular Factory Provider

Savais-tu que tu peux avec une factory, définir une configuration spécifique pour ton provider Angular? Le système d’injection de dépendances d’Angular est super complet et permet d’injecter avec une factory, des éléments de configuration au moment de l’instanciation du service. Dans cet article, je te montre comment créer une factory pour pouvoir configurer ton provider Angular.

Lire la suite

Animation Angular: Introduction

Sais-tu que Angular embarque une fonctionnalité pour créer des animations au niveau du DOM? Les animations Angular permettent de créer l’illusion du mouvement en manipulant et changent le style des éléments HTML. Dans cet article je te présente les principes de base pour pouvoir faire des animations avec le framework Angular.

Lire la suite

DOM manipulation avec Angular Renderer2

Comment manipuler le DOM avec Angular? Sais-tu utiliser le Renderer2 d’Angular pour modifier et manipuler les éléments du DOM? Trop souvent je vois des erreurs avec des appels fait avec document.querySelector() ou autres fonctions hérité de l’objet document ou window du navigateur. Dans cet article, je te montre la bonne manière de faire pour accéder ou modifier les éléments du DOM avec une application Angular.

Lire la suite

ChangeDetection: Speed up Angular Apps

Tu recherches comment rendre ton application Angular plus rapide? Tu connais la propriété ChangeDetection des Component Angular? Cette propriété du décorateur permet de modifier la manière dont Angular analyse les données pour effectuer les mises à jour au niveau du component. Dans cet article, je te montre comment améliorer la vitesse de rendu de ton application Angular en modifiant les paramètres de détection de changement.

Lire la suite