Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Découvrir Ember.js

Utiliser l'inspecteur d'Ember.js

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Découvrez l'inspecteur d'Ember.js. Il s'agit d'un plug-in Chrome, Firefox et Opera qui permet d'analyser et de déboguer votre application web.
03:10

Transcription

Maintenant que notre projet est créé, nous allons chercher à visualiser le rendu des pages Web dans ce navigateur internet. L'idéal serait que, dès qu'on fera des modifs, ça se mette à jour dans navigateur web. C'est un avantage d'Ember : il surveille en permanence les fichiers sources et recharge la page à chaque modification pour tenir compte de vos changements. Dans la plupart des développements de sites Web, il faut un serveur Web dans lequel déposer vos fichiers et qui vous permet de gérer l'affichage. Soit Apache, soit Nginx, peu importe le serveur Web. Pas la peine avec Ember : l'outil d'Ember génère directement un serveur qui va rendre les pages et surveiller les changements. Il suffit de vous rendre dans le dossier (CLIC) qu'on a appelé « address book ». Je vais me rendre à l'intérieur (CLIC) et taper « ember serve ». « Serve », c'est justement pour créer un serveur. (CLIC) À part un petit warning, il a réussi à démarrer le serveur. Vous voyez que vous avez du vert. Il marque quelques stats du temps qu'il a mis à compiler tout ça. Le warning qui est ici c'est juste pour prévenir que vous avez pas watchman qu'il utilisera NodeWatcher à la place mais qu'il est moins performant. Donc il vaut mieux installer watchman à la place. On verra ça plus tard. Je vais lancer mon navigateur, alors on pourrait utiliser safari. Pour Ember je préfère utiliser Chrome, tout simplement parce qu'on va pouvoir sur Chrome mettre un plugin pour avoir maintenant. Alors pour se connecter il suffit de se rendre à cette adresse-là : http://localhost:4200/. Moi je viens ici http://localhost:4200, j'appuie sur entrer et là j'ai mon site web. Pour l'instant c'est juste une page marquée «Welcome to Ember» mais effectivement quand on ajoutera du contenu, automatiquement il va se mettre à jour. Je vais juste vous montrer comment ajouter du contenu et vous montrer la mise à jour : je vais aller sur Sublime, «Welcome to Ember» va rajouter JS, j'enregistre, je retourne dans Chrome. Ça a été tellement rapide qu'on n'a pas eu à rafraîchir mais il a récupéré le changement. Pour configurer notre environnement, il nous manque plus qu'installer le plugin c'est-à-dire l'inspecteur Ember. On va citer développement, il existe l'extension Chrome, Donc, on va aller dans les préférences de Chrome extensions, plus d'extensions, on va chercher Ember. Voilà extensions Ember inspector proposé par www.emberjs.com ajouter à Chrome. Oui, je suis sûr de vouloir l'ajouter. Maintenant qu'elle est ajoutée on va pouvoir faire un clic droit inspecter et dans l'inspecteur web qui est le même que d'habitude on a un onglet de plus qui s'est ajouté, je manque un petit peu de place, on va étirer, voilà, il y a l'onglet Ember qui s'est ajouté. On va recharger la page peut-être, voilà, il faut que l'inspecteur soit ouvert au moment où vous chargez la page pour qu'il puisse fonctionner. Et donc il a détecté que c'était un site compatible avec Ember et il nous ajoute plein d'options supplémentaires. Alors je vais pas vous les expliquer maintenant, parce que ça ferait pas trop de sens sachant que vous ne connaissez pas encore la plupart des concepts. Mais petit à petit, plus nous avançons dans le projet, je ferai souvent référence à cet inspecteur et j'expliquerai les concepts les uns après les autres au fur et à mesure que nous avancerons dans le cours.

Découvrir Ember.js

Créez vos composants et mettez en page vos sites avec une facilité déconcertante avec Ember.js. Apprenez à créer des routes et à charger vos modèles depuis un service web externe.

2h57 (37 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :31 mars 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 !