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

Comprendre les composants natifs

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Abordez le fonctionnement d'une brique native et du système associé. Cela vous permettra permet d'écrire en JavaScript et ainsi, d'activer des éléments de l'API du téléphone.
03:50

Transcription

Pour bien comprendre le natif dans Ionic, il faut revenir aux sources. Le natif dans Ionic, c'est quoi ? Concrètement c'est Cordova, Cordova, ça permet d'exposer une api javascript, pour dialoguer avec des composants qui sont écrits soit en java, soit dans les langages pour iOS et qui permettent de dialoguer avec des api propriétaires, qui font partie de l'environnement Android, de l'environnement iOS ou de plein, plein de choses. C'est vraiment intéressant parce que ça veut dire que ce sont des paquets qui ont été crées, qui sont installables et qui permettent de faire du js pour ensuite dialoguer avec l'api native. C'était génial mais ça ne fonctionnait pas très bien pour Angular 2 parce que Angular 2 va se baser sur du TypeScript donc il faut des définitions en TypeScript. Il faut savoir que toutes ces librairies, j'abuse un peu en disant toutes, une bonne partie des api a été traduite et vous retrouverez ça dans la doc dans la section native. Dans la section native, vous allez voir qu'il y a énormément de composants différents, à chaque fois pour ces composants là, vous allez avoir une api. C'est bien parce qu'on a vu un peu tous les concepts et vous comprenez ce que je suis en train de vous dire quand je vous parle d'api. L'api va être donc la définition des méthodes que vous pourrez utiliser. On va prendre l'exemple de Action Sheet qu'on a là. Quand vous allez l'utiliser, ça va vous permettre d'ouvrir une espèce de Modal qui va se trouver en bas de l'écran, ou en haut d'ailleurs, ça va dépendre un peu des environnements, et qui va vous permettre d'afficher des informations et les différentes actions que vous allez pouvoir utiliser. Ce n'est pas très compliqué, on va importer le module depuis Ionic native par exemple, comment utiliser ça ensuite ? On va simplement définir par exemple des labels, et on va utiliser le composant avec la méthode show. Cette méthode, on va la retrouver là, elle est dans l'api, elle est définie et décrite, on vous dit que ça permet de faire un display à l'écran, de montrer à l'écran une ActionSheet qui provient du natif c'est-à-dire vraiment quelque chose de natif au téléphone, et ça c'est génial. Il faut au maximum que vous fassiez ce genre de choses, pourquoi ? Parce que le natif est beaucoup plus rapide. On va faire appel à des composants natifs du téléphone, de l'environnement, de l'OS sur lequel vous êtes, ça va être un gain de temps parce que derrière, ça ne sera pas du javascript. Ce seront des composants natifs, et ça nous permet de les utiliser. Vous voyez que c'est vraiment assez génial, on va simplement lui donner des informations. Il y a une fonction de Call Back derrière, on lui dit, une fois que c'est fait, tu nous dis sur quel bouton ça a été cliqué. Il y a des possibilités en plus aussi sur les différents composants, et ça nous permet de travailler très rapidement avec les composants natifs. Il y en a vraiment beaucoup, je vais faire une petite globalité des choses qu'on utilise le plus souvent, et ce que vous pourriez faire, pour vous donner quelques idées. Je les utilise très souvent dans mes projets. Ça accélère le développement et puis c'est très simple à mettre en place. Alors quand vous allez avoir besoin de l'utiliser, vous allez voir on le fera après, vous aurez simplement une petite commande à taper pour ajouter le plugin directement dans votre projet. et bien ce sera utilisable directement. Si vous n'avez pas fait l'ajout du plugin vous pourrez essayer de l'utiliser. Ça ne marchera pas parce qu'il ne sera pas disponible et ça vous ne le verrez que à la fin de la compilation, parce que dans le navigateur de toute façon vous aurez des erreurs, vous ne serez pas sur un environnement mobile, donc forcement vous aurez des erreurs. Sachez une dernière chose, j'appuie là, je parle de choses un peu plus techniques et plus poussées, Si vous ne trouvez pas de librairies pour votre composant natif un sdk, n'importe quoi que vous auriez envie d'utiliser dans votre application mobile, vous aurez la possibilité très facilement de venir créer le vôtre. Il y a plein plein de tutoriels qui existent sur internet pour faire ça. Chercher, vous verrez, create on va mettre simplement en anglais, les termes anglais, c'est mieux create Cordova plugin et vous verrez, il y a des templates qui sont fournis et on peut créer des plugin Cordova très facilement.

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 !