IONIC Section 4 - 4.2 Blocs de construction d'application de base

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

Bonjour à tous et bienvenue dans cette vidéo où je vais vous expliquez les éléments de bases d’une application Ionic typique pouvant fonctionner aussi bien sur le web que sur un appareil natif intégré à une application mobile native distribuée via les stores. Et là encore, ces composants de l’interface utilisateur, ces composants Ionics, sont l’un des blocs de construction les plus importants, voire le plus important, dont vous avez besoin dans n’importe quelle application Ionic. Plus tard dans ce cours, nous apprendrons également sur des thèmes comme le thème et le style, qui consiste essentiellement à ajuster l’aspect de ces composants, dans votre application spécifique, vous aurez votre propre style, votre propre identité d’entreprise que vous voulez montrer et que vous voulez utiliser, et Ionic ne vous empêche pas de le faire. Ce n’est pas parce que ces composants on l’air joli ou sympa de les sortir du box, que vous ne pouvez pas les nommer et nous allons aborder ceci plus tard dans le cours dans un module séparé de thème et de style parce que c’est tellement important. Maintenant, lorsque nous construisons quelque chose avec l’application Ionic, nous devons également nous plonger dans la navigation, ce qui signifie fondamentalement que nous souhaitons basculer entre les différentes pages de notre application. Maintenant, une page ici ne signifie pas techniquement un nouveau document récupéré depuis un serveur, mais vous construisez généralement une application dite page simple où des frameworks comme « Angular» ou « Vue» ont des bibliothèques comme « React» où « React Router» qui pilotent le changement de pages et le rendu des différentes parties de votre application sur l’écran et dans les applications mobiles, nous connaissons également le concept de toucher quelque chose, de voir une nouvelle page, puis de cliquer sur le bouton « Précédent» pour revenir en arrière. Donc ce processus de navigation, à la fois sur le web et dans une application native, c’est aussi quelque chose que nous allons approfondir dans ce cours. Maintenant lorsque nous construisons une application plus grande, il y aura aussi un point de temps où nous devrons nous préoccuper de la gestion des états. En réalité, la gestion des états joue un rôle important même dans les petites applications. Même là, c’est très simple, mais plus complexe car la gestion d’état devient difficile. La gestion d’état fait vraiment référence à la gestion des données et d’informations dans votre application en cours d’exécution, quelque chose comme si l’utilisateur envoie actuellement une requête et si ce serait un état ou quelque chose comme une liste de produits chargés, ce serait une autre forme d’état. Et c’est quelque chose qui n’est pas lié directement à Ionic mais plutôt à des frameworks tel que Angular et c’est pourquoi nous l’utilisons. Maintenant, lorsque nous quittons le monde des applications Web et que nous prévoyons de publier notre application Ionic en tant que véritable application native via les stores d’applications, elle sera ensuite intégrée à cette vue Web, à ce véritable Shell d’application natif et passerelle pour exploiter les fonctionnalités de l’appareil natif, comme une caméra, constitue un autre élément des applications Ionics. Certes, ce n’est pas vraiment le cas des applications Web, même si vous pouvez accéder à certaines fonctionnalités de l’appareil natif et à ce que vous apprendrez également dans ce cours, mais surtout dans les applications natives, où vous pouvez accéder à toute la bande passante de l’appareil natif, par exemple l’ID de contact etc… tout cela est possible et n’est pas rendu possible par la suite de composants Ionics mais par un condensateur qui est également développé par l’équipe Ionic, ou bien par Cordova, qui n’est pas développé par eux mais il est supporté par Ionic. Enfin, la CLI contient un portique vous obtiendrez également pour le flux de production et le flux de publication de votre application. Cela fait également partie d’Ionic. Tout cela nous allons le voir point par point. Dans ce module, nous allons plonger dans ces composants de l’interface utilisateur car, comme je l’ai mentionné, quelle que soit l’application que vous développez, peu importe son design ou sa complexité, ou bien qu’il s’agît d’une application web ou mobile ou même des 2, vous utiliserez ces components, et c’est ce que nous allons voir dans le prochain cours. Nous nous baserons sur ce module ci et sera le prochain sujet de notre vidéo, à tout de suite.