Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

Mettre une application en production avec Angular 2

Automatiser les tâches

Testez gratuitement nos 1340 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Compilez les CSS et préparez les fichiers d'assets à l'aide de gestionnaires qui automatisent les différentes tâches.
03:06

Transcription

Il existe un moyen très simple d'automatiser des tâches parce que vous allez très souvent vouloir taper de l'information dans votre console pour travailler avec votre projet. Alors, bien sûr, ça pourrait être tout et n'importe quoi, mais vous disposez, et c'est comme cela que ça a été conçu à la base, déjà d'un outil qui s'appelle npm. La npm, c'est ce que l'on va utiliser avec Angular, et npm vous permet de démarrer une application Angular, même depuis les starters kits de base d'Angular. Je vais faire exprès de supprimer tout ce qui se trouve ici dans la partie script. Je vais enlever toute cette partie, parce que pour le moment on n'en parle pas. On va y revenir un petit peu plus tard. Moi, ce qui m'intéresse ici, c'est de vous montrer qu'on peut automatiser très facilement avec des commandes que l'on va référencer ici. Il faut savoir que npm vous permet de jouer n'importe quelle commande. Il suffira simplement de la décrire. Par exemple, on va l'appeler play, comme ça, et puis on va lui demander de faire quelque chose. Le faire quelque chose, c'est simplement le fait de référencer une commande. Par exemple, on pourrait lui demander de faire un ls-la, comme ça, et ici ensuite, une fois qu'on a référencé une commande dans notre package json, on va pouvoir la jouer en console. Pour les jouer, il faudra faire npm run et le nom de la commande. Alors, si je fais ça, vous allez voir qu'effectivement, c'est directement mon script npm qui va utiliser la commande que je lui ai donnée et qui va me permettre de travailler. Alors, ce qui est intéressant en plus de ça, c'est qu'on peut tout à fait, sans aucun problème, enchaîner des commandes. Par exemple, on pourrait demander ici une ouverture de http://, par exemple, localhost, bon, ça ne va pas fonctionner évidemment, mais pour les besoins de la vidéo c'est intéressant, localhost:8080. Si je lui demande de faire ça, il va lancer et m'ouvrir le navigateur. Et là, vous remarquez qu'effectivement c'est intéressant parce que, ça veut dire, je peux automatiser des tâches de manière extrêmement simple avec un outil qui est déjà fourni, et cet outil déjà fourni, eh bien, c'est npm. Vous allez y penser parce que ce qu'on va faire plus tard dans cette formation, on va utiliser pleinement npm. Comme vous l'avez vu dès le début, il y a tout un tas de commandes ici que je vous fournis déjà qui sont extrêmement intéressantes et qui vont permettre effectivement de faire de la compilation, de travailler sur le cache, de travailler sur la mise en production. Une application mise en production, vous verrez que ce n'est qu'une application qui va tourner au travers de npm, au travers en fait d'une espèce de serveurs. Alors, vous verrez qu'on a plein de serveurs existants, on a plein de manières de faire. On va les détailler un petit peu. Je vais vous expliquer celles qui existent, celles qui sont les plus utilisées. Pour nous, évidemment, ce sera WebPack que l'on viendra utiliser, mais vous pouvez tout à fait utiliser autre chose. Par contre, ça ne sera pas traité dans cette vidéo. Nous, on va parler de WebPack. Après, l'idée c'est aussi de découvrir un petit peu et de comprendre le fonctionnement de tout ça, mais il n'y a rien de bien compliqué. Simplement, gardez à l'esprit que toutes les commandes qui vont être utilisées après, et sur lesquelles je vais revenir évidemment puisqu'on va parler de la configuration et de ses commandes, etc. Ce ne sont que des commandes qui sont développées avec npm et qu'on lance au travers de npm. C'est très facile.

Mettre une application en production avec Angular 2

Optimisez la mise en production de votre application AngularJS. Réduisez le temps de chargement et d’affichage, gérez les tâches répétitives avec des scripts, etc.

1h05 (20 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :13 déc. 2016
Durée :1h05 (20 vidéos)

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 !