*NOUVEAU* AJAX - Cours de base complet - Partie 7 : STREAMS
CM Code_Zone, !false | funny, because its true
Regardez ce cours et des milliers d'autres
Regardez ce cours et des milliers d'autres
Leçons de ce cours
-
-
1.
Introduction au cours
2:07
-
2.
Qu'est-ce que Streams
4:52
-
3.
Comment lire des flux
12:06
-
4.
Écrire dans des flux
4:10
-
5.
Résumé du cours
3:34
-
6.
Classe outro
1:25
-
-
- --
- Niveau débutant
- Niveau intermédiaire
- Niveau avancé
- Tous niveaux
Généré par la communauté
Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.
12
apprenants
--
projet
À propos de ce cours
BIENVENUE DANS CETTE SÉRIE DE SKILLSHARE SUR AJAX. C'EST LE SEPTIÈME COURS SUR AJAX.
Ce que nous couvrons dans ce cours spécifique Skillshare ?
Nous allons couvrir des tonnes d'informations dans cette série entière, mais pour la partie 7, vous allez apprendre sur Streams.
Le terme AJAX a été créé en 2005, mais son origine s'étend à 1999 quand Microsoft a fourni aux développeurs de la colle entre les clients et les serveurs.
Vous savez désormais qu'AJAX est une façon dont JavaScript utilise un objet de navigateur pour communiquer avec un serveur distant. Dans la section précédente, nous avons utilisé l'API Fetch pour exécuter une requête AJAX.
Mais avez-vous remarqué quelque chose de particulier lorsque nous avons utilisé l'API Fetch ?
C'est exact, nous n'avons pas pu accéder au corps de la réponse directement !
C'est parce que le corps de la réponse était un flux lisible. Plus précisément, l'API Fetch offre une instance concrète d'un ReadableStream à travers la propriété corps d'un objet Response
Qu'est-ce que vous ?
Ne vous mettez pas en stress, c'est exactement ce qu'est ce que ce cours
Les flux sont puissants, car lorsque nous utilisons des flux nous pouvons recevoir une ressource du réseau et la traiter dès que le premier bit est arrivé.
Cela signifie que au lieu d'attendre que la ressource soit complètement téléchargée avant de l'utiliser, nous pouvons immédiatement travailler avec elle. N'oubliez pas les anciens jours où vous deviez télécharger une vidéo entière sur votre mémoire avant de pouvoir la voir ? Eh bien, les anciens jours sont partis ! Nous avons maintenant YouTube et Netflix qui vous permet de diffuser et de regarder des vidéos, petit à peu.
Dans ce cours, nous allons examiner certains concepts importants tels que :
- Qu'est-ce que Streams ?
- Lire les flux
- écrire dans des flux (avancé)
- Lire les morceaux de données à travers la méthode pipeThrough
- ET UN BAS DE PLUS !
Je ne peux pas attendre.
COMMENÇONS
--- curieux de ce qu'est AJAX ? Ne cherchez plus ...
Bienvenue aux étudiants Skillshare dans cette série sur AJAX.
Comprendre le développement web est un processus en cours. Pour vous donner un pied, j'ai tout fait pour structurer une série AJAX Skillshare tout englobant, mais ciblée, que je vous propose d'une manière qui vous permettra de mieux profiter.
Ma série Skillshare est remarquable en vous enseignant pourquoi, les choses fonctionnent et non pas seulement comment faire quelque chose de sans esprit.
À QUI S'APPLIQUE MA SÉRIE AJAX ?
Ma série Skillshare AJAX est pour tout le monde, des codeurs débutants et avancés. Vous n'aurez pas besoin de suivre d'autres cours après le mien pour savoir ce qu'est AJAX.
Vous devez connaître un peu HTML et JavaScript. Si vous n'avez jamais entendu parler de JavaScript, il peut être bénéfique pour vous de faire d'abord mes cours JavaScript avant celui-ci, mais ce n'est pas essentiel.
Ce programme Skillshare AJAX peut être pris seul (vous n'avez pas besoin de faire d'autres séries Skillshare) pour atteindre vos objectifs.
QU'EST-CE QUE AJAX ?
AJAX vous permet de mettre à jour les informations sur votre application Web de façon dynamique, sans actualiser la page et de faciliter le flux d'une importance capitale. Un bel ajout à votre compétence. Intelligent et puissant.
Par exemple. Si un utilisateur veut noter votre produit « ⭐⭐ ». Vous ne voulez pas que l'ensemble de la page soit rafraîchie lorsque l'utilisateur décide de donner à votre produit un avis étoiles, en raison du temps inutile qu'il gaspille, surtout si votre page est grande.
Un autre exemple est un salon de discussion. Pour des raisons évidentes, vous ne voulez pas que la page soit rafraîchie chaque fois qu'un nouveau commentaire ou une réponse est affiché.
AJAX va plus loin que de mettre à jour les données de votre page sans avoir à changer de page. Avec AJAX, vous pouvez également diffuser des données. Pensez à regarder une vidéo avant que la vidéo entière n'ait téléchargé sur votre machine. Pensez à Google Maps où vous n'avez qu'à télécharger les données qui vous conviennent. AJAX rend tout cela possible.
Pouvez-vous commencer à voir à quel point AJAX est puissant, à quel point il est essentiel aujourd'hui ?
Connaître AJAX est crucial si vous voulez devenir un développeur fullstack car il vous permettra de faire des demandes de serveur et d'écouter les données entrantes, de façon asynchrone. Il a été noté qu'AJAX peut devenir difficile à l'occasion, et je ne conteste pas cela, mais avec une formation correcte qui comprend une simple explication des principes de base, vous apprendrez, comme moi, à maîtriser et à aimer AJAX.
Si vous voulez devenir un développeur Web complet en pile d'informations, vous devez savoir sur AJAX et c'est pour cela que cette série Skillshare est au sujet.
POURQUOI CETTE SÉRIE DE COMPÉTENCES SÉRIE SUR AJAX EST-ELLE SI IMPORTANTE ?
- Vos sites préférés utilisent aujourd'hui AJAX
- D'autres cours vous enseignent sur les bibliothèques tierces lorsque vous utilisez AJAX (comme jQuery ou Axios). Cette série Skillshare vous apprendra à utiliser AJAX, pur et plus encore. Pas de raccourcis. Le vrai deal !
- Faire des demandes HTTP de manière asynchrone est à l'avant-garde du développement Web d'aujourd'hui. En fait, il n'est plus conseillé ou la chose faite de faire des demandes HTTP de manière synchrone
- Savoir comment faire une demande de serveur et écouter une réponse, rapide, est une compétence essentielle pour tout développeur Web à maîtriser
- En tant que développeur, vous traitez des données. Ces données peuvent prendre de nombreuses formes, mais le plus courant est XML et JSON
- Vous pouvez utiliser AJAX pour transporter HTML, images, JavaScript, XML, JSON et même un texte clair sur Internet. Ma série Skillshare couvre tout cela
- L'utilisation d'AJAX permet d'économiser l'utilisation de la mémoire et d'accélérer votre site. Par exemple, Google Maps utilise AJAX, donc au lieu de charger toute la page pour chaque événement il charge la section requise que vous regardez seulement. Comment efficace n'est-ce pas
- AJAX permet une meilleure expérience utilisateur, pas d'argument dans ce sens
- Chaque navigateur dispose aujourd'hui d'une API (ou d'un objet) intégrée appelée l'objet XMLHttpRequest ou l'API Fetch Ces objets donnent aux navigateurs la capacité de communiquer avec les serveurs, en coulisses. Cela signifie qu'une page peut mettre à jour (pas totalement télécharger) de façon transparente sans bloquer quoi que ce soit sur l'interface utilisateur
- Après avoir terminé cette série AJAX Skillshare, vous serez certainement compétent, confiant et la personne « aller-vers » pour faire des demandes AJAX
LAISSEZ-MOI PARTAGER MES CONNAISSANCES AJAX AVEC VOUS
Comprendre le fonctionnement d'AJAX vous permettra d'être un programmeur complet génial, pertinent pour aujourd'hui. Utiliser efficacement AJAX vous permettra de mettre à jour certaines parties de votre site Web dynamiquement sans avoir à mettre à jour la page, à diffuser et à gagner du temps de téléchargement, à gagner de l'espace mémoire et donc à terme, d'améliorer l'expérience utilisateur.
Prenez le contrôle en comprenant et en offrant aux utilisateurs d'aujourd'hui l'expérience Web rapide qu'ils sont en train de s'attendre.
Maîtriser AJAX est un défi
Dans cette série Skillshare, je fais une plongée profonde pour expliquer AJAX et comment il fonctionne de manière claire et simple. Pourquoi avons-nous besoin d'AJAX ? D'où est-ce qu'il vient ? Pourquoi l'API Fetch() a-t-elle été introduite ? Pourquoi avons-nous dû remplacer l'objet XMLHttpRequest() ? Pourquoi devons-nous utiliser le nouveau mot-clé lors de l'utilisation de l'objet XHR ? Quelles sont les promesses ? Qu'est-ce que Streams ? Quels sont les différents formats de données que nous pouvons transférer sur Internet ? En comprenant (vraiment comprendre) ces questions, et bien d'autres dans cette série Skillshare, vous serez en mesure de créer facilement des sites Web avancés et d'utiliser le processus d'empilement complet. Vous serez en mesure de créer des sites dynamiques qui améliorent l'engagement et l'expérience des utilisateurs.
OÙ EST UTILISÉ AJAX ?
- Validation de formulaire
Il peut être peu pratique et fastidieux d'obtenir les résultats de validation seulement après avoir soumis un formulaire. Vous pouvez utiliser AJAX dans la validation du formulaire, pour donner des mises à jour en temps réel presque instantanées sur la validation.
- Récupérer les données d'une base de données dynamiquement sans rafraîchir la page
Si vous devez récupérer des données à partir d'une base de données et les afficher sur votre page (comme un commentaire de blog, une réponse de chat ou le nom de l'utilisateur), alors utiliser AJAX est une nécessité.
- Trier ou filtrer
Si vous devez récupérer des données à partir d'une base de données et les afficher sur votre page (comme un commentaire de blog, une réponse de chat ou le nom de l'utilisateur), alors utiliser AJAX est une nécessité.
- Votes ou évaluation ★★
L'ensemble du site n'est pas nécessaire d'être actualisé si un utilisateur vote pour quelque chose ou que le taux de votre produit. Le vote et l'affichage des résultats peuvent être effectués le plus efficacement en utilisant AJAX.
- Chat sites Web
Parler est toujours en temps réel. C'est pourquoi AJAX est un must pour avoir si vous voulez créer un panneau de discussion réussi sur votre site web.
- Commentaires de blog
Vous pouvez charger des commentaires précédents ou publier un nouveau blog commens avec AJAX, facile à utiliser.
- Captcha
Pour créer Captcha (recharger captcha fondamentalement) AJAX est également la meilleure plateforme à utiliser.
- Streaming des données et plus
AJAX est utilisé pour consommer des données avant son entièrement téléchargé (vous permettant d'économiser de l'espace et du temps de mémoire) et tout un tas de choses encore !
Après avoir vécu ma série Skillshare "AJAX" que je vous présente de manière amusante, vous serez bien informé et confiant.
CE QUE CETTE SÉRIE DE COMPÉTENCES REVÊT
Cette série Skillshare est complète, couvrant les principes de base essentiels d'AJAX.
AJAX se réfère à la façon dont les navigateurs réalisent des requêtes HTTP aux serveurs de manière asynchrone, à écouter les résultats et à faire quelque chose avec les données quand elles sont reçues. AJAX est une question de rapidité et d'efficacité.
Vous pouvez donc considérer AJAX comme le moteur qui gère tout ce processus aller-retour entre le navigateur et le serveur.
Assez simple.
Le seul problème est que pour réellement comprendre AJAX, vous devez comprendre beaucoup d'autres concepts, et c'est l'un des aspects uniques de ma série Skillshare et de mon style d'enseignement.
Des explications simples et des exemples pratiques vous permettent de comprendre ce qui suit :
- Comment écrire AJAX de la meilleure façon
- Qu'est-ce que le code asynchrone et comment il diffère du code synchrone
- Comment utiliser AJAX pour faire des demandes asynchrones
- Quelle est la boucle d'événement dans JavaScript
- Qu'est-ce que le XML et comment il diffère de JSON
- Qu'est-ce que le protocole HTTP et qu'est-ce que le protocole HTTP/2 et HTTP/3
- Quelles sont les fonctions de constructeur
- Qu'est-ce que l'objet XHR
- Qu'est-ce que la nouvelle API fetch()
- Quelles sont les promesses
- Qu'est-ce que Streams
- Pourquoi utiliser Async/Await
- Interface URL, interface de demande, interface d'en-tête et tout un ensemble plus encore !
Et oui, nous allons coder des exemples réels et examiner le fonctionnement d'AJAX (nous utilisons à la fois l'objet XMLHttpRequest et le nouvel API Fetch ).
Pourquoi devriez-vous apprendre autant sur AJAX ?
Parce qu'AJAX vous permet de mettre à jour certaines parties de votre page Web sans avoir à jour de page. Il est utilisé pour le streaming et plus encore, et l'utilisation aujourd'hui d'AJAX est essentiel sur les sites web. Il ne s'améliore pas que ça !
*** Une série complète AJAX sur Skillshare ***
Les programmeurs réussis savent bien plus que de mémoriser quelques lignes de code.
Ils connaissent également les principes de base du fonctionnement de l'interaction du navigateur et du serveur en coulisses, ce qui leur permet d'être pleinement créatif, de résoudre les problèmes et d'améliorer les expériences utilisateur.
Cela est particulièrement vrai en ce qui concerne AJAX.
Si vous souhaitez devenir un développeur de pile complète, vous devez savoir, vraiment savoir comment faire une requête AJAX. Vous devez comprendre comment AJAX a été créé, pourquoi l'API Fetch moderne a été introduite, ce que sont les Streams, comment fonctionnent les promesses et pourquoi les mots-clés Async/Await ont été introduits, et un bien plus encore !
UNE APPROCHE UNIQUE
Cette série Skillshare contient des exemples pratiques et des défis amusants et des quizs.
Comprendre le fonctionnement d'AJAX est un sujet vaste. Pour vous permettre de vous rendre à la vitesse, j'ai créé une expérience d'apprentissage amusante et complète, en adoptant le contenu dont vous avez besoin pour réussir, et je vous le livre de la meilleure façon possible pour vous en bénéficier.
Et je fais usage des dernières et les meilleures fonctionnalités de JavaScript et de navigateurs tout au long du parcours d'apprentissage pour que vous puissiez rester en avant dans votre entreprise.
Vous apprendrez des stratégies simples et très puissantes pour faire des demandes de serveur d'un client.
À la fin de cette série Skillshare, vous pourrez « parler » et « marcher » AJAX en vous permettant de comprendre comment vous pouvez le construire et de configurer votre demande de manière pratique. Nous creusons plus profondément dans chaque cours, et cette série Skillshare propose de nombreux cours bonus qui élargissent votre base de connaissances et testent vos compétences avec des défis amusants.
Cette série Skillshare vous offre les meilleures bases et compétences pratiques avec AJAX. Il peut être pris seul (vous n'avez pas besoin de faire d'autres séries Skillshare) pour atteindre vos objectifs. Vous allez émerger de cette série Skillshare avec une compréhension avancée et une expérience pratique pour faire des demandes HTTP. Cela vous amènera à comprendre quelle méthode (GET ou POST) utiliser pour envoyer des données, comment définir l'emplacement des données, comment configurer un moteur AJAX et comment vérifier les erreurs. C'est une connaissance géniale. Cette série Skillshare vous captivera et vous catapultera au niveau supérieur et est un élément important de votre voyage pour devenir un grand maître dans le développement web.
Dans cette série Skillshare, vous apprendrez tout sur AJAX. Des bases de la construction d'un moteur AJAX, jusqu'à l'apprentissage du code XML et du JSON, du code asynchrone, des protocoles, des fonctions constructeurs, des promesses, des flux, des protocoles HTTP, de l'API Fetch et des mots-clés Async/Attend, et diverses APIs telles que Fetch, l'interface URL, l'interface an et l'interface de demande et tout un tas d'informations !
Si vous voulez devenir un développeur Web complet en pile d'informations, vous devez suivre cette série Skillshare sur AJAX !
EN QUOI CE COURS DE SKILLSHARE EST-IL DIFFÉRENT ?
Une caractéristique unique de ma série Skillshare est le détail clé que je vous apporte sur le fonctionnement d'AJAX en coulisse, une compétence que chaque développeur complet a besoin de maîtriser pour utiliser le potentiel d'améliorer.
J'utilise des leçons simples et efficaces pour vous amener au-delà des bibliothèques de démarrage comme Axios ou jQuery. Les bibliothèques sont utiles, mais ne remplacent pas les connaissances et une fois que vous pouvez écrire les vôtres, vous serez mieux en mesure d'utiliser et de modifier le code de la bibliothèque.
Dans cette série Skillshare, je me focalise sur l'aspect plus fondamental d'AJAX. J'utilise un JavaScript simple qui est le langage de programmation de base dont vous avez besoin pour utiliser AJAX. Une fois que vous maîtrisez l'utilisation de JavaScript avec AJAX, l'intégration d'une bibliothèque peut être bénéfique et peut avoir du sens.
Pour comprendre le fonctionnement de AJAX, je plonge dans des sujets tels que les protocoles, les fonctions de constructeur, le code asynchrone, les types de format de données (JSON et XML), les promesses, les flux et la gestion des erreurs et la façon d'utiliser les mots-clés Async/Attendre avec l'API Fetch
La pratique rend parfait
La théorie est théorique… mais il n'y a rien de tel que d'avoir à écrire votre ordinateur et de taper le code. C'est pourquoi nous allons coder et rire nos cheveux ensemble car nous codifions des sites Web et des exercices de la vie réelle au cours de cette série Skillshare.
J'aime enseigner et utiliser souvent des exemples pratiques, c'est pourquoi je commence à coder avec vous dès le début. Je vais vous montrer pourquoi l'objet XHR est une fonction constructeur. Je vais vous montrer la différence entre JSON et XML. Je vais vous montrer comment configurer un objet XHR, vous montrer comment construire des promesses, vous montrer ce que sont les flux et comment utiliser la nouvelle API Fetch Ces concepts sont tous les meilleurs appris en codant des exemples réels. Je ne peux pas attendre.
CE COURS DE COMPÉTENCES EST POUR VOUS ?
Absolument. Si vous vous inscrivez dans l'une de ces catégories, cette série Skillshare est parfaite pour vous :
#1 : les gens occupés qui veulent devenir certifiés et confiants dans AJAX dans les plus brefs délais
#2 : PROGRAMMATION DÉSIR. Vous voulez progresser dans le monde de la programmation.
#3 : les FREELANCES qui veulent savoir comment les développeurs réussis construisent des sites Web dynamiques qui peuvent mettre à jour les informations sans avoir à jour la page (comme Twitter, Google Maps etc.).
#4 : les propriétaires de site Web qui veulent acquérir une compréhension solide du fonctionnement d'AJAX.
#5 : les agences qui veulent améliorer leurs développeurs rapidement.
#5 : TOUS ceux qui veulent apprendre.
POURQUOI COMMENCER MAINTENANT ?
Juste cette seconde, vos concurrents apprennent à devenir de meilleurs développeurs web.
Le développement Web est un sujet chaud qui est flagrant et ne peut être rafraîchi à l'avenir. Nous avons besoin du Web de plus en plus et les progrès continuent de se produire. Mais vous avez un avantage distinct. Cette série Skillshare offre des sujets d'apprentissage mémorables, des tactiques exploitables et des exemples de monde réel pour vous aider le plus.
Commençons !
Qu'est-ce que vous obtenez ?
- Vous devenez un expert AJAX
- Soutien aux questions-réponses.
- Missions pour vous aider à apprendre.
J'espère que vous êtes aussi heureux que je suis d'apprendre et que je suis impatient de vous montrer comment l'appliquer avec confiance AJAX à vos propres sites web.
Rendez-vous en cours.
Rencontrez votre enseignant·e
Success takes sacrifice.
And sacrifice is something I know a lot about.
I am a self-taught developer so I understand how difficult and daunting it can be for a new comer.
Today, I continue to code and stay on top of the latest technologies and programming languages.
It's time to share the knowledge I've gained and to help others succeed.
Voir le profil completProjet de cours pratique
Cool Bananes ! Vous avez terminé le cours sur Streams. Bien fait.
Avant l'affectation, laissez recap
Le terme AJAX a été créé en 2005, mais son origine s'étend à 1999 quand Microsoft a fourni aux développeurs de la colle entre les clients et les serveurs.
Vous savez désormais qu'AJAX est une façon dont JavaScript utilise un objet de navigateur pour communiquer avec un serveur distant. Dans le cours précédent, nous avons utilisé l'API Fetch pour exécuter une requête AJAX. A
Et comme vous vous rappelez, nous n'avons pas pu accéder au corps de la réponse directement !
C'est parce que le corps de la réponse était un flux lisible. Plus précisément, l'API Fetch offre une instance concrète d'un ReadableStream à travers la propriété corps d'un objet Response
Les flux sont puissants, car lorsque nous utilisons des flux nous pouvons recevoir une ressource du réseau et la traiter dès que le premier bit est arrivé.
Cela signifie que au lieu d'attendre que la ressource soit complètement téléchargée avant de l'utiliser, nous pouvons immédiatement travailler avec elle. N'oubliez pas les anciens jours où vous deviez télécharger une vidéo entière sur votre mémoire avant de pouvoir la voir ? Eh bien, les anciens jours sont partis ! Nous avons maintenant YouTube et Netflix qui vous permet de diffuser et de regarder des vidéos, petit à peu.
J'espère que vous vous êtes amusé dans ce cours. Je sais que j'ai fait.
Mais avant de passer au cours suivant, son TEMPS d'AFFECTATION
Qu'est-ce que l'affectation ?
Pour cet exercice de projet :
- J'ai joint un PDF
- Il existe des questions à choix
- Soyez honnête et essayez de répondre à chaque question à choix multiple avant d'aller à la page suivante
- Plus important encore, amusez-vous.
Où puis-je après ?
Ce n'est que la septième partie d'une série complète Skillshare sur AJAX. Dans le cours suivant, je veux creuser plus profondément et plus avancé dans l'API Fetch Je veux vous apprendre sur l'interface URL, y compris les options fetch(), le traitement des erreurs et la propriété OK.
Je ne peux pas attendre !
p.s. si vous avez aimé ce cours, n'oubliez pas de me laisser un commentaire génial - cela m'aide.
Notes attribuées au cours
Pourquoi s'inscrire à Skillshare ?
Suivez des cours Skillshare Original primés
Chaque cours comprend de courtes leçons et des travaux pratiques
Votre abonnement soutient les enseignants Skillshare