Page 2 sur 6

Episode 6 : Embellir avec des icônes 🌷

Episode 6 : Nous avons mis en place le style global de notre application dans l’épisode précédent, grâce à la célèbre librairie Bootstrap. Cependant, cette librairie ne fournit pas d’icônes par défaut. Il s’agit de petits indicateurs très utiles pour l’utilisateur, lui permettant d’indiquer la page d’accueil avec une petite icône de maison, ou encore une roue indentée pour indiquer la page des paramètres. Mais comment ajouter ces icônes dans notre projet généré avec Angular CLI ?

Nous avons déjà ajouté la librairie Bootstrap à notre application, afin de définir un style global simplement pour notre interface. Maintenant, il nous reste encore à affiner tout cela, en ajoutant quelques indicateurs visuels .

Lire la suite → Episode 6 : Embellir avec des icônes 🌷

Episode 5 : Intégrer Bootstrap avec Angular 🌻

Episode 5 : L’architecture modulaire que nous avons mis en place précédemment est prête à encaisser nos futurs développement. Il nous reste encore un peu de socle à mettre en place, avant de se lancer dans les développements plus tard. Il faut ajouter un peu de style dans notre application. Mais quelle librairie choisir, et comment l’intégrer dans notre projet généré avec Angular CLI ?

Nous avons déjà ajouté la structure modulaire de notre application qui est en place. Maintenant, il nous reste encore à intégrer un certains nombre d’éléments indispensable dans toute application, à savoir le style. Nous allons voir comment choisir et intégrer une librairie de design dans notre application.

Lire la suite → Episode 5 : Intégrer Bootstrap avec Angular 🌻

Épisode 4 : Ajouter des modules de fonctionnalités métiers 🌱

Episode 4 : L’architecture modulaire mise en place précédemment est suffisamment générique pour démarrer un nouveau projet, quel que soit ça taille. Mais ensuite, pour vos besoins métiers, comment intégrer vos modules de fonctionnalités au sein de cette architecture existante ?

Nous avons déjà ajouté quatre modules principaux à notre application. Si vous avez bien remarqué, ces modules pourraient concerner n’importe quelle application avec une zone publique et privée, et ne sont pas spécifiques à notre application. Nous devons maintenant ajouter les modules nécessaires au code métier de notre application.

Lire la suite → Épisode 4 : Ajouter des modules de fonctionnalités métiers 🌱

Episode 3 : Générer une architecture en module 🎡

Episode 3 : Le socle mis en place par Angular CLI est-il suffisant pour se lancer dans des développements ? Ne manque t’il pas un architecture modulaire minimal avant de se lancer dans l’ajout des premiers composants ?

Vous avez généré un socle pour votre future application avec Angular CLI. Cependant, les outils ne peuvent pas faire tout le travail à notre place. A partir de maintenant, c’est à nous de prendre le relais, afin de poser les bases de l’architecture technique du projet. Et vous verrez que même si Angular CLI est là pour nous aider, nous n’allons pas nous ennuyer ! 

Lire la suite → Episode 3 : Générer une architecture en module 🎡

Episode 2 : Analyser le code généré par Angular CLI 👮

Episode 2 : Pourquoi Angular CLI génère autant de fichiers lors de la création d’une application ? A quoi servent-ils ? 

Jusqu’à maintenant, tout ce que nous avons fait avait l’air… « magique ». Exécuter une simple commande, et hop, on obtient un socle prêt pour notre application Angular. Pourtant, il n’y a rien de magique. Je vous invite donc à ouvrir votre éditeur de texte favori, et à ouvrir le socle que Angular-CLI a généré pour nous, dans le dossier “awesome-list ». Et là, c’est la panique !

Des dizaines de fichiers, plusieurs dossiers, tout ça pour afficher une simple page d’accueil avec un titre et une image… Il est tant de démystifier tout cela…

Lire la suite → Episode 2 : Analyser le code généré par Angular CLI 👮