Créer une application mobile avec Ionic 2 et Angular 2

Dialoguer avec les composants

Testez gratuitement nos 1249 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Chaque composant bénéficie d'une API (Application Programming Interface, interface de programmation). Apprenez à dialoguer avec le composant et à lui donner des ordres.
04:00

Transcription

Je ne doute pas de votre potentiel, et j'imagine que vous avez bien réussi à coder cette petite partie qui nous permet du coup de fermer la Modal. Vous avez donc vu un nouvel élément de navigation, on ne travaille plus avec le NavController mais avec le ViewController et le ModalController. Il faut partir d'un principe, c'est que vous allez avoir accés non seulement à des composants mais aussi une api et l'api, qu'est-ce que ça veut dire ? Ce sont toutes les classes qui sont disponibles dans Ionic 2 et vous allez voir qu'il y en a beaucoup, notament le Viewcontroller. Alors peut-être que vous avez cherché un petit peu et ce serait bien, sinon ce n'est pas très grave, on en parle. Il faut savoir que pour tous les composants existants, pour tout ce qui est disponible dans Ionic 2 que vous pouvez utiliser, que vous pouvez inclure dans vos différents codes, on a une api. Une api veut dire que chaque instance a des méthodes, des membres et, à l'intérieur de l'instance, vous allez retrouver toutes les méthodes qui vous permettent de travailler. Par exemple la fameuse fonction dismiss que l'on vient d'utiliser pour cacher la Modal. Cet index complet est disponible dans la documentation, n'hésitez pas à aller regarder les méthodes qu'on peut appeler, comment ça fonctionne et pensez aussi à autre chose, au Tooling, je m'explique. Quand vous êtes sur une class, il faut savoir que TimeScript sa grande puissance, c'est de définir des sous-ensembles et de vous permettre d'y accéder très facilement. Si je fais un point derrière le Viewcontroller vous l'aviez peut-être déjà remarqué pendant que vous étiez en train de coder, à moins que vous ayez fait un copier-coller depuis la documentation, vous avez accès ici à toutes les fonctionnalités. C'est super intéressant parce que très rapidement, vous pouvez savoir si on peut utiliser quelque chose ou pas, sur un service mais, faites attention, des méthodes sont utilisables directement, d'autres font plus du retour d'information. Vous le saurez parce qu'il y a des événements en violet, les méthodes utilisables sont en bleu, ça vous permet d'avoir une information sur ce que vous pouvez faire. Ici par exemple, qu'est-ce que je pourrais utiliser ? Je pourrais utiliser le dismiss, on l'a utilisé tout à l'heure, donc quand je fais dismiss comme ça, j'ai des méthodes, et ça va me permettre de faire des choses. Je vais ouvrir des parenthèses, je vais avoir la documentation un petit peu dynamique. N'hésitez pas à utiliser ça, parce que ça va vous aider grandement. Pensez à autre chose, c'est que quand vous faites comme ça, un appui sur la touche commande sur un mac ou sur la touche ALT sur un PC, vous pouvez aller cliquer sur la class, pour avoir aussi la documentation ici. On n'a pas toujours les liens vers la doc en ligne, c'est fort dommage parce que ça permettrait d'aller un peu plus loin mais c'est un copier-coller de ce que vous allez retrouver en ligne. Par exemple pour le dismiss, on a les 3 types, on nous dit ce que c'est. C'est exactement la même chose ici, c'est important de faire ça. Pensez aussi que les versions de Ionic évoluent. Si vous vous mettez à jour à chaque fois, pensez à regarder s'il n'y a pas des choses qui vont être dépréciées au fur et à mesure, ou des choses que vous pouvez utiliser que vous ne pouviez pas utiliser avant. Pensez-y, vous avez vraiment toute la documentation sur toute l'api disponible et, en plus, si vous regardez dans le paquet Ionic Angular on est dans les node packages. Je vais remonter un peu plus haut, on est dans les NodeModule. Si vous regardez ici cette doc, elle est classée, c'est-à-dire vous avez les bundles, les composants, les choses qui permettent de faire de l'animation, les polices, la gestuelle et la navigation. En navigation on a pas mal de choses intéressantes qui nous permettent de travailler directement avec la navigation, de faire des liens entre les pages. C'était juste un point sur l'api, c'est important de savoir qu'elle existe. On peut l'utiliser et, pour chaque composant, vous avez plein de possibilités. donc n'hésitez pas à aller regarder dedans si vous ne pouvez pas faire quelque chose avec, avant de le coder vous-même. Je répète, ne codez pas si vous n'avez pas besoin de le faire parce que tous ces composants-là sont des composants éprouvés. Ce sont des choses qui nous proviennent de Ionic, qui vraiment ont fait leurs preuves et qui ont été améliorées très très grandement.

Créer une application mobile avec Ionic 2 et Angular 2

Développez vos applications mobiles avec AngularJS et Ionic. Mettez en place un projet et exploitez les nombreuses possibilités offertes par l’écosystème Ionic.

2h25 (30 vidéos)
Aucun commentaire n´est disponible actuellement
 

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !