Mettre une application en production avec Angular 2

Découvrir l'application AngularJS 2

Testez gratuitement nos 1252 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Découvrez l'application qui servira de fil conducteur à cette formation. Tirez parti de sa simplicité pour l'améliorer et pour faciliter sa mise en production.
03:14

Transcription

Vous pourriez partir sur n'importe quelle application Angular 2 que vous auriez créée pour la mettre en production. Mais évidemment, pour suivre les différentes vidéos, ça va être plus intéressant de se baser sur un projet déjà fait. Je vais vous expliquer comment ça a été mis en place, etc. Alors, pour utiliser les sources que je vais vous donner, il suffira d'aller sur mon profil github.com/lizjulien. Ici, vous trouverez une overview des différents projets que j'ai et surtout un repository, donc ici, un onglet qui vous permettra d'accéder aux sources d'angular-production qui est l'application que l'on va utiliser. Alors, c'est extrêmement simple. Pour l'avoir sur votre ordinateur, il vous suffira de cliquer sur le bouton vert « Clone or Download », et vous cliquerez sur Download ZIP qui vous permettra d'obtenir le zip de la formation. Ensuite, ici, vous allez le dézipper et vous êtes prêt à partir, le dossier de travail c'est celui-ci. Alors, je vais vous parler rapidement de notre projet qui est un projet très simple en Angular 2. On va faire un rapide passage sur les différents outils qui permettent d'automatiser, de travailler avec les WebPacks, etc. Mais on partira sur ces sources-là, en tout cas, pour cette vidéo. C'est-à-dire que là, on va vraiment sur ce chapitre expliquer WebPack. C'est WebPack que l'on va utiliser, et je vais vous expliquer comment cela est mis en place et ce que ça va nous permettre de faire, et surtout comment on va mettre en production avec WebPack. Bien sûr, ici, vous aurez un petit dossier src dans lequel vous avez les sources. Les sources de votre projet, c'est bien sûr toutes les sources qui se trouvent dans le projet et qui permettent au projet de fonctionner. Alors, vous verrez qu'à l'intérieur, on a pas mal d'informations, notamment, on a le dossier app dans lequel on a tout simplement un petit composant de base qui est le composant app, qui est aussi un module et composant. Et ensuite, on a trois petites pages. On a une page home, une page about et une page detail. Donc là, vous avez une petite application très simple, peut-être que la vôtre est beaucoup plus compliquée. Nous, on va partir sur cette application-là, et je vous expliquerai au fur et à mesure quels sont les outils qui sont mis en place sur cette application pour la faire fonctionner. Le dernier détail, c'est qu'elle est fournie bien sûr sans les paquets nodes. Donc, vous allez être obligé d'utiliser l'installateur npm pour installer les sources du projet. Pour faire ça, vous allez vous rendre dans votre dossier de téléchargements, à l'endroit où vous avez dézippé angular-production, et à l'intérieur, vous allez simplement faire un npm install ou même plus court, un npm i qui vous permettra d'installer les dépendances du projet. Lui, il va se charger de lire le fichier package.json, et donc de venir travailler sur les différents paquets à installer. Donc, il va vous installer tous les modules nodes du projet. Donc, comme ça, vous aurez un projet qui sera démarrable. Alors, bien sûr, votre éditeur, vous le câblerez également dans le Downloads. Donc, on va lancer l'éditeur de code, et puis on va lui demander d'ouvrir un nouveau dossier et on va aller dans les téléchargements récupérer le dossier et faire ouvrir. Et à partir de là, vous vous retrouverez avec le projet et vous pourrez déjà travailler avec de façon optimum. Ce qui est bien, c'est que vous avez toutes les informations, tous les paquets, et vous allez pouvoir suivre très facilement les différentes explications. Mais bien sûr, on va commencer avec les automatiseurs. Alors, qu'est-ce que j'entends par là ? C'est-à-dire tout ce qui est possible de faire et comment on automatise la mise en production d'une application, mais aussi la phase de développement.

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 !