IONIC - 1.2 Comprendre son ecosysteme

https://wewantcode.com/fr/course/ionic/lesson/ionic-1-2-comprendre-son-ecosysteme.html

Maintenant que nous avons vu ce premier aperçu détaillé de ce qu’est Ionic, nous pouvons concevoir un projet Ionic et examiner de plus près cet écosystème. Pour se faire, nous allons voir en détails les étapes de notre projet. Pour créer un application, nous allons écrire un code tel que JS ou avec un framework comme avec Angular. Vous pouvez également utiliser un framework frontend ce qui reste facultatif, et ainsi ajouter le framework Ionic, de sorte que cet ensemble de composants Web Ionic permet d’obtenir de beaux éléments riches ajoutés à cette application. Automatiquement ou avec peu d’effort de sorte que l’application ait déjà une belle apparence et qu’elle possède de nombreuses fonctionnalités intéressantes, ce qui représenterait beaucoup de travail supplémentaire sans son aide. Il est intéressant de savoir ici, que les composants Web s’y ajoute. Et à la fin, créer différents types d’applications sur la base de votre base de code unique en fonction de votre application. Et c’est la ou Capacitor ou Cordova vont intervenir avec les plugins. Ainsi à partir de notre code Javascript, nous pouvons déclencher certaines fonctions qui ensuite déclenchent le code natif sur votre appareil. Donc, du code natif réel pour, par exemple, ouvrir la caméra, obtenir l’emplacement de l’utilisateur, afficher une alerte ou autre. C’est donc ce qui est question dans Ionic. Dans ce procès, nous aurons besoin d’utiliser Angular c’est pourquoi je vous propose un petit rappel concernant les fonctionnalités de ce framework. Angular c’est un framework de développement Open-source pour créer des applications web. Un framework, c’est un ensemble d’outils qui permet de développer rapidement les applications et Open-source, cela signifie que tout le monde peut y participer. Il a été créé et maintenu par Google et par une communauté très active depuis 2016. Il s’inspire du framework Angular JS également lancé par Google et qui lui date de 2009. Angular est basée sur une architecture mvc (modèle, vue, contrôleur), c’est à dire que l’on sépare les données, le modèle, la représentation graphique, la vue et les traitements : le contrôleur. Cette architecture présente l’avantage d’une maintenance plus facile du code écrit. Il facilite également le travail en équipe. Le langage de programmation que l’on utilise avec Angular et le TypeScript. C’est un langage Opensource lui aussi créer par Microsoft en 2012, il permet d’écrire du code qui est ensuite transformé en JS. Et le JS, c’est un langage compatible avec tous les navigateurs internet qui se respecte avec Angular ont crée des applications dites single page. Se sont des applications qui seront contenues dans une page unique sur votre navigateur. Cela signifie qu’il n’y a qu’un seul chargement au lancement cela améliore l’expérience utilisateur en évitant des changements de pages inutiles. Seules les informations nécessaires sont modifiés. Avec Angular, on peut découper son application en différend modules. Les modules permettent de faciliter la réutilisation du code dans plusieurs applications qui comporte un ou plusieurs composants et la navigation entre les composants s’effectue avec des route. Une route c’est en fait une association entre une url et un composant comme dans l’Angular par tout les composants. Pour faire simple, un composant c’est une balise HTML totalement personnalisé. C’est un élément de votre application que vous allez pouvoir réutiliser partout où vous le désirez. Comme nous l’avons vu précédemment, Il va comporter la vue, la représentation graphique et le traitement le contrôleur. Dans le modèle MVC ce qui est pratique c’est qu’un composant peut utiliser d’autres composants. Par exemple, dans un site de e-commerce vous allez pouvoir définir un composant qui affiche la liste de tous les articles disponibles et cette liste pourra utiliser un composant pour afficher un article et ce composant vous allez pouvoir le réutiliser pour afficher des articles du panier de l’acheteur. Vous imaginez vite les possibilités qui s’offrent à vous et en plus de nombreux composants sont disponibles comme les composants Angular matériel. Se sont des librairies de composants qui vous propose des boutons des tableaux ou autre barre de progression pour créer des applications de façon professionnel. Pour déployer rapidement une application Angular, le plus simple c’est d’utiliser le service Firebase de Google qui est un service de cloud computing qui vous permet d’héberger votre site, et donc ici votre application Angular, de plus, il va vous permettre de conserver des données dans des bases realtime ou Firestore et si jamais vous avez des fichiers à traiter dont une application, vous pourrez utiliser le Storage google cloud. C’est un service de stockage objet, un peu comme le s3 de la WS. Avec google firebase, vous pourrez commencer gratuitement. Voilà pour ce petit rappel concernant le Framework Angular. Vous souhaitez en connaître davantage ? N’hésitez pas à consulter les vidéos disponible sur Angular sur lequel vous aurez tous ce qu’il faut pour comprendre et pratiquer ce framework. On se retrouve pour la prochaine vidéo ou nous allons commencer la mise en pratique alors je vous dit à bientôt !