JavaScript : JSON, AJAX et les requêtes asynchrones

Créer une page de test

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Une première page étant indispensable pour les tests, vous allez créer une page simple. Puis, vous mettrez en place le gestionnaire de paquets Yarn.
02:43

Transcription

Alors vous l'avez remarqué, pour le moment, on n'a pas de page, on n'a rien du tout. Évidemment, pour travailler avec les différentes technologies classiques, JSON, Ajax, etc., il va nous falloir quand même quelques petits éléments, une petite structure. On va commencer ici par créer un nouveau fichier qu'on va nommer « index.html », c'est comme ça que ça se nomme généralement, le premier fichier d'un site, « index.html », et puis on va simplement taper ici, regardez : « html:5 » pour créer une structure HTML5. Avec la touche tabulation, vous allez, hop, obtenir une structure complète, et on va pouvoir ici, référencer Json, Ajax, et puis librairies « Promise », on peut mettre « Promise », voilà, comme ça. Donc ici, maintenant, vous avez une structure. Bien sûr, cette structure, on va la faire évoluer puisque là, en l'état, comme ça, il va rien se passer. Par contre, ce qui bien, c'est que au niveau ici de votre serveur, vous allez vraiment avoir une page cette fois, et au niveau du network, on voit bien qu'effectivement cette page-là sort en statut 200, le serveur nous la renvoie, il n'y a pas de problème. On va avoir besoin aussi d'installer des librairies. Alors, pour installer des librairies, et pour le faire facilement, je vous conseille le gestionnaire de dépendances Yarn, qui est un gestionnaire qui vient un petit peu en remplacement de l'ancien Bower, qu'on connait peut-être tous. Alors si vous le connaissez pas, Bower, c'était pas mal, ça permettait de gérer les dépendances dans un projet. Nous, pour notre projet, on va utiliser Yarn qui est plus jeune, et qui est une des dernières technologies existantes, et qui normalement, devrait remplacer assez rapidement Bower. Pour l'installer, c'est assez simple, vous allez simplement, alors soit utiliser brew comme vous l'avez ici, soit utiliser ici Ports, si vous utilisez Ports, donc là, il va vous falloir quand même un petit peu d'installation. Il y a des alternatives qui existent, c'est-à-dire qu'on peut récupérer simplement, voilà, le script directement en fait via curl, et sinon, on peut aussi l'utiliser par npm, mais on vous dit que ce n'est pas recommandé. Ce n'est pas recommandé car vous n'aurez pas forcément les dernières versions. Cela dit, nous on va utiliser cette méthode-là. Donc, vous allez vous mettre à l'intérieur de votre dossier de dépendances. Vous voyez qu'on vous dit de faire « --g », alors vous pouvez simplement faire « -g ». Et si vous êtes sur Mac comme moi, on va aussi précéder de « sudo », donc pour jouer la commande en super utilisateur. On va devoir donner son mot de passe, et puis on va avoir ensuite ici, une installation de Yarn sur la machine. Ce qui est bien, c'est qu'après, on va pouvoir utiliser Yarn pour installer des librairies. En l'occurrence, nous, on va installer jQuery, et puis si on besoin d'autres librairies, on viendra les installer très facilement. Donc, vous installez cette partie-là, comme ça vous aurez un Yarn de coté, et puis maintenant, vous avez une première structure, on va pouvoir commencer à travailler. Bien sûr, on va créer d'autres fichiers au fur et à mesure, ne vous inquiétez pas, c'est vraiment une structure de début, mais il faut créer une page de test, c'est créé, maintenant on va travailler.

JavaScript : JSON, AJAX et les requêtes asynchrones

Découvrez les requêtes asynchrones en Javascript avec le format JSON et la norme AJAX. Assimilez les techniques du développement d’applications web en single-page.

2h03 (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 !