Mettre une application en production avec Angular 2

Tirer parti d'Angular Universal

Testez gratuitement nos 1299 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Partez à la découverte du projet Angular Universal. Voyez de quelle manière il vous servira pour la production.
02:29

Transcription

On va maintenant parler d'Angular universal qui est un projet qui a démarré dans le courant de 2016 et qui est extrêmement intéressant, qui va permettre de faire jouer au serveur, donc, à un serveur qui va faire du rendu JavaScript, qui va faire jouer donc des parties de l'application et les rendre sur le client. Ce qui est intéressant, c'est qu'on va pouvoir utiliser Angular universal pour travailler proprement une application qui sera en pseudo rendu. Concrètement, l'utilisateur aura déjà des informations sur la page. Alors, si on voulait faire un exemple de ça, on pourrait se dire que la partie qui se trouve en haut sur le site Internet ici et la partie qui sont les outils qui se trouvent en dessous, ça pourrait être un rendu serveur qui serait affiché d'abord au client sur une application Angular, attention, et que tout ce qui se trouve en dessous sera chargé plus tard. Et à ce moment-là, on va se retrouver avec Angular universal, avec cette partie-là rendue depuis le serveur et donc affichée directement à l'utilisateur, puis la liste du dessous, pourquoi pas récupérée par un Webservice. Alors ça, vous vous rendez bien compte que ce n'est pas possible à la base. Quand on charge une application directement en Angular, on charge des fichiers JavaScript. Le navigateur du client est obligé de venir les charger puisqu'il y a un appel à plusieurs scripts, il charge les scripts et après ça s'affiche. Donc, Angular universal permet de faire du rendu côté serveur en JavaScript avec une application Angular, ce qui est vraiment extrêmement génial, ça va nous permettre d'aller plus vite et de présenter déjà de l'information. On appelle ça des applications isomorphiques, mais on appelle aussi ça des applications hybrides où on va avoir de l'information déjà rendue à l'utilisateur. Alors, pour comprendre, on va utiliser un projet qui existe déjà. Si vous vous rendez sur le dépôt Angular universal, vous allez avoir la documentation d'universal, ce qui est intéressant puisque là vous avez vraiment toute l'information sur comment l'utiliser, etc., mais surtout il y a un starter kit, et nous on va se baser sur le starter kit pour bien comprendre ce qui se passe. C'est un starter kit qui vous permet de travailler avec de l'Angular universal, et ici vous allez simplement utiliser le lien de téléchargement qui se trouve là. Vous allez dézipper votre projet et vous allez le rendre disponible dans votre éditeur ici, directement en faisant un Fichier, en faisant Ouvrir et en allant chercher directement le paquet universal-starter, et vous allez faire Ouvrir. Donc, à partir de là, vous allez vous rendre sur le projet, et on va pouvoir commencer à discuter le fonctionnement de ce projet, comment ça fonctionne vraiment derrière, qu'est-ce qui a été mis en place ? Vous allez voir qu'avec ce qu'on a déjà vu, vous allez vous y retrouver beaucoup mieux.

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
Date de parution :13 déc. 2016

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 !