IONIC Section 4 - 4.5 Présentation de la documentation IONIC

Cliquez içi pour plus de vidéos disponibles sur notre chaine youtube !

Bonjour à tous, Maintenant que nous avons vu comment configurer notre projet en non-Angular, nous pouvons nous poser la questions de quels components Ionics pouvons-nous ajouter ? Il y a plus d’une centaine de component ioniques prédéfinis et vous les trouverez tous dans la documentation officielle Ionic. Maintenant n’hésitez surtout pas à parcourir la documentation officielle et à les utiliser car il est impossible de les apprendre tous par coeur, vous les apprendrez automatiquement en les utilisant , mais utilisez ces docs lorsque vous créez une application, faites-le, c’est votre référence, elle est toujours à jour et elle est générée directement à partir du code source et, par conséquent, c’est le lieu idéal. Donc je rappelle ici le site officiel « https://ionicframework.com». Donc nous on est dans la partie doc avec les components, et nous nous dirigeons vers la catégories « Boutons»par exemple, vous avez quelques exemples à droite sur ce smartphone : success, warning, danger donc par rapport aux couleurs, vous avez des boutons de type large avec light médium et dark etc… Et vous avez « Expand» qui permet de renseigné la description du component, que ce soit pour celui ci ou pour les autres. Donc vous pouvez apprendre son rôle, son utilisation, ses méthodes de configurations générales, comme par exemple la configuration du mode de remplissage pour effacer le contour ou pour définir le contour du bouton. Vous avez quelques exemples d’utilisation avec des exemples de codes de configuration différentes, sachez que vous avez les versions JavaScript et Angular qui, pour ce code, ne diffèrent bien sûr pas et vous avez ensuite une liste de toutes les propriétés qui est aussi généré à partir du code source et vous pouvez voir quelles propriétés vous pouvez définir comme attributs sur l’élément et sur les valeurs que vous pouvez transmettre pour chaque attribut. Nous avons également accès aux évènements par défaut tels que click ou autre, et c’est le cas pour tous les components et cela deviendra important par la suite. Lorsque nous abordons le style, vous pouvez voir quelles propriétés CSS vous pouvez exécuter pour contrôler l’apparence de votre component. Donc il y’a beaucoup de choses dans ce document, maintenant nous pouvons l’utiliser et commencer à créer notre petit plan budgétaire, pour ce faire, je vous invite à suivre la prochaine vidéo.