Javascript para principiantes a expertos: aprende JS (Javascript) de la A a la Z

1. Qu'est-: Bonjour, mon ami. Lorsque vous apprenez quelque chose de nouveau, vous posez-vous de nombreuses questions comme pourquoi avons-nous besoin d'événements ? Pourquoi avons-nous besoin de boucles avec notre journée ? Comment les utilisons-nous et ainsi de suite ? Si oui, alors vous êtes au bon endroit parce que je répondrai à toutes vos questions. Ça ressemble à ça. Je vais vous expliquer dans le discours tout de la base orteil compliments avance sur le JavaScript afin que nous puissions devenir l'expert. Le discours est divisé en 23 sections et il se compose de 85 leçons. Il est plus de 12 heures de congé. Excellent contenu. Vous trouverez aussi ici des tas de quiz et d'exercices. Je vais expliquer votre syntaxe sur le JavaScript et bien formé la syntaxe. Au cours d'exemples pratiques, JavaScript donne à votre site web des fonctionnalités supplémentaires qui peuvent être exécutées sur l' ordinateur de l'utilisateur sans reconnecter le serveur. Cela vous permet de faire des choses que vous ne pouvez pas faire avec en HTML. En raison de cela, l'interface utilisateur devient plus conviviale et plus interactive par des éléments interactifs. Je veux dire des choses comme deux profonds initiés animés force avec privilège, validation des partenaires glissés, galeries avec des entreprises et beaucoup d'hommes, et de plus en plus vous pourriez vous demander ce que vous saurez après le discours. Après ce confortable sera en mesure de codage droit. JavaScript sur n'importe quel niveau de difficulté crée des creeps comme Dynamic gallery avec des diaporamas familiaux à cetera de Bagger Kotick et garder votre manteau performant bien et bien plus encore. Vous comprenez des choses comme les variables, tous les opérateurs, instructions conditionnelles, fonctions, les zones, les objets, boucles, événements de modèle d'objet de document, expressions régulières, cookies et minimes. Vous avez plus d'informations à ce sujet sous la vidéo, accord ? Et ce que vous devez savoir avant le discours, vous devriez comprendre les bases de HTML et CSS. Si vous savez que vous pouvez facilement travailler ces voitures et que vous pourriez vous demander, Hey, mais pourquoi devriez-vous choisir mon parcours ? Parce que vous avez mon aide sur les sujets de couverture si nécessaire. Mes cours sont mis à jour. J' ai des milliers de clients satisfaits, et ces voitures sont dirigées par moi. Et je suis une personne très expérimentée, et je ne vais pas parler comme si vous le voyez, et je veux que votre temps passe bien de bonne humeur. Vous pouvez télécharger une leçon sur le disque de votre ordinateur. Je ne suppose pas que vous êtes un pilote, un Lightman autres professeurs. J' ajoute le manteau source gratuit, l'essence Preval et bien, qui suis-je ? Mon nom est notre tour du Kardashian Ladakh. Je n'aime pas parler de moi, mais comme vous pouvez le voir, j'ai une expérience dans ce domaine. Je programme depuis plus de 10 ans et je développe un site web depuis plus de 14 ans et je suis modifié par 27 cours vidéo en Pologne. J' ai également créé six cours vidéo en anglais. Je suis professeur de milliers de clients satisfaits. Il y a beaucoup de commentaires sur mes cours et voici l'un d'entre eux. Si vous avez des questions concernant les sujets de couverture, s'il vous plaît me le demander. J' aime vraiment aider les autres à créer une discussion. Je serai heureux de vous aider. C' est tout. Merci beaucoup. 2. Télécharger et installer l'éditeur: Bonjour, mon ami. Aujourd'hui, nous avons pour mission de choisir l'éditeur qui vous permettra d' approfondir le JavaScript, et vous vous demandez probablement si vous devez vous en tenir à l'éditeur que nous utilisons dans ce cours. Absolument pas Si vous avez déjà votre éditeur préféré, n'hésitez pas à continuer à l' utiliser et vous pouvez arrêter cette conférence et passer à la suivante. Nous allons parfois utiliser le code Netf Visual Studio. Pourquoi ? Parce que je le trouve personnellement pratique. Cela me convient, non seulement pour le développement Web, mais aussi pour la programmation dans d'autres langages. Mais n'oubliez pas que tout dépend de ce qui fonctionne le mieux pour vous, pas pour moi. Qu'il s'agisse de code Visual Studio, de crochets, de texte sublime ou de quoi que ce soit d'autre, vous avez toujours le choix. Nous allons maintenant télécharger NetBeans. Et si la version ici est plus grande, ne vous inquiétez pas du tout. D'accord ? Parce que ce cours est toujours à jour. Même si la version ici était de dix, le cours serait totalement le même car le net beans n'est pas uniquement utilisé en JavaScript. Il est principalement utilisé sous forme de Java, qui est un langage totalement différent. Et leur version est importante car si vous souhaitez utiliser la dernière version de Java, vous devez utiliser la version la plus récente, net be. En JavaScript, cela n'a pas vraiment d'importance. Appuyons sur le modèle de téléchargement. Et maintenant, si vous utilisez Windows, vous utilisez dslink. Si vous utilisez Mac, vous utilisez Disnink et si vous utilisez Linux, vous allez utiliser Comme je suis sous Windows, je vais cliquer sur la version exécutable. Et quand je clique dessus, je peux le télécharger en arrière-plan. Et maintenant, il faut se rappeler que Net Bins nécessite ce qu'on appelle le JDK Ici, comme vous pouvez le voir, il est indiqué qu'il nécessite le JDK, qui est dans la version 17 plus, et que vous pouvez également utiliser 21 et 23 Alors, où le téléchargez-vous ? Pour ce faire, vous allez sur le site comme ceci. Et maintenant, vous cliquez sur les autres plateformes et versions car vous utilisez peut-être un système différent. Ici, vous pouvez choisir le système d'exploitation que vous utilisez car vous utilisez Windows et vous allez simplement choisir Windows. Et la version que vous devez choisir est celle qui est là, n'est-ce pas ? Choisissez celui qui est stable, qui est toujours indiqué comme LTS, ce qui signifie support à long terme, d'accord ? Et parce que nous avons besoin du JDK, nous allons choisir le JDK Et aussi, comme vous pouvez le voir, nous avons, parce que j'utilise Intel, je vais utiliser cette version ici. Et il vous suffit d'appuyer sur ce bouton et d'attendre qu'il soit téléchargé. Il est donc temps de procéder à l'installation. Tout d'abord, vous devez installer le JDK, donc double-cliquez dessus, puis appuyez sur Suivant et assurez-vous de lire le contrat de licence, puis sur Suivant, puis sur Suivant, et il est très important que tout configuré ici tel qu'il sera installé D'accord ? Si vous l'avez comme ça, veuillez le configurer comme ceci. Sinon, il pourrait y avoir des problèmes pour trouver le JDK par netbins. C'est bon. Finissons l'installation, et maintenant c'est l'heure des gains nets. Alors double-cliquez dessus. Et maintenant, comme vous pouvez le voir, le programme d'installation est en cours configuration et on vous demande ce que vous voulez installer ici. Vous pouvez donc le personnaliser car nous n' allons pas utiliser Java, par exemple, vous pouvez simplement le décocher Il est bon de choisir PAgB car il est possible que vous connectiez Java Scret à la page B, et que vous cliquiez simplement sur Suivant. Et bien sûr, n'oubliez pas de lire le contrat, cliquez sur Suivant. Et parce que nous avons installé un JTK, nous l'avons ici. Alors maintenant, cliquez sur Suivant. Installez, et il est temps d'attendre. Après l'avoir installé et cliqué sur Terminer, il vous suffit d'ouvrir Net Bins. Et au fur et à mesure de notre progression, vous apprendrez à créer votre premier projet et bien plus encore, bien sûr. Et je suis là pour vous aider pendant ce voyage. Donc, si vous avez des questions, n'hésitez pas à les poser. Je suis toujours là pour te soutenir. 3. Ce que vous saurez après ce cours ? À quoi sert le JS ?: Bonjour, aujourd'hui, je vais vous dire ce qu'est JavaScript et pourquoi il vaut la peine d'être appris. JavaScript est un langage de programmation pour les navigateurs Web. Ainsi, par exemple, pour Fox, Google, Cron, etc., vous pouvez y créer un code, appelé script, qui peut être exécuté sur l'ordinateur du visiteur de votre site Web qui signifie que lorsque vous aurez fini de charger le site Web, actualisons-le. Vous pouvez toujours accéder aux éléments du site Web, et vous pouvez les modifier, n'est-ce pas ? Ainsi, par exemple, lorsque nous avons une galerie avec Tamnes avec ces miniatures, comme vous pouvez le voir, lorsque j' utilise ma souris sur l' une de ces images, l'image ici, l' image principale est modifiée Et c'est très utile car vous n'avez plus besoin de prendre autant d'espace sur votre site Web et vous pouvez présenter le produit dans une version plus grande très facilement, n'est-ce pas ? Comme vous pouvez le constater, cela améliore l'expérience utilisateur sur votre site Web. Et en plus de cela, comme vous pouvez le voir, nous avons ici une infobulle qui donne des informations supplémentaires sur chacune de ces images C'est très cool et cela améliore l'expérience utilisateur. HTML est responsable du contenu du site Web, le CSS est responsable de la mise en page et JavaScript est chargé réagir aux actions de l'utilisateur et de faire des choses avec le HTML et le CSS côté utilisateur une fois le téléchargement de votre site Web terminé Normalement, sans JavaScript, vous ne pourriez rien faire sur l'ordinateur de l'utilisateur. Parce qu'après s'être connecté au serveur et avoir téléchargé le site Web, l'utilisateur n'est plus connecté au serveur. C'est juste sur son ordinateur. C'est tout Tu pourrais fermer la connexion. Vous avez toujours accès à ce site Web. Le script Java peut donc être utilisé ou bien d'autres choses. Pas seulement des galeries avec des halins. Vous pouvez créer ce que l'on appelle des panneaux coulissants. Vous pouvez créer des éléments tels que des transitions entre des images, des images qui changent chaque seconde, ce que l'on appelle un panneau de diaporama. Vous pouvez l'utiliser, par exemple, sur les pages Web des boutiques où vous pouvez présenter de nombreux produits dans un seul petit endroit. Peut créer des promotions et bien d'autres choses qui améliorent votre expérience utilisateur. JavaScript est nécessaire pour devenir un développeur frontal responsable de ce qui est fait côté utilisateur, n'est-ce pas ? Imaginez une situation comme celle-ci où vous avez une horloge sur votre site Web. Vous auriez besoin d'une requête sur deux provenant du serveur et une nouvelle valeur pour mettre à jour cette horloge. Avec JavaScript, tout fonctionne du côté de l'utilisateur sans se reconnecter constamment au serveur Le script Java peut être utilisé pour mettre à jour le contenu de votre site Web et placer un D ? Vous pouvez, par exemple, modifier la taille, n'est-ce pas, et vous pouvez montrer quelque chose ? Vous pouvez créer une infobulle à côté avec un di. Vous pouvez, par exemple, modifier l'attribut source de l'image ici, vous pouvez faire une sorte d'animation. Tout cela se fait en JavaScript. modification de la mise en page dynamique votre site Web se fait en JavaScript. Mais qu'est-ce qu'il y a de plus ? Il existe des bibliothèques avancées pour JavaScript, comme Ajax, qui vous permettent de vous connecter à la base de données et de récupérer des informations sans Par exemple, lorsque nous allons ici, comme vous pouvez le constater, lorsque je clique ici, je ne recharge pas mon site Web Je suis juste en train de changer d'endroit ici, et tout ce contenu est extrait de la base de données de PHP et MS QL. Si vous ne le savez pas encore, ne vous inquiétez pas. N'oubliez pas que vous pouvez même l'utiliser avec des bibliothèques avancées pour créer des sites Web littéraires qui ne rechargent pas l'actualisation Ne fais pas quelque chose comme ça, rafraîchissant. Cela prend beaucoup de temps. C'est donc très, très génial. Vous pouvez également utiliser un script Java pour prévalider la saisie dans les formulaires. Par exemple, si le mot de passe était suffisamment fort ou si le courrier électronique était utilisé correctement, etc., avant d'envoyer ces valeurs au serveur. Vous pouvez afficher une boîte spéciale informant l'utilisateur de ce qui ne va pas dans le formulaire sans réinitialiser ses valeurs dans le formulaire Cela améliore considérablement l'expérience utilisateur sur votre site Web. Ils envoient de la syntaxe JavaScript, eh bien, nous vous permettons également de mieux comprendre ce que l'on appelle le framework de requêtes J. Le framework J query est une grande bibliothèque de scripts Java utiles, de plugins, de fonctions, de choses qui vous permettent d'écrire moins de code en faisant beaucoup plus. Il y a déjà beaucoup de choses que vous pouvez simplement faire. Mais pour comprendre J query, vous devez également comprendre Javascript, donc vous savez ce qui s'y passe, n'est-ce pas ? Après mon cours, vous comprendrez tous les composants avancés de JavaScript, vous pourrez donc utiliser toutes les bibliothèques comme vous le souhaitez. Vous connaissez donc parfaitement le JavaScript. C'est le cours le plus organisé, sauf Javascript du débutant à l'expert sur tout Internet. Je vous guiderai étape par étape de la théorie à des exemples pratiques tels que les curseurs d'image et l'animation Si vous avez des questions, hésitez pas à les poser et à suivre la leçon, merci beaucoup. 4. Créer un projet: Bonjour, mon ami. Aujourd'hui, vous allez créer votre premier projet dans le Net Beans et en même temps vous saurez comment structurer vos projets afin qu'il soit plus facile à maintenir, OK, alors comment le faire ? Dans le coin gauche, comme vous pouvez le voir, vous avez quelque chose comme fichier. Vous cliquez sur entrer, puis vous allez au nouveau projet. Ou vous pouvez utiliser le raccourci Contrôle plus Shift plus n. Et comme vous pouvez le voir, maintenant, j'ai ces menus ici que nous pouvons utiliser. Tous les raccourcis sont présentés sur le côté droit de l'élément de menu. Ok, alors gardons le nouveau projet. Et comme vous pouvez le voir sur le côté gauche, nous avons quelque chose de bon comme des catégories. Et bien, ici vous avez des dossiers gratuits, HTML5, PHP, des échantillons non échantillonnés. Comme vous pouvez le voir, j'ai une sorte d'exemples de projets créés par d'autres personnes. Il doit y avoir des démos, des démonstrations d'une sorte de bibliothèques pour JavaScript et d'autres choses comme ça. Tu peux jouer avec eux. Vous pouvez voir comment les gens créent des projets, des projets plus importants, comment ils utilisent une sorte de bibliothèques. Mais nous allons nous concentrer sur HTML5. Notez PHP, parce que ce n'est pas un cours sur PHP, HTML5, mais ce n'est pas une malédiction sur HTML5, vous pourriez penser que c'est aussi vrai, mais HTML a été créé pour s'abstenir, tous les navigateurs seulement pour les navigateurs. Et JavaScript est également créé uniquement pour les navigateurs. Pour exécuter le code JavaScript, vous devez le connecter avec le HTML5. Donc vous devez créer une application HTML5, d'accord ? Et en plus de ceux-ci, HTML5 a bien donné vie à de nombreux nouveaux outils qui sont appelés fonctions et qui sont également très utiles. Donc, nous allons créer une application HTML5. Vous pouvez choisir l'application HTML5 avec les sources existantes. Si vous avez des sources existantes, utilisez la désorption. Si ce n'est pas le cas, utilisez le premier ici. Et maintenant, nous cliquons sur suivant, comme vous pouvez le voir ici, maintenant nous devons taper le nom du projet. Vous pouvez également choisir un autre look, regarder l'emplacement si vous voulez le changer. Mais bien, dans ma situation, nous ne faisons que nommer, par exemple, nom du projet JavaScript Angular. Vous pouvez taper ce que vous voulez. D' accord ? Donc, je vais cliquer maintenant seulement terminer. Et c'est, vous pouvez le voir créé pour nous un HTML5, qui a des marchandises ici, sorte de commentaire et de titre et balises meta plus audacieuses. Et bien, nous devons maintenant venir ici notre fichier JavaScript, ce qui fera dans la prochaine leçon. Mais dans cette leçon, je vais également créer une structure pour notre fichier JavaScript. Alors, comment le faire ? Je vais arriver ici, moi, cliquez avec le bouton droit ici, puis mu. Et comme vous pouvez le voir ici, nous avons beaucoup de types de fichiers que nous pouvons utiliser. Nous pouvons créer des dossiers. Ainsi, par exemple, le dossier OKC. Et ici, je peux taper le nom du dossier, et maintenant nous l'appelons JavaScript js, non ? Ce sont des raccourcis. Et bien, pourquoi je fais ? Je veux garder tous les fichiers dans un dossier qui sont connectés aux fichiers JavaScript. Pourquoi ? Parce que, eh bien, peut-être au début, vous n'aurez que 1-5. Mais la vérité est que dans les grands projets, vous pourriez avoir beaucoup de fichiers JavaScript. Et alors que vous pourriez avoir aussi beaucoup HTML5, PHP 5S, certains phi de template, certains fichiers de configuration, certains fichiers CSS et d'autres choses comme ça. Et il sera difficile de les repérer, non ? Il sera difficile de maintenir tout ce code. C' est donc une bonne idée de garder les fichiers JavaScript dans un dossier spécial, et c'est ainsi que nous le faisons. La même chose que vous faites quand vous avez CSS, n'est-ce pas ? Vous avez le dossier CSS spécial où vous conservez votre fichier CSS. Donc, ici, nous allons garder les fichiers JavaScript. Et afin de créer un fichier JavaScript, vous cliquez ici et cliquez avec le bouton droit sur Nouveau, puis utilisez le fichier JavaScript. Lorsque vous le faites, vous pouvez maintenant simplement taper le nom de votre fichier JavaScript. Vous n'avez pas besoin d'ajouter l'extension ab.js, qui est pour JavaScript. Donc maintenant on peut taper, par exemple, chape, ce que tu veux ici, n'est-ce pas ? C' est un nom de fichier, mais bien, il devrait commencer à partir de la lettre inférieure sera, tout devrait être faible, faible, minuscule. Ok, c'est comme ça que tu devrais, tu devrais appeler ton script. Maintenant, nous allons juste cliquer sur terminer et vous avez bien. Maintenant, le fichier Javascript, comme vous pouvez le voir, est vide. Vous pouvez, vous avez une sorte de changement que cette distance avait des analyses comme ça. C' est ce qu'on appelle un commentaire. J' en parlerai dans la prochaine leçon. Des leçons. Donc, ce notre premier fichier JavaScript, et vous devez maintenant simplement vous y connecter à partir du HTML. Et nous le ferons aussi dans les prochaines leçons. Mais ce que je veux dire aussi dans cette leçon, eh bien, vous savez, vous pouvez créer ceci, toutes ces choses manuellement. Regardez quand vous allez ici aux propriétés, comme vous pouvez le voir, nous pouvons aller dans le dossier du projet. Je le copierais, et maintenant je vais le coller ici. Et comme vous pouvez le voir quand vous allez ici au HTML public, nous avons ici le fichier d'index CSS, JavaScript et index. Nous pourrions les créer en créant simplement TextFile et enregistrant jazzy comme un HTML ou comme le fichier Javascript. C' est typique. Rien d'autre, rien de dossiers spéciaux, non ? Vous pouvez créer tout ce que vous voulez plies et il va juste fonctionner. Vous pouvez maintenant ouvrir ceci. Pense plutôt facile. Pour le faire. Il suffit de double-cliquer dessus. Et comme vous pouvez le voir, il s'est ouvert à l'intérieur du navigateur Web comme vous pouvez le voir. Et ça marche parce que c'est un HTML5 et peur JavaScript va être connectée par nous dans la prochaine leçon. Et il va aussi fonctionner dans notre navigateur, n'est-ce pas ? Vous n'avez pas besoin d'ajouter un serveur spécial pour cela. Il va juste fonctionner à l'intérieur de votre navigateur. Et vous n'avez pas besoin d'utiliser le net signifie que vous pouvez utiliser ce que vous voulez. Voici la structure de l'exemple, c'est ainsi que vous créez un projet. Et bien, je vous invite à la prochaine leçon. Merci beaucoup. 5. Raccourcis utiles pour les développeurs Web: Bonjour, tout le monde Aujourd'hui, nous vous montrons les raccourcis les plus utiles utilisés par les développeurs Web et les programmeurs. Eh bien, toutes ces petites voitures vont vous faire économiser beaucoup de temps. Donc c'est comme un must de savoir des choses. Ok, vous devez les connaître pour économiser beaucoup de temps. Pourquoi développer des sites Web ou des programmes ? Vous connaissez la plante des situations où vous devez déplacer votre cours ou ainsi l'Iran et au lieu de cela , vous pouvez utiliser le raccourci parce que vous avez un bon clavier que vous tapez à Cuba, et puis, vous savez qu'il est difficile de bouger vos mains à la bouche. Ça prend du temps et peut-être 12 secondes. Mais imaginez que vous allez passer beaucoup de temps à écrire le manteau. Ça va te sauver tous les jours. Par exemple. Je sais 10 minutes et quand tu multiplies ces 10 minutes par l'année du mur, alors tu as plein de temps, non ? Beaucoup de temps gagné en connaissant ces raccourcis. Alors d'accord, commençons notre aventure. Comment sauver le feu instantanément. Tu sais, j'ai même une habitude comme ça en ce moment quand je fais quelque chose, je vais juste contrer plus sûr utiliser le raccourci comme ça. Et je dis juste instantanément, vous ne serez pas à l'aise lorsque vous, par exemple, regardez les prochaines vidéos que j'ai enregistrées instantanément après avoir changé quoi que ce soit. Pourquoi ? Parce que nous sommes vous savez non, tous les éditeurs. Ah a quelque chose comme, par exemple, sauver Kelly automatique. Lorsque vous perdez votre pouvoir par exemple et que vous pouvez perdre votre travail Eso, il est bon d'avoir habitude de faire quelque chose comme ça. Et en plus de ceux-ci, vous devez enregistrer la finale pour voir quel changement droit, par exemple, dans le frère. Donc, j'économise instantanément après chaque changement, c'est juste devant. Donc c'est très bon. Un bon coup à côté de nous. J' ai notre pays plus C et les parcelles de comptoir. V bien, vous pouvez copier et coller des choses. Par exemple. Je veux prendre cette chose et je veux cliquer sur Entrée et compteur parcelles V et bien, comme vous pouvez le voir, j'ai juste coopéré. Donc, cela va vous faire gagner du temps lorsque vous voulez copier quelque chose et changer, par exemple, ou quelque chose comme ça. Là et là encore, hein ? Je veux juste la mettre sur la bombe ici. Comme vous pouvez le voir, j'ai appelé par une compagnie qui a battu plus vite parce que je ne voulais pas faire quelque chose comme ce compteur plus e. Et puis je n'ai pas utilisé ma bouche. J' ai utilisé le raccourci de fin si un roi sur le clavier, puis je pouvais entrer rencontre plus V Donc encore, je ne sourit pas. Je l'ai fait un peu plus vite. Et maintenant, regarde, je le ferais encore plus vite. Je vais utiliser le décalage plus le pays d'accueil plus C et entrer compteur plus V droit, Et maintenant plus rapide Bom bom bom bom bom. Comme vous pouvez le voir, cela prend très peu de temps, non ? Au lieu de faire quelque chose comme Mm ah Mm. droite. Tu sauves les lois du temps en faisant des choses comme ça. Ok, maintenant c'est une casquette. La carte est utilisée, par exemple, lorsque vous voulez orteil découper quelque chose. Je ne veux pas que ce soit intitulé ici. Je veux le couper, et je veux qu'il soit là. droite. Um, c'est comme une copie du scoutisme de l'endroit. Nous nous conformons, mais bien, vous savez, ce n'est pas une bonne idée d'avoir le titre ici. Oh, mon Dieu. J' ai fait une erreur. Alors, comment le faire ? Eh bien, je dois encore le couper. Maintenant, je peux utiliser le compteur, z, et ça va annuler les choses que j'ai faites qui sont critiques et utiles. Les requins ont aussi et vous pouvez lire l'action. Donc, par exemple, eh bien, j'ai eu tort et encore une fois je peux revenir à cette situation, non ? En utilisant ces contre-plas y suivant très cool contra plus f Vous confiné les choses comme vous pouvez le voir . Par exemple, je veux Tosi où je tape quelque chose comme ça. Ou où est Dave ? Instantanément, je peux trouver les choses bien. Donc pays plus f pays plus a va vendre comme tous tes combats de,par exemple, par exemple, qui je veux juste contrer plus une politique de contrôle de cette chose qui l'occupe. Et je veux créer un nouveau Faisal nouveau html cinq raccourcis HTM. Et je vais coopérer ici. C' est vrai ? Ok, entrainons-nous. Ah, le raccourci que nous avons. Par exemple, je veux créer une heure ordonnée, donc je vais créer quelque chose comme ça. Eh bien, je voulais à la fin. Alors, comment le faire ? Je pourrais Selig comme ça, mais je pourrais Nous pourrions aussi utiliser le raccourci qui est présenté plus tard comme, par exemple, rasé plus Et alors comment quand je fais quelque chose qu'elle plus et je vais sélectionner parmi les carats de Le truc clignotant jusqu'à la fin de la ligne et maintenant je le coupe juste parce que je ne veux pas qu'il soit ici Contra plus X et je n'en ai pas besoin La fin du feu. Donc ici et je suis juste en train de combiner. Et comme vous pouvez le voir, il n'est pas en bonne place maintenant. Donc j'utilise le haut, non ? Vous pouvez également vous utiliser. Pouvez-vous arrêter d'inventer quelque chose que vous pouvez utiliser ? Moutons va arrêter Si vous avez fait, par exemple, quelque chose comme ça tout le temps. Ce n'est pas bon, non ? Donc bam bam ! Et je suis les droits bâtis. Donc on a juste eu l' habitude de nouveaux raccourcis, non ? Comme ça, par exemple. Ok, alors nous allons maintenant pour utiliser l'élément au moins. Donc je vais sortir les trucs comme le moins je 10 et des trucs comme ça et vous pouvez voir que ça ne marche pas bien. J' utilise le compteur plus Z. Je veux que toutes ces choses en retrait un peu plus, donc je vais juste sélectionner toutes ces choses et j'utilise top. Comme vous pouvez le voir maintenant, ils sont en retrait un peu plus et je veux au moins l'élément un peu plus loin. Donc comme ça. Et maintenant, je veux ce que je veux à la fin. Moins d'objet comme ça. Je veux ça à toutes ces lignes. Appliquez-le à toutes ces lignes comment le faire assez rapidement. Je peux le sélectionner et je peux le cuivre comme vous pouvez le voir. Comme ça, par exemple, pour je puisse faire quelque chose comme un baume à bombe. Le problème, c'est que, comme vous pouvez le voir, nous avons le top ici. Donc c'est probablement une bonne idée que de le ramener à quelque chose comme ça, donc nous n'avons pas besoin de le faire à chaque fois. Ah, fais le truc d'inventer et de supprimer. Alors allons-y quelque chose et puis descends. Bombe à la maison, à la maison, à la maison, à la maison, à la maison. J' utilise la clé de la maison. droite. Donc je vais à la mendier hors de la ligne mm comme ça. Et bien, j'ai fait un peu plus vite, non ? A cause de ça. Et maintenant, je voulais la réponse. Je prends ça sur la robe, tapant ça et donc je suis à la fin. Bombe, bombe, bombe. Hum, et on l'a fait un peu plus vite, non ? Au lieu de le faire. Effets ces juste lent. D' accord ? Et maintenant, nous voulons juste Internet bom bom. Et nous avons fait notre travail assez vite. Bien sûr que ça va être le cas, alors Job blessé s'est échappé plus tard, mais c'est comme ça que ça marche. Vous pouvez, bien sûr, parfois vouloir copier la ligne et bien, vous pouvez le faire de deux façons. Vous pouvez faire des choses comme la maison sans poste et compteur plus e et entrer et entrer comme vous pouvez voir ce qu'un pays plus frais comme vous pouvez le voir. Le problème, c'est que parfois vous avez les Indiens parce que, eh bien, je viens juste de faire une maison et mais je tape deux fois chez moi. Puis je suis allé à la fin et à l'endroit, puis au début, et à cause de cela j'ai compilé la fin. Et aussi, mais ça prend du temps aussi, non ? Vous pouvez le faire un peu plus rapidement en utilisant le contrôle plus Chief et Roky down. Ça devient maintenant en combinant toutes ces choses assez génial, non ? Donc c'est comme ça qu'on le fait. Tu veux copier les choses ? Improbable. Vous n'aurez pas ce raccourci dans tous les éditeurs possibles. OK, ce n'est pas disponible partout et la prochaine chose est Eh bien, Je veux, Par exemple, faire quelque chose dans la ligne suivante. Je suis soûl. Je viens de cliquer sur Maj plus entrer. Comme vous pouvez le voir maintenant, je n'ai pas besoin d'utiliser la souris pour aller à cet endroit. Je peux juste déplacer était entrée et je suis ici et je peux juste taper dans la ligne suivante. Je n'ai pas besoin de Teoh, tu sais, faire autre chose plus tard. Il y a un raccourci SoCal pour sauter du début à la fin du contrôle de combat . De plus, venez contrôler Plus et vous pouvez bien sûr aussi, par exemple, sélectionner des choses du début à la fin. Donc, par exemple, je suis ici, par exemple, à droite. Et je veux supprimer ce commentaire Vous comment le faire. le Je pourraislefaire par quart de travail et faire quelque chose comme ça en utilisant les touches fléchées. Ou je pourrais faire quelque chose comme Shift plus control plus home. Et maintenant, je suis au début du feu sur je pourrais utiliser le décalage pour sélectionner une ligne avec le Roki vers le bas et puis l'a fait assez génial. n'est pas allumé ? Eh bien, comme vous pouvez le voir maintenant, on avait juste besoin que ce truc puisse aller contrôler plus chef. Et comme vous pouvez le voir maintenant, Arkansas, comme toutes ces choses jusqu'à la fin, je pourrais juste faire un autre fichier, quelque chose qui est juste quand vous allez au script, vous pouvez remarquez également qu'il y a des choses comme des extraits froids et vous pouvez faire quelque chose comme, par exemple, tapez un L, puis utilisez le briquet de tabulation. Et cela peut voir maintenant il a généré instantanément pour nous un peu froid. Il y a beaucoup de choses comme ça qui vont nous générer un peu de froid. Nous parlons de ce froid plus tard, et Mais si vous voulez en savoir plus sur les extraits, vous pouvez aller aux options d'outils pour le CO 10 endroits que vous pouvez voir Maintenant, ici vous pouvez combattre les choses sur HTML. Vous pouvez trouver des choses sur JavaScript, et vous pouvez bien créer sur votre aussi quelques extraits. Et ça va aussi vous faire gagner du temps. Tout le chef n'a pas dit des snoopers, mais comme vous pouvez le voir, si l'un d'eux a quelque chose comme ça va vous faire gagner du temps. Parfois, vous voulez, par exemple, également sélectionner Nope, un seul laisser lettre plus tard en utilisant le navire et Roky que vous voulez sélectionner ? Par exemple, David complet, une fois que je vais utiliser le compteur plus décalage et la flèche à droite que gauche, comme vous pouvez le voir, alors je sélectionne monde un par un. Donc, vous pouvez, par exemple, comment je veux du contenu de la justice. Ok, signe faisant quelque chose comme ça. Bam, bam, bam, bam ! Comptoir en plastique. Et je ne sais pas si tous les jours, vous pouvez bombarder et il a disparu et son sac parce que j'utilise le genre de sang. Vous pouvez utiliser des raccourcis pour bien augmenter afin de réduire le temps nécessaire au développement Web . Je vous recommande vraiment de bien, pratiquer toutes ces choses pour, par exemple, imprimer toutes ces choses. Ah, sur votre entreprise sur votre imprimante pour que vous puissiez, vous savez, les vérifier, les apprendre. Et après un certain temps, vous remarquerez que vous gagnez beaucoup de temps à cause d'eux. Je les recommande vraiment. C' était une leçon bonus et passer une bonne journée 6. Intégrer des script sur site: Bonjour, mes amis. Aujourd'hui, je vais vous montrer comment intégrer Java. Sautez les scripts sur votre site Web et en même temps, je vais vous montrer comment le faire de la façon dont nous méga site Web charger vraiment, vraiment plus vite. Il peut même économiser environ 1 à 5 secondes. Cela dépend de la taille de votre site Web déchargement de la broche. Il est donc très important de le faire correctement. Ok, alors comment le faire ? Vous pouvez insérer votre manteau en chauve-souris dans le HTML en interne ou en externe. Je vais vous montrer maintenant la façon Internet Comment le faire ? Tu vas utiliser le script, parler comme ça. Et puis entre le discours d'ouverture et de clôture, il suffit de taper le script. Donc, par exemple, chaque alerte de type, puis je vais juste taper que C'est le script le plus simple. Ça n'a pas d'importance. Qu' est-ce que c'est ? Quelle est cette fonction ? C' est quoi ce parent ? C' est ce qui est Aled Things par ici qui point-virgule d'autres choses comme ça. Nous parlerons de toutes ces choses plus tard. Il suffit de penser que c'est un script qui va alerter la personne sur le site et dire test . D' accord. Bonjour. Et maintenant, quand on est à l'affût. Lorsque nous utilisons ce sentiment, nous voulons choisir le navigateur. Je traite Firefox et le jeu grec de nuit. Comme vous pouvez le voir, nous sommes là maintenant. Allô ? La fenêtre. Pense bonjour ? OK, et ne concède pas. Ensuite, je peux voir le contenu de nos sites Web. Ok, donc c'est comme ça que ça marche. Nous avons un bon script qui fait quelque chose comme ça, et qui le fait en interne, non ? Vous pouvez également mettre ce briquet fluage. Donc, par exemple, ici et il ya quelques différences entre parce que hors elle. Mais d'abord, pensons même à penser à mettre quelque chose en interne Ces situations très rares . Lorsque vous voulez faire quelque chose comme ça, vous voulez faire des choses comme ça très rarement quand vous voulez mettre quelque chose dans le filtrage exactement là et le seul dans cette situation. Pourquoi ? Parce que quand tu feras quelque chose comme ça, ce canapé ne coûtera pas cher. C' est le monde encaissé. Ok, ça ne va pas entrer dans l'argent, ce qui est une mémoire temporaire de votre navigateur. Et à cause de ça, cet or va être chargé chaque fois que l'utilisateur va à un autre côté de votre site Web, donc ça va ralentir votre site Web, donc c'est une bonne idée de l'avoir au même endroit. Donc, par exemple, comme ici, Eh bien, nous le faisons comme ça. Donc nous voulons que le manteau soit là. On ne veut pas que ce soit comme ça. Et nous voulons l'importer comment le faire si bien, nous pouvons faire quelque chose comme taper quelque chose de script, et ensuite nous pouvons utiliser les attributs tels qu'ils sont vus à partir de qui signifie source. Et ici, nous avons lié la source. Donc, par exemple, comme ça. Et maintenant nous venons d'importer ce combat ici. Et quand nous le rafraîchissons, comme vous pouvez le voir, nous pouvons toujours voir Bonjour ici. Brady a raison. Donc, c'est là une façon externe de faire cette chose dans le vieux HTML. Nous avons dû taper votre aussi quelque chose comme type et dire que c'est ce script JavaScript par mais par défaut pli. Maintenant, le script est javascript à partir des scènes du html cinq. Ok, tu n'as pas besoin de penser à de des choses comme cet animal. Mais il y a une houle encore un petit problème. Qu' est-ce que c'est ? Eh bien, regarde ça. Quand j'aime vraiment ce site contre bonjour Et puis quand je clique. OK, le contenu de notre site Web est chargé Quand je mets ceci ici. Comme vous pouvez le voir, notre contenu est déjà chargé Et alors que je peux voir puis Bonjour ? Pourquoi ? Quelque chose comme ça arrive parce que, eh bien, je vous dirais comment exactement votre arme est chargée. Tout d'abord, vous en tant qu'utilisateur vous connecteriez à votre site Web, puis vous téléchargeriez vos fichiers HTML. Donc, par exemple, index point h point html Et puis quelque chose Ce qu'on appelle une partie, monsieur, nous traitons et interprétons tout à l'intérieur. Ainsi, par exemple, parle quand il rencontre quelque chose comme un script, il arrête totalement de s'exécuter tout en analysant d'autres choses. Donc, si le script est ici, il ira orteil html. En outre, il s'agit d'un document html. La tête aussi, J'ai ici des informations supplémentaires de notre site Web hors de ces sites. Oh, un titre. Ok, donc j'en ai deux morts. Le titre pour notre utilisation. Leur bon. Oh, il utilise la voiture Asseyez-vous comme ça. Vieux port. En outre, c'est pour le Web responsive design Web et oh, script. Ok, donc avant d'aller ici, je devrais aller exécuter tout ce qu'il contient et ensuite aller au bal. Cette section et maintenant vous pourriez être comme Hey, mais ces juste une ligne ça ne va pas ralentir. Cela n'a pas d'importance dans cette situation si le site Web était comme ça. D' accord. Mais imaginez maintenant que votre site Web est vraiment grand. D' accord ? Vraiment ? Vraiment Be There est, comme 500 manteaux et vous n'avez pas qu'un seul script. La joyeuse ténèbre que tu as ici comme 50 sur eux. Que se passe-t-il ? Wow. Imaginez maintenant quelque chose comme ça qu'il irait à tous ces scripts et puis après avoir exécuté toutes les choses à l'intérieur, il chargerait ce qui s'est passé. Que se passerait-il ? Quoi ? Votre utilisateur ne verrait tout simplement pas presque quoi que ce soit, n' est-ce pas ? Et après avoir tout chargé, alors il verrait le contenu du site qui est très mauvais, bon pain pour nos utilisateurs. Il quitterait probablement notre site web. Nous ne pouvons pas permettre quelque chose comme ça. C' est pourquoi la plupart des gens viennent de tirer les scripts ici. Mais il y a un petit problème car quand il met des scripts ici, nous ne les téléchargeons pas instantanément. Droit ? Donc quand le contenu du site sera faible, il sera chargé en bas, pas vrai ? Ce n'est pas si mal la plupart des situations, mais bien, imaginez que leurs manuscrits aussi alors ils sont. Je ne sais pas ça un peu plus tard. Donc ce n'est pas bon, est-ce pas ? Et parfois, les scripts font quelque chose avec la mise en page de votre site Web. Donc ils changent quelque chose, les enjeux caloriques, d'autres choses comme ça. Ils déménagent quelque chose à un autre endroit. Et maintenant imaginez que l'utilisateur avec le script ici verrait juste le contenu de votre site Web. Et ce contenu va changer. Et ses yeux, à droite. Il regardait ce site et ça changera quand chaque combat de génie sera chargé. C' est aussi mauvais. Alors bien, ce qu'il faut faire, Comment le changer. Certaines personnes mettraient quelque chose d'effrayant certaines choses ici. Oui, mais parce que sur HTML 5, nous avons quelque chose. Ce qu'on appelle un nouvel attribut avec cela, qui est appelé, je pense, qui signifie S et copains. Je taperais ce monde ici comme Syncronys, n'est-ce pas ? Et bien, ça veut dire que le script va être chargé en même temps quand ou d'autres choses vont être chargées, non ? Il ne va pas attendre que le script soit exécuté, ce qui est par défaut la façon dont les navigateurs chargent votre site, et c'est juste que tout va bien, vous mettez juste cette chose et tout fonctionne bien. Mais parce que si vous avez plus d'un écran, donc vous avez quelque chose comme ça. Skied un sauté directement à l'option sans script. Et par exemple, votre utilisateur va d'abord télécharger celui-ci, il va être exécuté en premier. Ça ne va pas être exécuté, comme des jours. Puis des jours. Puis ceux-ci, puis bombe, bombe , bombe, bombe. Droit. A cause de cela, c'est une bonne idée d'utiliser le monde comme différer, ce qui est le même que les Coréens S N, mais ça va le faire fonctionner un par un. Ok, ça va attendre que les scripts s'exécutent dans cet ordre. Donc, quand je le fais comme ça maintenant, vous pouvez voir quand je recharge ces sites, nous pouvons voir que le contenu est chargé et nous pouvons voir le Bonjour, droite. Cela fonctionne comme ça Maintenant, si je supprime ces monde comme vous pouvez le voir, nous n'obtenons pas de contenu. On s'est contentés après avoir atteint le sommet. Ok, donc c'est la meilleure solution. Vous pouvez avoir à faire quelque chose comme ça et je vous suggère de bien vous battre. Tous les cris dans la source externe, juste parce que, eh bien, il est plus facile de maintenir votre code que bien. Vous avez le grattage Java, une autre vapeur tirée. Un autre combat de est plus facile à entretenir. Tu sais, où sont tes scripts ? Il va être encaissé. Donc, cela signifie que votre site Web va beaucoup plus vite sur Dwell. Ah, vous devez également vous rappeler que ne pas créer trop de fichiers javascript parce que si vous avez beaucoup de javascript cinq bien, il est plus facile de maintenir votre projet. Mais le site Web, il va également charger plus lentement parce que si vous avez beaucoup de JavaScript, si les yeux et h le protocole http vous permet de télécharger seulement sur le point de se battre à la fois, cela signifie qu'ils vont être beaucoup de requêtes à votre serveur lorsque l'utilisateur visite site Web sur à cause de cela. Eh bien, que parce que les demandes sont les choses les plus lentes parce que vous avez, vous savez que l'utilisateur a orteil se connecter au serveur, où est le site Web, puis revenir en arrière. C' est quelque chose qui prend le plus de temps. Et quand vous avez réussi à nous, gardez des fichiers, par exemple huit. Vous avez, genre, quatre fois, quelque chose comme ça, ce qui est peut-être parfois quand le Sévère très loin. Une seconde juste pour, vous savez, pas télécharger, mais juste pour vous connecter. Donc, cela prend beaucoup de temps et parce que le site vidéo va se charger plus vite, donc le meilleur site Web sera juste un javascript loin. Donc, ce sera génial si vous aviez réussi, demandez-lui des combats et puis de maintenir votre Cody ici et puis à la fin, quand vous voulez les mettre sur le serveur Web, vous voulez les connecter. Mais, vous savez, connecter quelque chose comme ça chaque fois que vous changez quelque chose, ce que nous faisons prend beaucoup de temps. La plupart des gens ne le font pas. Mais vous pouvez utiliser quelque chose que l'on appelle le grand jury s, qui est un gestionnaire de tâches qui le ferait automatiquement Californie. J' ai aussi le cours sur cette chose. Mais si tu veux bien, tu peux le faire. Aussi, un peu de manuel, non ? Ok, donc le mieux de penser trop intelligent est de mettre le script ici dans la tête parce que ce sera le premier test. Mais vous devez vous rappeler de mettre cette clé ces attributs sinon et ne sera pas la maison et bien, vous pouvez vérifier. Comment est-il pris en charge parce que non, c'est à partir de html cinq. Vous pouvez aller, il ne peut pas utiliser dot com et taper votre Essen Cronje. Et ici, vous pouvez taper votre pays et, comme vous pouvez le voir quand nous allons, par exemple, Internet Explorer. Hum, eh bien, experts Internet 6 et 7 ne sont pas pris en charge 8 et 9. Comme vous pouvez le voir, les cinq renards de Firefox ne sont pas pris en charge. Mais quand vous ajoutez tous ces nombres, cela dépend. Où allez-vous partir ? Droit ? C' est probablement comme 23 personnes sur 100 qui viennent sur votre site Web qui ne sont pas prises en charge. Mais vous devez vous rappeler que vous aidez tous les autres utilisateurs à charger votre site Web plus rapidement. Droit ? Eh bien, ils verront votre site web et la façon dont vous l'avez mis ici, n'est-ce . Mais vous ferez profiter de votre site Web plus pour les utilisateurs avec que vous avec les nouveaux frères. Je pense que cet utilisateur que Devil Brothers sait que je ne sais pas le profiter comme un Ah chaud, l'Internet comme les gars avec le nouveau frère. Ceux-ci vous les faites changer plus vite. Votre site web. On va charger quand même. Ok, ça va faire cette leçon. Merci beaucoup. 7. Les bases de JavaScript: Bonjour. Aujourd'hui, je vais vous montrer les bases de JavaScript. Afin de comprendre JavaScript, vous devez savoir comment tout est exécuté. Eh bien, cette chose ici est un script. C' est un programme. Quand est-ce qu'un programme ? Eh bien, un programme est une instruction de mise en marche qui doit être exécutée par un ordinateur. Ok, alors et c'est tout. Dans notre situation, nous avons ici quelques instructions, quelques espaces blancs, les espaces blancs sont entrés et allié supérieur, c'est le vôtre et les espaces et d'autres choses comme ça. Et pour utiliser ce Coleman. Donc toutes ces choses doivent être interprétées par quelque chose. Le programme est appelé la parcelle qui interprète ces choses et ils doivent être exécutés. Et toutes ces instructions sont exécutées par le navigateur. Et, eh bien, les cadres du navigateur occlus par le PC. Mais j'ai surmonté les ordinateurs personnels, non ? Donc tout va être exécuté à partir de ce est très important de haut en bas. Donc, vous intérimaires chaque oiseau dont vous avez besoin orteil lisez tout ligne par ligne, et vous devez vous souvenir du devi um hey, chametz comme si c'était votre pli. Ok, parce que, eh bien, tout ici, la syntaxe. Donc la façon dont vous écrivez, il sera interprété par le colis. On a besoin d'orteil droit ? Exactement. En langue Hiss, non ? Sinon, vous aurez des problèmes. Essayons d'expliquer comment ça va être interprété par colis. Imaginons que je suis une partie monsieur. Ok, donc je suis au sommet. Je viens de charger le script Dog Js et je vais exécuter ce combat. Ok, donc wow, voici une barre oblique inverse. D' accord. Quel est le prochain ? Oh, voici un astérisque, fiston. Oh, donc tout après ça ne sera pas exécuté pour moi jusqu'à ce que je rencontre l' astérisque suivant et la barre oblique inverse, ce truc est un rhume. Cette chose est appelée commune. Et cette chose ne va pas être exécutée. Il est nécessaire si vous voulez, comme il dit est Coleman quelque chose de bon ? Tu veux ajouter quelque chose aujourd'hui ? Un feu qui ne sera pas exécuté. Je parle de la fin plus tard plus et ils sont comme, ont des espaces de façon que je ne me soucie pas. C' est et whoa ! Voici quelque chose. Voici un travail clé. C' est une eau Qué. C' est un mot important qui signifie quelque chose pour moi dans ma langue. Je suis la parcelle javascript, et ce monde représente la variable ici sont die bit. Donc, c'est un endroit qui peut très. Et il est étiqueté son nom est X et je la nourriture là-bas en utilisant ce Hein 5. J' ai donc mis cinq en mémoire et c'est une instruction. Cette instruction parce que je l'ai terminée avec Sam ical chaque instruction, tout ce que vous savez, je pense que vous devez le faire Je pense que vous allez penser que vous dites à votre colis de faire ça s'appelle une instruction, non ? Et il doit être terminé avec la colonne Sani. Ah, et puis vous avez une bonne variable suivante et puis vous donnez de l'espace blanc et puis vous dites, Hey, je veux alerter les orteils sur notre site que c'est 11 oeufs de droite, plus pourquoi cinq plus six est 11. Donc ça va être interprété par moi et exécuté par les soutiens-gorge. Hum, parce que tout est en train de lire corps correct. Je pourrais me faire des bâtons comme ça. Eh bien, regardez ici instantanément. J' ai un bon message que c'est faux. Quelque chose ici et que vous pouvez voir maintenant ça ne marche pas ici. Connaissez-les. D' autant plus que tu ne peux pas monter quoi que ce soit, non ? Vous devez rouler dans la langue que nous pouvions juste JavaScript et nous avons appris la syntaxe de Java sauter. Prochaine leçon. Je parlerais de la fonction de l'alcool vory, d'autres choses, beaucoup plus. Alors ne vous inquiétez pas. En ce moment, je te dis juste comment tout est exécuté. Et écoutez, maintenant nous sommes arrivés ici comme colonne Sammy, et je vous taperais l'Enter et Hugh Andrew et ici et ici et je me sentais avec cette chose. Grand, comme vous pouvez le voir, fonctionne instantanément comme si rien n'avait changé. Si j'étais une personne, j'aurais des problèmes. Comment cela fonctionne-t-il correctement ? Mais pour le parson, n'a pas d'importance. Même faire des espaces blancs. Tu pourrais tout avoir en une seule ligne, donc on peut. Vous pouvez même dire si je ce JavaScript plus tard et nous peu importe du tout, vous aurez plus petit, bien, droit, mais pour vous afin d'un accouplement assez facile à cuisiner, Effacer toux habituelle faire des espaces dans certains endroits. Donc, par exemple, ne faites pas quelque chose comme ça parce que c'est plus difficile à lire plus tard. C' est mieux si c'est comme ça. Vous pouvez omettre la plupart du temps dans Java street. Rien, jamais de langage de programmation. La demi-colonne. Donc, l'information que c'était une instruction comme vous pouvez le voir fonctionne toujours. Mais c'est une bonne idée de placer ce demi-côlon ici parce que c'est plus facile d'entretenir votre manteau. C' est comme, tu sais ce que tu fais bien ? Et il peut parfois faire des erreurs à certains programmes. Donc c'est une bonne idée orteil. Exactement juste. Des programmes comme moi. Vous verrez les leçons suivantes comment je fais le tabulateur de bande. Alors les Indiens, non ? Vous verrez comment j'ai tapé pour des choses comme,par exemple, par exemple, espaces parce que l'espace ici est important. Mais l'espace ici ne l'est pas. C' est une sorte de conventions. Et essayez d'écrire des choses comme moi et vous aurez une belle claire appelée que tout le monde va juste aimer. D' accord ? Et c'est très important parce que vous en tant que programmeur, nous travaillons avec les gens plus tard, non ? Et ils voudront lire votre manteau. Et vous savez, même si vous lisez bien appelé après, par exemple, retourner à votre manteau après comme je le sais un mois, même dernier, vous ne comprendriez pas tout ce qui est là les programmeurs travaillent. Il fait juste quelque chose et puis vous oubliez la plupart du temps et bien, c'est une bonne idée de juste écrire les choses correctement. Belle belle. Quand ils sont comme ça. Vous revenez à votre voiture et vous vous reconnaissez instantanément. Rappelle-toi de quoi Waas tout ça, n'est-ce pas ? Tu viens à ton cul De Luca l'a fait et Wow. Ok, ce monde comme ça. Ok, donc c'est comme ça que les choses sont exécutées. Tu te souviens ? Une ligne par lot par un de haut en bas. La plupart du temps, il y a quelques exceptions supplémentaires de X dont je parlerais dans les prochaines leçons . Mais la plupart du temps, c'est comme ça. Alors rappelez-vous que bien, il a fait quelque chose comme, par exemple, que vous aurez des problèmes comme pas un nombre, parce que ce n'est pas un par un. Donc, chaque fois que tu fais une musique, quelque chose ne marche pas. C' est seulement de votre faute, Rappelez-vous, Parce que vous devez écrire dans le langage Oscar de travail comme où il était prévu. Ok, la zone. Bonne leçon. Merci beaucoup. 8. Commentaires: Bonjour Aujourd'hui, je vais vous dire quels sont les commentaires et pourquoi sont-ils tellement besoin ? Ecoutez, les commentaires sont utilisés parce que parfois vous ne voulez pas exécuter une partie de votre manteau. Et comme je l'ai dit dans la dernière leçon, quand tu feras quelque chose comme ça, ça ne sera pas exécuté. Ça ne va pas se séparer. Ce ne sera pas correct quand vos colis verront quelque chose comme ça et qu'il attendra quelque chose comme ça. Donc, c'est un commentaire multi-ligne que vous n'avez pas besoin d'Astérix entre. C' est juste quelque chose qui est ajouté par l'éditeur. Vous pouvez simplement taper vos choses et toutes n'ont pas d'importance. Mais s'ils n'ont pas d'importance, pourquoi les ajoutons-nous ? Pourquoi ? Parce que bien, regardez, même ici Dans la dernière leçon, j'ai créé aussi un commentaire de ligne unique qui n'a pas été interprété, Pourquoi j'ai édité parce que je voulais vous dire que vous savez que la variable signifie variable. Alors, quel est le but de cette commune ? Eh bien, je voulais expliquer quelque chose, donc si vous voulez expliquer quelque chose, vous devriez utiliser le commentaire. Si vous voulez rendre votre manteau plus facile à entretenir, vous voulez utiliser une virgule. Si vous voulez tester quelque chose, vous voulez utiliser commentaire. Regardez, vous voulez également utiliser des commentaires lorsque vous voulez définir des écoutes pour votre, par exemple, JavaScript. Trouver comme vous pouvez le voir, pour changer cette licence collecte, vous n'avez pas besoin d'aller quelque part, et vous ne pouvez pas le changer pour ajouter à la moyenne de nous. Ça pourrait être ton nom, Sarah. Donc, vous pouvez le faire pour informer quelque chose. Mais vous vous demandez peut-être encore pourquoi il sera plus facile de maintenir le froid comme ça parce que, eh bien, eh bien, déménagement de ce mois-ci hors de ce très petit. Maintenant, imaginez. Imaginez la situation où vous avez, comme, vous savez, 500 lignes de code et que vous avez écrit, vous venez de les écrire et vous êtes fier de vous-même. Tout fonctionne bien, génial. Vous comprenez tout. Mais alors vous vous éloignez de ce projet et vous allez à un autre projet, un autre projet, et puis imaginez que vous allez revenir à ce projet après six mois. Un an, deux étaient Stein. Et quand tu retourneras, je te garantis que tu auras le vide dans son esprit. Tu ne comprendras rien. Presque Eh bien, vous, bien sûr. Après un certain temps, vous comprendrez le code, mais ce sera après un certain temps, non ? Vous devez avoir le temps de le comprendre. Et puis des choses comme la variable X est utilisée pour bla, bla , bla, bla, bla. Bla sera très utile. Ces ces fonctions que quelque chose comme ça. Cette mère, c'est quelque chose comme ça. Des choses comme ça vous seront utiles et en même temps, rappelez-vous que vous n'écrivez pas sur Lee. Toujours appelé pour toi-même. Si vous allez travailler avec d'autres personnes, les commentaires vont aider. En outre, les personnes qui travaillent avec droit avec les commentaires qu'ils peuvent ajuster. Lisez quelques commentaires de Redick et ils comprendront votre manteau, Foster. droite. Donc c'est quelque chose de Teoh. Tu te souviens ? Rappelez-vous que vous tirez, créer des commentaires afin de manteau majeur. Plus facile à entretenir et à le rendre clair pour tout le monde. Note sur Lee, d'autres, mais aussi pour vous-même. A cause de ça. À l'avenir, quand tu retourneras à ton projet, tu seras heureux au lieu de voir un désastre. Tu as dit de ne pas pouvoir comprendre les choses là que tu étais tout de suite. Je comprends tout, et tu vas juste changer ce que tu as dû changer. Ok, donc ce n'est que la leçon. Merci beaucoup. 9. Variables: Bonjour Aujourd'hui, je vais vous dire ce qui est variable comment l'utiliser et pourquoi l'utiliser. Ok, c'est très important. Le sujet un devrait être utilisé quelque chose. Qu' est-ce qui est bon ? Ok, commençons par la façon de le créer. Pour le faire, vous tapez un mot var et qui signifie une variable. Droit ? Donc cette chose informe notre part, monsieur, que nous allons créer une variable. Cela signifie que nous allons stocker quelque chose et nos souvenirs sous le nom si bien, maintenant vous montrer la variable de nom. Donc cette chose n'est qu'un endroit dans notre mémoire. Alors imaginez que c'est quelque chose comme, Ah, un conteneur quelque chose que vous pouvez mettre quelque chose de bien, Vous pouvez y mettre n'importe quelle valeur que vous ne voulez pas. Vous pouvez histoire que vous pouvez changer que Regardez le nom de la variable ne pouvait pas être comme très capable . Il est capable de très droite Donc, vous pouvez changer cette valeur tout le temps que vous voulez. Vous créez une variable sous le nom comme ça et vous pouvez la modifier plus tard quand vous le souhaitez. Et quand vous le changez, vous le faites peut changer et tous les endroits à la fois le changer dans le haut. Par exemple, de votre programme parce que tout fonctionne de haut en bas. Droit ? C' est génial. Ok, mais peut-être que je pourrais vous montrer un meilleur exemple. Bien sûr, je vais vous montrer, mais commençons à partir de maintenant assigner quelque chose à cette variable afin que je puisse affecter instantanément quelque chose. Par exemple, cinq. Et je ne pouvais pas savoir envoyer dans avec le nom d'alerte variable off. Et quand je parle, elle est comme vous pouvez le voir, j'ai cinq ans. Je peux changer ces valeurs. Je peux le changer en, par exemple, gratuit parce que je le change ici. Et à cause des choses autour ligne par un, il sera maintenant gratuit. Droit ? Je pourrais aussi faire quelque chose comme ça. Et on travaille aussi ? Ok, quand je ne fais pas quelque chose comme ça, comme on peut le voir, on est indéfini. Ça veut dire que rien ne t'a arraché. Ok, mais vous êtes probablement en ce moment pourquoi encore plus audacieux utiliser quelque chose comme des variables ? Parce que, eh bien, je ne pouvais pas faire quelque chose comme ça, mais juste taper 5 et tout fonctionne bien partout, non ? Eh bien, il y a une très bonne raison. Imaginons qu'une telle situation en Europe aurait eu la taxe. Ouais, et ça a tué la taxe sur la valeur ajoutée. Vous pouvez bientôt diriger quelque chose comme ça. Taxe sur la valeur ajoutée et vous venez d'ajouter à la valeur de votre problème. Donc, par exemple, nous avons une variable que nous présentons prix hors chaussures et je taperais ici je suis 100 et j' ai un bon prix sur T. V. Ok. Et je taperais qui ? 959. Et ce prix est le prix. Sans la taxe et c'est un prix net, c'est ce qu'on appelle le prix net. Bon, prix net. Le prix net signifie qu'il est sans les pourparlers. Et maintenant, je voudrais compter. Combien cela va avec la valeur ajoutée lors des attaques ? Donc, je ferais quelque chose de variable filles prix hors chaussures. Et maintenant, je multiplierais 100 par 1,23 Je ferais la même chose pour les filles prix à la télé, non ? Et maintenant je vous taperais 915 9 Comme vous pouvez le voir maintenant, si le prix change correctement, j'aurais besoin de changer les deux endroits à cause de cela. Je peux utiliser quelque chose comme ça maintenant quand je le change ici, ça changerait aussi. Ok, mais ce n'est qu'un cas de pourquoi même s'embêter ? Droit ? Mais ce regard développer la valeur des discussions que nous avons ajouté ici qui est allé personne libre est quelque chose qui bien peut être changé. Dans de nombreux endroits à la fois, n'est-ce pas ? Si nous changeons maintenant, la valeur de l'impôt parce que notre pays l'a changé, est-ce vous le changeriez en endroits ? Mais bien, vous pourriez le compter. On a beaucoup de ces gars, non ? Avec les hommes hors produits à la fois. Donc vous ne changeriez pas ça pour remplacer quelque chose comme ça. Donc, il est bonne idée de créer quelque chose de TVA variable taxe et de type 20 gratuit. Et maintenant tu pourrais savoir faire quelque chose comme un plus. Ah, si vous voulez atteindre 0,23, vous devez multiplier. Ah, 20 gratuit. Donc, la pensée par un 100 droit ? Donc un plus un 100 multiplié par ça. Oh, et ce signé est utilisé pour se multiplier dans le JavaScript welling maman sur un langage de programmation . Et maintenant, on peut faire quelque chose comme ça. D' accord. Et mais nous pouvons montrer aussi les filles prix de chaussures. Comme vous pouvez le voir maintenant, c'est 123. Oui, 100 bien déployés par 1,23. Il fait 120 pieds. Ça marche bien. Nous pouvons également montrer le prix de la télévision. Tout fonctionne bien. Alors maintenant, quand la vanne est changée, vous pouvez juste le faire ici. Et il a été instantanément changer le prix, non ? Et, eh bien, celui-ci l'utilise hors de la variable. Mais voici une opération qui prend du temps, non ? Nous devons multiplier quelque chose qu'à quelque chose. Et cela pourrait être juste commencer une autre variable, que vous pouvez appeler, par exemple, calculé, fournir. Et on pourrait faire quelque chose comme ça, non ? Et maintenant quelque chose comme ça et tout va bien marcher aussi. Nous ne pouvons pas changer seulement cette valeur ici. Mais le truc cool est que maintenant que le calcul est fait une fois et qu'il commence à l'intérieur de la mémoire, non, il n'a pas besoin d'être refait. Tout. Bien sûr, cela a été fait les deux fois. Sachez juste depuis qu'on s'y attendait. Mais imaginez que c'est fait comme 1000 fois. Alors c'est génial de juste histoire, parce que pourquoi ? Pour tout calculer à chaque fois quelque chose comme ça, non ? Cela améliorerait la vitesse du script. Donc, à cause de cela maintenant, vous pouvez voir pourquoi les variables sont nécessaires correctement, Et elles sont nécessaires parce que vous voulez reutiliser votre valeur quelque part. Tu veux faire ton programme ? Peut-être aussi plus auto-descriptif. Vous voulez calculer quelque chose parce que cela prend du temps et nous l'utilisons. Et bien, il y a quelques conventions sur le nom des bottes Varaiya, comme vous pouvez le voir. Ecoutez, j'ai nommé nos variables comme cette petite lettre, puis les travailleurs suivants bonne majuscule majuscule majuscule et ces conventions sur la façon de nommer des variables là, puis plus facile à lire. Le code est plus facile à maintenir. Alors n'oubliez pas de nommer votre co vos variables correctement. Ils doivent être auto-descriptifs. Ok, vous devriez aussi savoir que la taille des lettres à l'intérieur de martyrs très alcool Cela signifie que si j'ai créé deux variables, par exemple, comme ça, ils sont deux valeurs différentes. 20 Onda libre nous grandes lettres 20 droit à différent Si je fais quelque chose comme ça. Comme vous pouvez le voir, ce n'est pas 23 parce que nous changeons ces Valium au-dessus de tout est de se rappeler exécutif de haut en bas. Donc, nous allons mordre la taille des lettres à l'intérieur du nom de variable variable compte. C' est très important car cela pourrait conduire à des problèmes. Tu peux me laisser six à cause de l'arrêt. Alors, quelles autres erreurs vous pouvez faire ? Tu dois te souvenir de la mort. Vous ne pouvez pas démarrer la variable name off avec le numérique. Ça veut dire que tu peux faire quelque chose comme ça, comme tu peux le voir. Tu as quelque chose ? Nous vous avertissons parce que lorsque vous tapez variable, vous attendez un nom de variable Sachez que le nombre je suis nombre est juste quelque chose qui peut être compté. Et la prochaine chose dont vous devriez vous souvenir est que vous ne pouvez pas utiliser comme mots-clés de nom. Les mots-clés sont juste quelque chose vory étaient variables d'accord. Les choses que nos pouvoirs par le partenaire et ils signifient quelque chose pour elle. Ce sont des quartiers clés, donc la fonction de fonction variable ceux-ci ne sont pas réservés Vous ne pouvez pas utiliser la rivière. Servez ce que vous verrez de nombreuses guerres de réserve plus tard. Vous sauriez juste lequel sont que vous ne devriez pas utiliser les espaces Donc variable taxe sur la valeur ajoutée calculée bla. Comme vous pouvez le voir, ça ne marche pas. Il s'attend à quelque chose comme le coma. C' est des trucs comme ça. Cela fonctionnera parce que maintenant nous avons déclaré, ce qui signifie que nous avons créé 1234 variables à la fois. D' accord, mais on a des espaces, il ne fait pas que des pièces. Il ne sait pas ce que tu fais, ok. N' utilisez pas de pas dans les noms. La prochaine chose dont vous devriez vous souvenir est que vous ne devriez pas utiliser d'opérateurs dans les noms afin que vous puissiez faire quelque chose. Variable valeur var de la taxe plus calculé quelque chose. Ça ne marche pas, OK. C' est aussi une bonne idée de savoir qu'il existe des types de variables en ce moment. On ajoutait juste quelques chiffres les multipliaient. Mais il y a beaucoup de types, donc les types hors variables. Et maintenant, nous savons quels nombres ils sont musulmans appelés dans les enseignants. Et maintenant, nous allons savoir quelque chose comme la chaîne, qui est juste qu'il continue les caractères. Qu' est-ce que ça veut dire ? Eh bien, par exemple, je veux dire nom variable minant notre assiette de voiture, non ? Pour le faire, je dois utiliser la double couche ou la simple citation parce que nous partageons pour savoir que c'est une ficelle. C' est un bon de ses caractères. Oui, parce que quand j'ai juste ressemblé à ça, il est genre, Eh bien, ça Eh bien, n'a pas été déclaré. C' est une sorte d'orteil de réservation, tu sais ? D pour différentes choses, comme le nom de la variable sur des choses comme des valeurs comme des caractères. A cause de cela, nous devons utiliser des couches simples ou doubles, et cela n'a pas d'importance. En JavaScript. Celui que vous utilisez, juste question de préférence va juste coller à celui que vous avez. Aussi quelque chose de monde est appelé bowling, et c'est vrai chutes. C' est juste dire, si quelque chose était vrai ou non, vous allez l'utiliser avec les déclarations conditionnelles dont nous parlerons tard. Il y a quelque chose comme un soulever des objets. Ce sont des sujets un peu compliqués. Nous en parlons aussi plus tard, et vous avez quelque chose comme non, ce qui signifie que quelque chose est vide. Tu peux juste ah, initialisé. Ce qui signifie un signe orteil la variable, par exemple. Euh, non. Ce qui veut dire qu'il n'y a rien en ce moment, quelque chose comme ça pourrait être nécessaire si tu le veux. Vous savez, vérifiez si quelque chose a été attribué plus tard dans l'autre code parce que vous savez que votre appel peut être très long et, eh bien, il est difficile de décrire maintenant pourquoi l'utiliser parce que c'est un peu compliqué dans un peu plus programmes compliqués. Donc, sachez juste que très quelque chose comme un nouveau vous avez aussi quelque chose comme, je suis défini. Vous l'avez remarqué au début de notre leçon. Quand vous faites quelque chose comme la variable A, c'est indéfini en ce moment, non ? Parce que nous n'avons rien assigné à manger juste indéfini. Donc, pour résumer notre leçon, la variable est quelque chose qui est capable de vory, cela signifie que nous pouvons y stocker. Nous pouvons leur assigner des valeurs, et nous pouvons les changer plus tard. Pour créer une variable, nous devons taper très loin que le nom de la variable. Ensuite, on pourra leur assigner quelque chose ici ou peut-être plus tard. Modifiez-le et les variables sont utilisées car votre programme est alors plus le script. Si parce que vous pouvez faire quelques expressions, vous pouvez faire une sorte de calcul que ça va être immobile et va accélérer votre programme, vous pouvez réutiliser votre manteau plus tard. Plus facile parce que vous pouvez, par exemple, changer alors la valeur de l'impôt quelque chose d'autre assez facile. Et il sera changé partout dans votre programme dans quelque chose qui est également rappelé en utilisant toe. Rappelez-vous, lorsque vous créez des variables orteil nom Dane afin qu'ils soient auto-descriptifs. cette raison, votre code serait plus facile à maintenir, non seulement pour d'autres personnes, mais aussi pour vous. Vous devriez vous rappeler de nommer des variables comme ça. Le monde a commencé avec la petite lettre, puis la lettre majuscule Laisser la lettre pour chaque travail, non ? Vous devriez également vous rappeler que la taille de la lettre à l'intérieur de la variable nommée compte vraiment lire Bolton. Et il y a des choses que vous devez vous rappeler que vous ne pouvez pas appeler You 're variables vie et que Eh bien, vous pouvez commencer beaucoup de types à l'intérieur de variable comme, par exemple ici. Pour que nous puissions aussi voir notre nom, mon nom sur mon étourneau. Et vous pouvez également ajouter du texte l'un à l'autre. C' est quelque chose de nouveau à faire quelque chose comme le nom et le nom de famille. Donc, plus est utilisé orteil ajouter deux cordes Nous pouvons ajouter, par exemple, l'espace entre elle. C' est quelque chose qu'il pourrait voir maintenant nous pouvons voir mon nom et mon souverain afin que nous puissions opérer sur des variables. Vous pensez qu'il y a des opérateurs ? Ok, c'est prêt. Cette leçon. Merci beaucoup. 10. const - variables constantes: Bonjour. Avez-vous remarqué qu' il y a de l'obscurité dans notre éditeur ? Oui, je l'ai changé en Visual Studio Code. Vous pouvez utiliser un éditeur IDE. Vous souhaitez créer des sites Web. D'accord ? Nous allons donc aujourd'hui programmer en code Visual Studio. Vous pouvez donc voir qu'il existe différentes options d' éditeurs, comme par exemple Visual Studio Code. Eh bien, peut-être que ce sera celui que nous utiliserons plus tard. Parlons du mot clé const. mot clé Const vous permet de transformer la variable en quelque chose d'immuable. Ainsi, après avoir défini la première valeur, la première, vous ne pouvez pas la modifier ultérieurement. Quand quelque chose comme ça serait utile. Commençons par un exemple moins pratique. Ensuite, nous passerons à quelque chose d'un peu plus pratique. Disons que nous avons pi. Pi est la constante MOF, n'est-ce pas ? Et c'est égal à 3.14 ou même une version un peu plus précise est comme celle-ci. Et quand nous alerterons le Pi, nous recevrons le message suivant. Il y a un problème car nous pouvons maintenant le modifier entre les deux, par exemple gratuitement. Et pour être honnête, quand le programme est si petit, on peut voir instantanément où il se trouve, n'est-ce pas ? Mais votre code ultérieur pourrait contenir, par exemple 500 lignes. Et si quelqu'un fait quelque chose comme ça, tu ne te fais pas avoir. Vous ne le serez pas, tous vos calculs seront incorrects parce que ce n'est pas la même chose qu'ici. C'est pourquoi nous pouvons utiliser le mot clé const à la place. Et maintenant, lorsque nous changeons la valeur, comme vous pouvez le voir, rien ne se passe, nous ne voyons pas d'alerte. Pourquoi ? Parce qu'il y a une erreur dans notre JavaScript lorsque vous utilisez le raccourci Control plus Shift plus I dans Firefox ou control plus shift plus j dans Google Chrome. Vous pouvez trouver sous l'onglet console, la console de votre navigateur Web. Et s'il y a une erreur en JavaScript, vous la verrez ici. Comme vous pouvez le voir, erreur de type cheville, constante d'affectation non valide P. Cela signifie que vous avez essayé d'attribuer à la variable constante quelque chose que vous ne pouvez pas modifier. C'est immuable. Après avoir défini la première valeur, vous la définissez sur les valeurs suivantes. Vous ne pouvez pas le modifier plus tard et nous obtenons une erreur et rien ne pourra être exécuté par la suite. Donc l'alerte ou une anecdote ici juste en dessous, ce code ici, voici plus de code. Il ne sera pas exécuté. D'accord ? Cela arrête donc simplement le programme. Et cela signifie que, eh bien, personne ne veut que Program seul. Personne ne pourra se tromper. OK, la première chose à faire est de passer à un exemple pratique, plus pratique. Mais avant d'entrer dans le vif du sujet, écoutez, vous devriez toujours appeler vos variables qui sont constantes en majuscules. Je vais donc appuyer sur le raccourci F2. J'ai beaucoup aimé cet outil d'édition car vous pouvez le modifier à chaque occurrence. Le nom de la variable. Il vous suffit d'appuyer sur la touche F2 et vous pouvez modifier le nom de à chaque occurrence. Je n'avais pas besoin de le faire manuellement partout, n'est-ce pas ? J'ai donc changé la majuscule constante parce que vous montrez en majuscules à tous les autres programmeurs et vous-même que c'est une variable constante, d'accord ? Vous pouvez désormais distinguer instantanément les variables constantes des variables normales lorsqu'elles sont utilisées plus tard dans le programme, n'est-ce pas ? N'oubliez pas qu'il y en a, il peut y avoir plus de lignes ici lorsque nous utilisons Pi, nous pouvons voir instantanément, accord, c'est constant. Et quand quelqu'un fait quelque chose comme un chiffre ou que ce n'est pas une constante, n'est-ce pas ? Et l'exemple pratique de l'utilisation en JavaScript de quelque chose comme le mot clé const sera, par exemple score maximum pour le jeu que vous créez, n'est-ce pas ? Alors. Taxe sur la valeur ajoutée, par exemple en Grande-Bretagne. Ou la longueur maximale du poteau que quelqu'un peut placer instantanément sur votre avant-bras. Vous pouvez voir, remarquer que toutes les lettres sont en majuscules. Nous utilisons le trait de soulignement lorsqu' il y a plus d' un mot, n'est-ce pas ? Et plus tard, quand quelqu'un utilisera quelque chose comme l'OU, donc c'est constant, d'accord. Donc, si je veux modifier cette valeur, je ne peux le faire qu'à partir d' un seul endroit où elle a été définie initialement, n'est-ce pas ? Mais je ne peux pas le modifier plus tard. C'est la valeur que je peux rechercher très facilement à un endroit où toutes les constantes sont créées, par exemple, n'est-ce pas ? C'est donc quelque chose qui a été créé pour améliorer la lisibilité de votre code et pour s' assurer qu'il y a moins d' erreurs dans votre code. Donc, si vous ne l'utilisez pas, rien de grave ne se produira. Eh bien, peut-être qu'ils ne se sépareront pas du volant. Et votre code sera moins lisible si vous ne l'utilisez pas. Utilisez-le lorsque vous pensez que la variable ne sera pas modifiée ultérieurement. n'est que la leçon à tirer. Merci beaucoup. 11. Opérateurs relationnels: Bonjour Aujourd'hui, nous allons parler des opérateurs relationnels qui sont la plupart du temps appelés opérateurs de comparaison. Eh bien, qu'est-ce que la relation quand vous avez deux personnes et qu'elles sont en relation ? Eh bien, ils sont connectés les uns aux autres d'une manière ou d'une autre, donc on peut les comparer les uns aux autres. Et quand vous voulez que les orteils se rapportent à des choses les uns aux autres, vous les comparez, non ? Les opérateurs relationnels sont donc utilisés pour comparer les variables orteils. Et vous pourriez vous demander pourquoi faire indien nécessaire quand nous prenons quelque chose comme la variable A est cinq sur, puis nous avons attaché b égale libre. Ensuite, nous savons qu'il y a cinq et ici est libéré. Et pourquoi avons-nous même besoin de les comparer ? Eh bien, vous devez comparer deux variables parce que, par exemple, parfois, votre ver a boost sont attribués à partir du contenu du site Web. Vous n'êtes pas en train de taper ici exactement cinq, est-ce pas ? Vous prenez simplement le contenu de votre site Web et nous apprenons à le faire plus tard et en insérant ici, par exemple, lorsque vous créez des mots de passe, puis le passeport Février, où l'utilisateur a deux retiré le mot de passe que vous voulez comparer si ces deux mots de passe sont les mêmes, n'est-ce pas ? Donc il par erreur. Ne tapez pas quelque chose de mal et alors il aurait probablement cause son possible. Nous ne fonctionnerons pas bien, est-ce pas. Et c'est pourquoi vous avez besoin de quelque chose comme la raison de compa. C' est vrai ? Et nous utiliserons des opérateurs traditionnels. Donc, le premier opérateur traditionnel est de signe égal. Et cela ne fait que comparer deux choses. Si elles sont égales l'un à l'autre droit sur. Et tu as un orteil. Vraiment ? Rappelez-vous que vous avez ici deux signes. Pas un parce qu'un signe est utilisé pour une signature quelque chose de droit ? Vous voulez assigner comme ici cinq à un quand vous prenez quelque chose comme ça, vous comparez ces deux choses pas coulé. D' accord ? Et c'est très typique. Voici le début le plus important. programmeurs font donc vraiment se rappeler que ce n'est pas la même chose que ça, non ? Alors, comment l'utiliser ? Nous l'utiliserons dans la commande alert. Donc, nous tous, par exemple, est cinq est un égal à être quelque chose qui et comme vous pouvez le voir comme le résultat, nous avons obtenu faux parce que bien, libre n'est pas égal à libre, comme je veux dire cinq ans pas égal orteil libre . Et comme vous pouvez le voir, le faux est le type de bowling, qui est vrai ou faux. Et donc le résultat des opérateurs relationnels est un temps de bowling. Et vous pouvez l'utiliser plus tard dans l'instruction conditionnelle où vous allez dire quelque chose comme, si quelque chose comme ça est égal comme ça, alors faites quelque chose comme ça, par exemple dans pour cela, l'utilisateur que les mots de passe ne sont pas la même chose ou quelque chose qui, euh et c'est l'opérateur traditionnel de base. Et vous, comme vous pouvez le voir, nous avons ici averti qu'il dit que la science libre attendue comme ça. Pourquoi avons-nous besoin de taper gratuitement ici et quelle est la différence ? Comme vous pouvez le voir, le résultat est le même. Mais quand on tape des trucs comme ça, ça vérifie. Si les deux variables sont soit anti call, ok, cela signifie qu'elles doivent avoir le aussi en même temps. Les variables doivent être du même type. Donc en ce moment il y a un numéro, et c'est un numéro, et quand on fait des choses comme ça, on est là aussi. Mais parfois tu peux t'avoir une chaîne et ça va être faux. C' est une bonne idée. Les orteils ont quelque chose comme ça parce que tu pourrais. Mais en le faisant comme ça, faites moins d'erreurs. Ok, mais si vous savez ce que vous faites et que vous savez comment les choses fonctionnent, vous pouvez facilement utiliser juste pour signer. Mais il est bon de faire quelque chose que vous avez des problèmes qui, au moins au début OK, donc c'est la différence. Vous pouvez également faire des choses comme puis le point d'exclamation et le signe égal. Et cette chose va juste vérifier si deux choses ne sont pas égales l'une à l'autre, non ? Donc, quand nous avons quelque chose comme l'Est cinq pas égal à libre, ils sont différents. Oui, ils sont différents. Donc c'est vrai. Et s'ils sont, euh, les mêmes, alors on est faux. Bien sûr, sur, eh bien, vous avez aussi quelque chose comme ça. Donc, si les deux quelque chose est plus grand que quelque chose d'autre inférieur à supérieur ou égal ou inférieur à qui sont égaux à. Donc, quand nous faisons quelque chose comme un est plus grand que d'être non, ce n'est pas plus grand que l'être. C' est faux parce qu'ils sont les mêmes quand on fait quelque chose comme ça. C' est vrai parce que cinq, c'est égal à être. C' est plus grand, mais c'est pareil, non ? Donc c'est vrai et nous pouvons aussi faire quelque chose comme ça. Donc quand on le fait comme ça, c'est Tara. Quand tu le fais comme ça, c'est faux. Quand on le fait, c'est comme ça. C' est faux aussi parce que sept est plus grand que moi. Bien sûr, vous pouvez utiliser ici et l'autre. Vous n'avez pas besoin d'utiliser des variables des deux côtés pour comparer tout ce qui vous permet de vous souvenir. Ok, ce n'est pas Onley cette leçon. Merci beaucoup. 12. Opérateurs logistiques: Bonjour Aujourd'hui, nous allons parler des opérateurs logiques. Les opérateurs logiques ressemblent à celui que vous connaissez probablement du lycée à partir des leçons de mathématiques. Si vous connaissez assez bien les mathématiques, vous n'aurez pas de problèmes à digérer tout cela. Mais ne vous inquiétez pas, je vais vous montrer tout sur les opérateurs logiques. Les opérateurs logiques travaillent sur des valeurs logiques. Ils travaillent donc sur zéro, ce qui est faux, et sur celui qui est à. Et par exemple, il y a quelque chose comme l'opérateur de négation Nate, qui dit non. Cela signifie que si vous avez, par exemple, quelque chose comme ça, cela changera le résultat à un. Si vous faites quelque chose comme ça, leurs résultats à zéro. Il est juste de dire pas faux, ce qui est toujours pas où ce faux droit ? Et, ah, il y a deux autres opérateurs qui sont un peu plus difficiles, ce qui est la conjonction et l'alternative Colin Junction. Et vous devriez appeler cette chose et et ces jonctions, qui sont parfois il est appelé alternative. Ok, alors comment cela fonctionne-t-il lorsque vous avez, par exemple, sur votre site Web et pour avec le mot de passe et les chèques pour, par exemple, accepter les termes et conditions, vous pouvez parfois, une personne à deux n'attachera pas les deux parties ? monde est le même. Donc, vous voulez le vérifier pour le mot de passe ? Eh bien, je suis perplexe. On est égal à mot de passe aussi. Et dans le même temps que vous voulez, Par exemple, Voir si les chèques était ainsi et il est vérifié et le nombre de chèques ou quelque chose qui droit Vous voulez voir si quelque chose est des chèques ? Exemples de est vérifié Est termes projet. Donc, vous voulez faire une conjonction avec deux expressions à la fois, Ensuite, vous devez utiliser l'opérateur logique. Et comment la conjonction bizarrerie lorsque vous avez l'expression une et l'expression à vous obtiendrez résultats comme lorsque vous avez zéro et que vous savez que les résultats seront zéro. Lorsque vous en avez 10, le résultat sera nul. Lorsque vous avez 01, le résultat sera nul. Mais avec Juan et un, vous aurez une série sur un, ce qui signifie que la conjonction est à Onley. Si les deux expressions sont deux en même temps, ce qui est assez facile à comprendre parce que bien, quand vous dites que je veux aller au cinéma et après, je veux manger de la glace,n' je veux manger de la glace, est-ce pas ? Cela signifie que je veux faire les deux choses à la fois, et c'est pourquoi ce n'est que lorsque les deux expressions le sont aussi. Donc, dans une situation comme ça, cette chose que les deux choses reviendraient sur Lee si les mots de passe étaient les mêmes et dans le même temps les termes étaient vérifiés. C' est pour ça que c'est cool, parce que tu peux faire quelque chose comme ça à la fois. D' accord ? Et vous avez aussi quelque chose comme eux ces jonctions. Mais ces carrefours marchent un peu différemment. Eh bien, ces jonctions fonctionnent comme ça. Cela signifie que lorsque vous avez une autre façon de faire quelque chose que vous choisissez. Donc quand tu as 00, tu n'as pas d'alternative. Donc, le résultat zéro quand vous avez un et zéro traiter un d'ici, juste quand vous avez 01 intéressant. Celles-ci. Donc, un quand vous avez un et 100 traiter ces ou jour, donc le résultat est un et le S s. Donc, c'est une bonne idée d'écrire quelque chose comme ça. Cette disjonction est activée lorsque les deux expressions sont fausses en même temps. Alors formons la chose que je vous dirais maintenant à propos de l'état conditionnel et de l'ive virtuelle. C' est une instruction conditionnelle que vous pouvez utiliser en tapant quelque chose dans parent est entre ces deux côtés. Ici, vous pouvez taper quelque chose comme des expressions, n'est-ce pas ? Donc, quand je fais des choses comme si un est supérieur à l'alors Oller à tester Et comme vous pouvez le voir, quand notre programme fonctionne, nous avons ici test. Donc, cette chose ne montrera que si un est supérieur à être. Ce n'est pas comme ça. Ça ne va pas montrer la veuve. Et maintenant, nous pouvons vérifier si dans le même temps, par exemple, B est égal à cinq. Si oui , montrez le test. Comme vous pouvez le voir, ça leur montre notre test. Mais quand nous changeons, par exemple, être le libre que vous n'êtes pas, c'est plus grand que l'être. Ouais, donc nous avons de la chaleur une vérité est égale à cinq. Non. Donc vous avez ici est ici. Donc un et zéro nous donne le travail comme un résultat zéro. Donc, cela signifie que cette heure ne sera pas montré si vous avez utilisé alternative que ces injonction Jonathan que vous ne serez pas est que nous avons maintenant ici montré test parce qu'un et zéro nous donne un. Et vous pouvez toujours changer le résultat en utilisant la négation. Donc quand nous avons conçu comme ça et que j'ai utilisé le point d'exclamation, maintenant changerait le droit 120 , parce que cette chose nous en donne un. Et cette chose change le résultat de 120 Comme vous pouvez le voir maintenant, ça ne nous montre pas même si je rafraîchis ce côté. Alors c'est comme ça que l'opérateur se guerre. Bien sûr, c'est une bonne idée de les utiliser sur des choses plus pratiques, comme ça. Mais je le montre en ce moment comme ça parce que, tu sais, on ne sait pas comment obtenir les choses du côté. Nous apprendrons toutes ces choses dans les futures leçons. Ce n'est que la leçon. Merci beaucoup. 13. Opérateurs Bitwise: Bonjour. Ils allaient parler des opérateurs à soumissionner. Les opérateurs Beatriz, comme son nom l'indique, fonctionnent peu. Mais que sont les battements ? Eh bien, peu sont une tension électrique qui arrive à notre PC, et ils sont interprétés comme étant zéro ou un. Donc nous, ils sautent entre zéro et ceux et ils sautent quelques fonds parce que nous avons un très bon processeur et d'autres choses comme ça, et ils sont en sécurité quelque part. Souviens-toi d'eux. Il y a beaucoup à l'arrêter, mais bien, c' mais bien, est juste une information qui est interprétée dans le remorquage. Tout ce que vous pouvez voir dans votre ordinateur peut que les choses, même ici éditeur, un autre programme. Donc, nous pouvons travailler en utilisant les gros opérateurs sages sur eux, et vous pourriez penser que ce serait plus rapide. Oui, ce serait plus rapide. Mais le problème est le JavaScript. Si vous travaillez avec le pitch, les opérateurs intelligents font quelque chose comme changer les types des variables avec lesquelles vous travaillez , et c'est un peu plus lent. Donc, en javascript, vous aimeriez le plus de temps éviter d'utiliser un grand opérateur sage. Ils sont cool dans d'autres langues, mais ici c'est juste très rarement utilisé. Donc, cette leçon est plutôt un fait intéressant pour vous. Ok, donc si vous êtes incarcérée, sautez ces leçons. Mais attendez une seconde. Il y a quelque chose que vous devez savoir. Regardez, voici une personne sur, seule personne une seule offre sage, et cela signifie que c'est très similaire à l'opérateur logique. Une contraction qui ressemblait à ça. Cela fonctionne aussi très similaire, mais celui-ci travaille sur l'offre. Celles-ci travaillent sur des valeurs logiques. Et tu sais que tu as un orteil. Souviens-toi de savoir les utiliser par un mystique, non ? Parce que ce ne serait pas bon pour toi. Et vous devez savoir où les opérateurs de gros garçons sont utilisés dans le JavaScript. Eh bien, ils sont principalement utilisés quand vous voulez venir pour quelque chose, mais c'est très rare situation parce que d'autres langues font mieux. Et très vous voulez le faire par l'évasion de travail. Et, eh bien, quand vous voulez faire quelque chose avec des ports avec les prises, alors vous voulez vérifier pour ah, quelque chose va découvrir le lin. Nous drogues, qui sont une sorte d'état. Steve, quelque chose est, par exemple, ouvert aucune autre chose comme ça. Donc c'est très, très juste. Donc, mais c'est cool de savoir comment fonctionne notre ordinateur. Donc, si vous avez le temps, regardez cette vidéo. D' accord ? Donc, comment je porte, par exemple, nombres dans la vie réelle que vous utilisez qui sont un destin qui est dans le système décimal, fonctionnent quand vous mourrez pour quelque chose 126. La vérité est que nous faisons quelque chose comme celui multiplié par 10 qui est un système décimal , et à la mise hors tension, deux à la mise hors tension pour ainsi dans la partie des secondes de ceux-ci signifient que c'est tout à fait juste. C' est bon carré, donc 10 gicler et c'est ce que 100 multiplié par un est 100. C' est donc la vérité sur notre système. Et puis juste des trucs comme à multiplié par puis plus six multiplié par 10 à la mise hors tension zéro. Et c'est ce que quand on fait, comme multiplier tout. C' est 100 multiplié par un. C' est un alors multiplié par deux est trop intense. Donc c'est 120 plus zéro. Multiple, euh, à la puissance de 10 à la puissance de zéro est toujours un droit. Toute chose à la série para 1 multipliée par 66. Donc c'est 126. Donc c'est la même chose. Pourquoi je montre de bonnes choses parce qu'on a quelque chose. Qu' est-ce qu'un système binaire ? Et oui, c'est la chose avec laquelle on va travailler en utilisant les opérateurs à enchères. Donc 1010 par exemple. Et c'est en ce moment non, 10 000 fois. Mais c'est quelque chose comme un multiplié. A ce moment-là, nous avons un autre système, donc c'est aussi. Et à la mise hors tension, comptons 012 gratuitement. Nous devons venir de droite à gauche de zéro pour voir qui joue cela. Celui-ci est à 012 gratuit. Donc à la mise hors tension, plus sur. Et puis nous avons obtenu zéro multiplié par le système à la puissance hors de l'endroit où nous sommes en ce moment. Donc, cette fois Teoh plus un multiplié par deux à la mise hors tension un plus zéro zéro multiplié par deux à la mise hors tension zéro. Donc, quand le candidat verra que nous avons quelque chose comme à la partie de la carte est un zéro multiplié par quoi que ce soit est toujours zéro plus. Pourquoi multiplié par deux Teoh plus zéro multiplié par quoi que ce soit. C' est ici. Donc, vous pouvez voir quand vous avez zéro ici cela signifie que nous n'avons pas besoin de nous soucier de compter quoi que ce soit. Donc ça va être un peu plus facile de le compter ici, non ? Nous pouvons faire quelque chose comme ça et ensuite quelque chose comme ça et cela équivaut à 10 dans notre système. Par exemple, pâte un peu plus vite. Je vais vous montrer le raccourci de cette multiplication pour que vous le fassiez un peu plus vite. D' accord ? Toujours cet endroit qui est un ? Cet endroit est encore cet endroit est 48 16 30 à 64 il continue. Pourquoi ? Parce que non est que toujours nous devons multiplier par deux à cela une sorte de pouvoir. Et ah, ici quand vous avez 11 multiplié par deux à la mise hors tension. Zéro est alors multiplié par un en a besoin, à droite. Donc ici, il ne peut être qu'un ou zéro dans cet endroit. Droit ? Donc c'est un plus Teoh plus quatre plus huit s'il y en a toujours un. Mais s'il n'y a pas aussi zéro. Ah, eh bien, s'il n'y en a pas, alors nous n'avons pas besoin de se soucier de cet endroit, non ? On va juste aller de l'avant. Donc, quand vous obtenez par exemple, ceux-ci étaient juste à un plus quatre plus deux, il serait 12 plus à son 14 Assez facile. Donc c'est un raccourci pour faire ces choses. Et bien, maintenant, utilisons nos prédateurs. Enfin, faisons-le une sorte de Ah Lorant, quelque chose comme 10 14 et offre opérateur sage. Nous avons fait l'offre était opérateur et fonctionne de la même manière que l'opérateur logique, mais cela fonctionne bien sur beat. Donc, si vous ne connaissez pas la dernière leçon, s'il vous plaît retournez là-bas. Ah, donc c'est sur Lee à Onley quand les deux arguments mais les expressions sont deux ou la situation de dette . Les deux battements sont un. Alors 40 comment prendre 14. Et, eh bien, c'est 110 vin parce que c'est un plus quatre plus deux plus zéro droit un plus quatre plus deux est 40. Tu te souviens comment le faire ? C' est comme ici qu'il mange 1248 et que vous comptez plus tard. Mark 10 est la chose que nous avons fait ici et maintenant si nous supposons bien doublé, nous faisons quelque chose comme ça avec l'offre sage et nous aurions pensé un et un nous donne 11 et 001 et un nous donne tandis que 00 G a demandé un, parce que l'un et l'autre ont les deux expressions aussi. Ici, nous avons aussi les deux expressions à travers et c'est le seul moment où la conjonction lorsque l'opérateur et va vous donner l'un dans une autre situation que vous avez pu voir. Donc, cela signifie que le résultat est stent quand nous étions premiers. Comme vous pouvez le voir, nous en avons 10. Ok, essayons un autre. Donc, l'offre sage sont si dans cette situation, nous avons bon de un et 1/2 11 et zéro nous donne un parce que l'alternative est fausse. Sur Lee a gagné. Les deux expressions sont fausses. Donc comme ça et à cause de ça, nous en avons maintenant 40. Comme vous pouvez le voir, il est 40. Et maintenant tu pourrais être comme mon pote, vraiment ? Pourquoi est-ce qu'on a besoin de quelque chose comme ça ? Comme je l'ai dit plus tôt, c'est très difficile à utiliser, mais vous pouvez, par exemple, l'utiliser comme une sorte de lin. Par exemple, ceux-ci disent qu'il y a un utilisateur qui a déjà obtenu des privilèges pour la publication. Cela signifie qu'il a des privilèges pour lire ces moyens qu'il a de bons privilèges pour éditer pose ou quelque chose. Cela et avec ces choses, un pourcentage, ou l'offre sage ou l'exclusivité. Ou vous pouvez faire des opérations comme vous pouvez simplement vérifier ce que l'utilisateur. Quels privilèges l'utilisateur a Andi dans les sockets ? Tu peux changer. Vérifiez si, Si c'est comme un D complète tout ce qui est bien, vous avez tout va bien. D' autres choses comme ça. Et vous pouvez aussi compresser une sorte de combat parce que vous devez vous rappeler qu'ils ont quelque chose. corps appelés buys morsures sont habillés, continue huit battements, et vous pouvez avoir plus d'un par la plupart du temps vous avez bon, par exemple, était un nombre. Vous avez quatre morsures, puis vous en avez quatre multipliées par l'annonce. C' est 22 battements en un. Donc la vérité, c'est que ça ressemble à ça et que tu n'aimes pas 20 oeufs ? Des zéros, c'est ça ? C' est le numéro deux, d' accord ? Et bien, les zéros pourraient être utilisés, et vous pouvez compresser les valeurs humaines d'insertion sur ces comment les compressions fonctionnent la plupart du temps. Donc parce qu'ils sont inutilisés endroit qui pourrait être utilisé et interprété plus tard par votre compresse ou , euh, vous connaissez le programme pour vous faire correctement ? Donc c'est bien. C' est pourquoi quelque chose comme ça l'utilisé mais bien sûr dans d'autres langues est aussi plus rapide. Peu probable en javascript ce n'est pas le cas. Ok, donc on a un sujet douloureux exclusif ou on travaille presque comme si les enchères sont achetées. Eh bien, c'est quelque chose comme ça. Expression. Une expression aux résultats. Donc, si vous avez un et zéro, il nous donne aussi un quand il zéro et un, il nous donne aussi un. Mais quand vous avez un contre un, alors vous avez zéro exclusif ou cela signifie que je suis exclusif. Je ne veux choisir qu'une seule chose. Ok, je ne veux pas choisir. Donc, si vous avez zéro et zéro, vous avez aussi zéro. Donc si tu fais quelque chose comme ça, ça veut dire qu'on va maintenant avoir quoi ? Zéro zéro Et ici un qui veut dire que nous avons ce qu'il serait un, il le sera aussi. Et voici pour donc il est pour que nous le rafraîchissons. Comme vous pouvez le voir, nous avons ici pour vous pouvez également déplacer des bits. La gauche par un. On vient de se déplacer à gauche vers la droite, pour le déplacer vers la droite. Donc, quand nous faisons, par exemple, quelque chose comme ça 14 sur nous le déplacons à un endroit, par exemple, vers la gauche. Alors nous aurons quoi ? Celui-ci va emménager ici. Celles-ci, nous déménageons à l'endroit de ceux-ci. Celui-ci se déplacera à l'endroit de celui-ci avant lui. Tu as des zéros, non ? Donc ce sera quelque chose comme 0111 Andi, ça veut dire qu'il celui-là plus deux plus quatre. Alors ? Donc c'est sept. Comme vous pouvez le voir, nous en avons 17. Cela signifie donc que nous avons divisé 14 par sept. C' est un fait assez intéressant. Et c'est plus rapide dans d'autres langues. Mais pas dans celui-ci. Droit de diviser par deux en utilisant quelque chose comme ça. Et bien, vous avez aussi quelque chose comme ça. Vous pouvez le déplacer vers la gauche. Alors nous avons été 11100 Donc, quand vous vous déplacez vers la gauche, imaginez que nous avons ici l'homme est euros. C' est comme, Eh bien, j'ai déplacé ces zéro ici, non ? Et non, tout est juste bougé par quoi ? Et bien, il sera 20. Pourquoi je le savais ? Parce que je me suis multiplié par nous pouvons le compter, bien sûr. Aussi un, 24 plus huit plus 16 sur 16 plus ID orteil Entrer orteil 24 plus 4 28 Donc tout fonctionne bien. Et nous avons aussi des négations sages. Quand on fait quelque chose comme ça, on pourrait penser que changer 11 zéro et la négation fonctionne comme changer 0 à 1, non ? Donc ce serait leur 000 et un à cause de ça, vous penseriez probablement que nous obtiendrions donc vous n'êtes pas cette dessiccation. On utilise juste la négation. Tu sais, la négation logique. C' est moins 50. Pourquoi ? C' est moins où il est moins comme nous disions que notre homme est l'euro. Et si le 1er 0 il a changé celui et parce que nous utilisons l' opérateur de négation de nom , nous changeons tous les zéros des résultats maintenant partout un et non Et comme 0001 à la fin, non ? Le 1er 1 dit qu'il s'agit d'un nombre qui n'est pas positif. C' est négatif et, d' d'une autre, ils une manière ou d'une autre, ilsdoivent le faire. Ils avaient les orteils créer quelque chose comme ça pour, vous savez, montrer lequel est nié avec la sécheresse, positif pour compter. Et c'est comme ça qu'ils l'ont fait. Et puis c'est juste compter la grande, différente façon. C' est pourquoi, dans la négation fonctionne comme ça que nous vous avons donné ici nié dans le nombre pas positif, mais l'a, il concède, fait plutôt et intéressant. gros opérateurs intelligents sont rarement utilisés. C' est bon de savoir qu'ils existent, euh, même, même, peut-être juste pour savoir que vous, la laiterie, la laiterie, quelque chose comme un seul um pour cent et une seule perle sage sont parce que vous ne me feriez pas état en l'utilisant pas bon moyen. Et quand vous rencontrez quelque chose comme ça et que ce ne sera pas surpris pour vous, juste quand vous rencontrez des personnages comme ça dans le programme de quelqu'un d'autre, où ils utilisent Advanced Stop est comme, par exemple, sockets Ok, ce n'est qu'une bonne leçon. Merci beaucoup. 14. Déclaration conditionnelle: Bonjour. Donc, ils allaient parler de l'état conditionnel Les instructions conditionnelles sont des instructions qui peuvent conditionner quelque chose et ils sont utilisés pour effectuer différentes actions basées sur conditions différentes. Et, eh bien, quand quelque chose comme ça va être utilisé. Par exemple, quand vous voulez valider votre formulaire, vous ne savez pas exactement ce qui va être lié là, n'est-ce  ? Vous ne savez pas si, par exemple, l'utilisateur va taper le mot de passe correctement comme vous le souhaitez. Et puis vous pouvez simplement lui envoyer une alerte avant qu'il envoie le formulaire eso il ne sera pas besoin d'orteil, rafraîchir tout ou tout retirer à nouveau. D' autres choses comme ça. Il serait juste informé instantanément que quelque chose ne va pas, non ? Vous ne pouviez pas l'informer. Mais nous ne pouvons le faire que parce que nous pouvons conditionner. Nous pouvons vérifier si la variable est comme ça. Si quelque chose sur votre page Web est comme ça, bien sûr, pour l' instant, nous ne savons pas comment obtenir les choses de notre arme. On finira plus tard. Mais pour l'instant, ce serait une larme. Ça chatouillerait des exemples exacts, mais au moins il saura comment ça marche. Très bien. Ok, Alors, comment créer une instruction conditionnelle simple que vous pouvez prendre si et puis si vous après. Si vous avez quelque chose comme Parentis est et à l'intérieur, vous mettez cette condition bien. Et par exemple, nous pouvons utiliser l'opérateur de comparaison comme ça et mange cinq plus que trois. Oui, c'est plus grand que gratuit. Et cette chose va en rendre un. Droit ? Parce que si quelque chose passe, va en retourner un. Si quelque chose n'est pas vrai, va retourner zéro. Et si cette perspicacité d'expression ici est à, alors l'instruction en dessous d'une ligne ci-dessous va être exécutée. Si ce n'est pas vrai, ça ne sera pas exécuté. Donc si je fais quelque chose comme ça, comme vous pouvez le voir, nous avons une alerte ici. Pourquoi ? Parce que cette chose était ainsi et à cause de ça, il va être exécuté cette ligne de code quand vous ferez quelque chose comme ça. Donc ici, nous avons faux. Maintenant, comme vous pouvez le voir, nous ne voyons rien. Ok, donc c'est le simple. Et tu dois te rappeler que toute valeur autre que zéro Pâques, donc si tu as quelque chose comme ça, ça va être exécuté. Si vous avez zéro, il ne sera pas exécuté si vous avez moins de valeur, il sera exécuté. Si vous avez une chaîne, elle sera également exécutée. Ok, donc créons deux variables par exemple, un, euh et faisons quelque chose d'un peu plus dur. Donc si un est plus grand que d'être, alors je veux taper. A est plus grand que d'être. Je pourrais aussi faire quelque chose comme ça pour pouvoir connecter des chaînes comme ça. Et comme vous pouvez le voir, cinq ans parce que c'est aussi. Quand on le change comme ça, ça ne marche pas. Bien sûr, choses comme les variables ne vont pas vous ne voulez pas tourner pour vérifier. Variez avec le type ici, les valeurs dedans parce que vous savez comment ils ressemblent bien. Mais vous ne pouvez pas prendre toutes ces valeurs de votre site Web. Et maintenant un est plus grand que d'être, et vous pouvez parfois vouloir vérifier aussi l'autre situation, par exemple, sinon. Si oui, s'il y a une autre situation, faites quelque chose comme un est plus bas sur, alors être et puis nous avertirons A est plus bas que moi. C' est donc plus bas que libre. Oui, ça ne marche pas. Alors, comment ça marche ? Tout est saisi de haut en bas. Alors ici. Hey, nous allons trouver des variables et ensuite nous vérifions si a est plus grand que l'être. Ce n'est pas le cas. Donc, ici, nous avons zéro. Donc cette chose ne va pas être exécutée. Mais alors nous prenons une autre situation si est abaissé et être, Oui, Oui, j'utilise plus bas que l'être. Alors on peut montrer quelque chose comme ça. Et nous pouvons aussi faire quelque chose comme ça. Notre maison et ce truc vont être exécutés si toutes les autres conditions n'étaient pas remplies. Donc, nous pouvons monter quelque chose comme je égale B égal être juste parce que la situation dans main est donc inférieure à libre. Lorsque nous faisons, par exemple, libre, gratuit équivaut à des amis. Ok, donc il y a des choses que vous devez savoir maintenant parce que cette chose ma BZ, vous voulez fermer maintenant cette leçon. Mais ne le faites pas parce qu'il y a des choses assez importantes que vous devez savoir. Sinon, vous ferez beaucoup d'erreurs. Ecoute, tu peux faire quelque chose comme ça. Vous pouvez le faire si facile, Mais vous pouvez le connecter avec l'ancien autre si et vous n'avez pas besoin d'utiliser autre. Mais vous pouvez aussi faire quelque chose comme ça. , Comme ça,tu peux juste utiliser si et sinon. Et vous devez vous en rappeler quand vous avez une bonne situation comme ça. Si et sinon si la condition de la est remplie, cette instruction sera exécutée. Mais cette condition ne sera pas vérifiée à nouveau. Si vous utilisez le travail de la maison, vérifions-le. Donc si j'ai décidé comme cinq ans, nous faisons la même condition dans les deux cas. Donc vous pensez peut-être que ce sera exécutif. Ce sera exécutif, non ? Non. Cinq, c'est plus grand, stupide gratuit. Et c'est tout ça, cette phrase qu'il ne va pas être exécuté, non ? Si vous vouliez exécuter quelque chose comme ça, vous tapez Si à nouveau cinq est plus grand que 35 est inférieur à trois va se rappeler que si vous voulez quelque chose malade afin de rendre par exemple, votre programme plus rapide. Vous devriez vérifier les choses qui sont le plus qui a la plus grande probabilité de se produire d'abord parce qu'ils puis le alors vous verrez. Ah, l'instruction sera exécutée en dessous et toutes les autres instructions. Tous les autres chèques que nous connaissons vont être exécutés. D' accord. C' est très important. Et vous ne ferez pas une erreur comme ça. Et il y a une autre chose dont vous devez vous souvenir. Et si je faisais quelque chose comme ça ? Ah, comme ça. Et j'ai soumis. Que pensez-vous qu'il sera montré ? Quels ont été les premiers que vous pouvez voir ? Vous pouvez voir deux est inférieur à libre, puis tester. Ok, c'est joli quelque chose que vous penseriez qu'il arriverait. Mais qu'est-ce que j'ai fait ? Quelque chose comme ça. Vous pensez peut-être que seule cette chose sera montrée. Comme vous pouvez le voir, on peut encore entendre. Tu vois un test ? Pourquoi ? Begu ? C' est ici. Pourquoi on peut avoir ici. Azman entre comme on veut. Maintenant vous pensez peut-être, Hey, c'est vrai que les instructions de thèse devraient être sur ça. Non, mais vous savez pourquoi les espaces ne sont pas interprétés. Droit ? Donc nous devons toujours montrer exactement ce que nous voulons exécuter. Oh, sommes-nous ne voulons pas exécuter comment orteil exécution pauvre. Puis une instruction à la fois. Eh bien, alors tu dois utiliser un signe comme ça. Donc, nous devons utiliser des parenthèses qui ressemble à ça Si vous voulez regrouper plus d'une instruction, puis quand nous l'utilisons à l'intérieur. Comme vous pouvez le voir maintenant, nous pouvons le voir sur les cinq est plus grand que les pieds. Et c'est tout parce qu'en ce moment, parce que hors de cette pause, c'est que vous interprétez ces deux instructions en une seule. Donc, vous voulez exécuter plus d'une instruction que vous pouvez développer. Regroupez-les, vous pouvez les fusionner en utilisant ces crochets bouclés. Droit. Ok, donc si je sais quelque chose comme ça, ce truc sera allumé quand je ferai quelque chose comme ça. Alerte un égal B et seulement ces choses. Donc, vous devez vous rappeler que si vous ne faites pas de parenthèses Onley, une instruction sera exécutée . Et, eh bien, vous devriez la plupart du temps Juste deux crochets, même si vous faites sur la seule instruction. Si vous êtes au moins mendiant, ok, parce que vous n'avez pas est prévu qu'il pourrait faire cela pourrait être des problèmes potentiels pour vous . Je n'ai pas fait que les supports bouclés parce que je quand je n'ai seulement une instruction très courte parce que je l'ai fait je suis personne très expérimentée dans le programme juste sur votre derrière Viet, le début, faire quelques problèmes à cause de cela. Et il faudra juste beaucoup de temps deux codes à barres d comme ça dans. Donc, c'est peut-être parfois même une bonne idée de faire juste pour une instruction. Braces bouclés. Ok, donc c'est comme ça que les déclarations conditionnelles fonctionnent et vous savez comment éviter de faire des erreurs. Ce n'est que cette leçon. Merci beaucoup. 15. Déclaration conditionnelle raccourcie: Bonjour Aujourd'hui, nous allons parler de la déclaration conditionnelle raccourcie, qui est appelé opérateur Point d'interrogation et le charbon et bien, vous savez, programmeurs sont paresseux et parfois vous voulez orteil éviter d'écrire trop de lignes de code Lorsque quelque chose est tout simplement évident. C' est si facile à écrire. Vous ne voulez pas mentir beaucoup alignés. Bien sûr que je vous montrerai bientôt. Un exemple. Plutôt pratique, donc. Mais vérifions. Tout d'abord, comment cela fonctionne-t-il ? Tu prends quelque chose comme l'expression ici. Donc vous savez, une sorte de condition ici. Et puis si l'expression est vraie, alors cette chose ici va être retournée, et ce n'est pas le cas. Cette chose va revenir. Qu' est-ce que ça veut dire ? Oublions le corps une seconde. Créons un exemple. Je veux vérifier si le X est, par exemple même. Ok, alors comment faire ? Comment le feraient-ils ? Nous avons juste une déclaration conditionnelle normale. Je ferais quelque chose. J' ai fait cave ex Mort Donc mode opérateur Eso je veux vérifier s'il n'y a pas de reste. Ah, deux égal à zéro. Donc il n'y a plus de reste, non ? Par quand vous divisez par deux, ce qui signifie que c'est le nombre pair et alors nous pouvons dire que les yeux à son je pense que ce nombre est même peut créer une variable spéciale, par exemple, est égale. Et maintenant nous pouvons dire son ISS même sinon vous savez que c'est même faux. Nous avons un avertissement clair parce qu'il dit que c'est une bonne idée deux ans ici, la science libre comme ça parce qu'alors vous savez que vous êtes en train de comparer le même type de variables. Ok, affaiblir. On ne pouvait pas l'utiliser. Et maintenant comment ? Comment pouvons-nous savoir ? Dites que le nombre est égal pour que nous puissions juste faire quelque chose comme ça, par exemple, et c'est huit. C' est trop Oui, faire est même cinq est pas. Même ainsi, nous avons faux. Comme vous pouvez le voir, nous avons dû écrire 1234 lignes de code. Il y a une ligne de code, ce qui serait plus rapide. C' est le plus rapide avec ça. Avec ça. Pensez donc nous tapons expression afin que les oeufs multi font égal à zéro et puis nous revenons à sinon nous voulons retourner orteil false. Et le problème est de savoir qui a entendu le ragoût ou les farces revenir, mais à l'endroit auquel vous les avez assignés. Vous pouvez bien sûr faire une sorte de fonction. Vous pouvez invoquer des fonctions, des années d'exemple. Autre. Oui, Andi, mais peu importe. Tout ce que tu veux être fait sera fait. Si cette chose est vraie dans cet endroit, non, ce n' est pas le cas. Ça va être exécuté quand cette chose est fausse, donc on ne peut pas assigner à quelque chose comme ça. Ok, donc on peut prendre ça en commun, parce que ça n'a pas d'importance pour nous. Comme vous pouvez le voir maintenant, c'est plutôt plus rapide. Et maintenant, on peut taper un Stephen et oui, c'est faux pour. Mais, vous savez, nous pouvons encore plus mettre à niveau si vous vouliez seulement l'avoir comme sortie. Nous ne voulons pas commencer ces valeurs. Pourquoi ne pas le faire comme ça ? Bon, maintenant nous avons la larme sont fausses, et nous pouvons l'améliorer. Pourquoi pas ? Tu sais, dis quelque chose aux gens. Par exemple, la valeur est égale. La valeur n'est même pas les valeurs. Même la valeur n'est pas égale. Vous savez, vous appelez Allah entendre parler de quoi que ce soit. Tu peux vérifier une chose ici, mon joli père. Et puis juste un autre. La personne que quelque chose va bien ou quelque chose est non. Bien que Caïn, et vous le faites juste en une ligne. Tu n'as pas à faire quelque chose comme ça. Vous n'avez pas besoin de simplement avoir des codes hors ligne juste pour une tâche simple, est-ce pas ? Donc c'est comme ça que vous l'utilisez. C' est là que vous l'utilisez. Et, comme vous pouvez le voir, réaliser que c'est une bonne idée de raccourcir parfois notre programmation. Ce n'est que bon. C' est ça. Merci beaucoup. 16. Commutateur: Bonjour Aujourd'hui, nous allons parler de l'instruction switch, qui parle, basculement entre les valeurs Avez-vous envoyé à ce commutateur ? Et dans le cas où quelque chose arrive qui est envoyé au commutateur, vous pouvez exécuter ce code l'instruction que vous voulez. Donc, c'est vraiment quelque chose comme les instructions conditionnelles, et vous pouvez faire exactement les mêmes choses avec le réfrigérateur comme vous pouvez le faire avec les instructions conditionnelles . Alors pourquoi encore plus audacieux ? Laisse-moi. Tout d'abord, certaines personnes peuvent l'utiliser, sorte que vous comprenez la syntaxe de celui-ci. Et deuxièmement, il semble mieux parfois quand vous avez des hommes dans des déclarations conditionnelles. Vous savez, si, comme si comme un gilet Z ânes et vous savez, comme 10 10 10 ou plus six souffle ou quelque chose qu'il est bon d'utiliser commutateur parce qu'il sera mieux dans votre froid. Plus tard, tu vas le lire plus vite, non ? C' est pourquoi vous devriez utiliser switch et comment cela fonctionne. Vous tapez switch, puis vous tapez la chose que vous voulez changer de chasse pour basculer entre. Donc, par exemple, nous créons un jour de congé variable par semaine, et je taperais ici un, et quand nous avons envoyé votre jour de congé faible. Nous pouvons maintenant utiliser ce que nous avons à utiliser maintenant ici les accolades actuelles. Et maintenant, nous devrions, au cas où ils ont un faible égal, nous pouvons, par exemple, envoyer une alerte lundi au cas où il est toujours alerte de consentement libre d'utiliser ce droit pour utiliser cela. Et dans toutes les autres situations cette fois, vous savez taper comme, mais tapez les valeurs par défaut. Donc, c'est la chose par défaut que vous devez faire si toutes les autres choses ne sont pas vraies. Et, eh bien, ce n'est pas la semaine de repos, par exemple. Droit ? Comme vous pouvez le voir, nous sommes arrivés lundi et mardi, et ce n'est pas la semaine. Pourquoi ? Pourquoi ? Pourquoi ce qui s'est passé ? Parce que l'interrupteur est assez bizarre. Tu sais, quand c'est un changement, ça lutte entre cette valeur. Il entre dans cette affaire et whoa, c'est un. Ok, donc on va permettre ça, mais on va aussi tout exécuter sur la bouteille Ho. Alors pourquoi même prendre la peine d'utiliser quelque chose ? Même ce que vous avez à dire exactement qu'ils veulent briser. D' accord. Quand nous le faisons comme ça, vous exécutez alors seulement ces instructions parce que vous savez que vous avez remorqué en quelque sorte. Dis à cet interprète à quel point tu veux exécuter sexy dans la section, non ? Parce que vous pouvez entendre les instructions de type homme sur 50. Et puis vous aurez besoin de dire, Hey, je veux casser et parfois c'est même appelé parce que vous pouvez utiliser ces cas, par exemple. Euh, Eh bien, avant d'y aller, vous devez vous rappeler que vous avez orteil presque toujours donner pause après chaque cas. Tu n'as pas besoin de le faire après la chute parce que ce sont les derniers. Vous n'avez pas besoin de taper ici leur valeur par défaut, mais dans toutes les autres situations que vous avez, vous devriez avoir quelque chose comme ça sur. Eh bien, vérifions ça. Quand j'ai tapé orteil, ce serait un C. Considérez mardi. Quand je tape quelque chose nous, ce sera qu'il n'y a pas de jour de congé faible. Mais si je voulais dire quelque chose comme, Oh, c'est, ah, journée de travail ici et c'est un week-end, alors je devrais faire beaucoup de cas et je pourrais faire quelque chose comme Case. Une affaire aussi. Étui sans étui pour dans le cas cinq à libre pour cinq. Et voici, jour de travail et dans d'autres situations, je voudrais taper 67 et bien sûr je dois faire une pause comme ça et c' est que nous ne pouvons pas être un autre jour de la semaine quand je tape un. Il devrait faire ce qu'il serait juste passer à la 1ère instruction qui doit être exécutée , puis au frein n'est pas un jour de congé par semaine. Hum oh, j'ai tapé 11 histoires de travail. Quand je tape six ou sept, c'est un week-end. Donc tu sais que tu peux faire des choses spéciales. Par exemple, pour de l'argent. Oh, non, c'est lundi, et quand tu prends Non. Un, il sera autre cette chose et ces jours-ci chose juste, est comme ça que ça marche. Donc, comme je l'ai dit plus tôt l'année, la plupart du temps ne sera pas utiliser quelle déclaration cette. Mais vous devez connaître la syntaxe parce que la plupart des gens l'utilisent et e seulement lorsque vous l'utilisez. C' est pour faciliter la lecture des choses. Ok, si vous voulez avoir plus de lecture manteau capable quand vous avez beaucoup de cas à vérifier, alors il est bonne idée arbres que pendant la leçon, merci beaucoup. 17. Fonctions: Bonjour Aujourd'hui, je vais vous dire, fonctions frère comment créer une fin. Pourquoi ils sont nécessaires fonction est simplement un chien de code qui peut être invoqué, exécuté autant de fois que nous le voulons et différents endroits dans notre manteau par nous ou même d'autres personnes fonctionnent. Nous venons d'appeler parfois et la méthode est, comme son nom l'indique, prendre une fonction de rôle pour désactiver faire quelque chose de bien. C' est une question pour résoudre le problème. Par exemple, une fonction peut calculer quelque chose ou informer l'utilisateur de quelque chose sur le site en faisant apparaître la fenêtre spéciale,par faisant apparaître la fenêtre spéciale, exemple, fonction alit, que nous connaissons déjà bien. Quand nous prenons des choses comme notre et nous tapons quelque chose à l'intérieur, nous allons créer une fenêtre spéciale avec cette variable avec la valeur de ces livres même à l'intérieur de la fenêtre. Donc quelqu'un a créé la fonction pour nous qui va alerter quelqu'un qu'il pourrait penser à la fonction est que vous pouvez co payer. Vous pouvez l'invoquer autant de fois qu'il l'a prévenu. Et beaucoup d'endroits dans votre code. Bien sûr, vous auriez été les autres choses comme vous, , d'autres dans votre manteau. Et bien, cause de cela, vous économisez votre temps, et vous pouvez instantanément voir que cette fonction est responsable du monde pour alerter quelqu'un au lieu de lui. Vous connaîtrez la vallée asi comme je sais 67 lignes de manteau et vous aurez besoin de répéter le gain répété. Et si vous vouliez changer quelque chose, alors vous auriez un programme, non ? Utilisez-moi pour changer tous les endroits possibles où vous l'utilisez. Ce sera très difficile à repérer et bien, vous aurez juste trop froid. Ok, donc les fonctions sont très importantes. Il existe de nombreuses fonctions disponibles écrites par d'autres personnes. C' est aussi très cool. Alors quoi ? Il y a quelques bases, un qui sont standard construit en un qu'ils commencent à côté, quelque chose de bon est appelé objets. La plupart du temps, nous parlerons d'objets plus tard. Donc bien, par exemple, vous avez une fonction qui compose alimente un type de,par exemple, par exemple, entier à orteil chaîne. C' est une fonction assez utile que vous pouvez utiliser. Vous pouvez changer I et changer, par exemple. Ah, vérifiez si le nombre est un nombre, aucun n'est pas une fonction de nombre et d'autres choses comme ça. Il y a beaucoup de fonctions, par exemple, utiliser pour le fonctionnement sur les chaînes quand je vais ici et je l'ouvre, Comme vous pouvez le voir ici. Ah, portier. Il fonctionne Type ici qui peut faire quelques opérations avec chaîne. OK, Et ce que nous avons appris les fonctions les plus utiles et parfois nous allons créer des fonctions sont à votre propre usage. Mais il y a beaucoup, par exemple, aussi des cadres comme Jake usure. Il est très bon cadre qui est juste mis en marche les fonctions les plus utiles créées par d'autres personnes et nos plug-ins d'argent. Remorquez-le. Eh bien, si vous connaissez Jake, portez un et quel javascript d'abord, puis j requête, vous pouvez créer beaucoup de choses très loin. Ok, donc c'est une bonne idée de regarder sur Internet parce que la plupart du temps, si vous voulez créer quelque chose, il a déjà été créé. Alors ne perdez pas votre temps. Vous pouvez le plus aimer la friture et le trouver même gratuitement. Ok, donc après discussion très bonne idée d'apprendre quelque chose qui s'appelle J Query. Parce que vous trouvez de nombreuses fonctions utiles, disent-ils pour celles de votre temps. Ok, on non, non. Nous savons maintenant que le monde est fonction. Mais comment créer des fonctions, nôtre. Commençons par en créer un simple. Nous avons donc appris à connaître avec la syntaxe un roi. Pour garder la fonction, vous devez taper une fonction de clavier. Donc, vous connaissez l'interprète qui va interpréter JavaScript ? Nous savons que bientôt vous allez créer une fonction qui est une définition de la fonction, pas invoquer. Fonction Go. droite. Donc maintenant, nous devons plonger le nom de la fonction, par exemple. Des tests. Ok, c'est le nom simple. Et puis nous tapons des parenthèses. Donc la même chose, comme quand on l'invoquait. Mais parce que hors de la fonction de mot-clé, l'interprété sait maintenant que ce n'est qu'une définition, et vous pouvez définir quelque chose va discuter des paramètres. Mais vous en parlerez un peu plus tard. Maintenant, nous devrions utiliser l'accolade er pour dire où la fonction commence et où la fonction va se terminer. Cette chose qu'on appelle à propos d'un rocher de fonctionnel. Ok, donc vous savez, aussi la Carol embrasse de, par exemple, l'état dans et ils étaient habitués à encore beaucoup d'instructions s Oh, oui. Ici, dans la fonction, il a deux rôles. L' un est de dire où la fonction commence roi et où elle se termine et aussi à la tempête et les instructions et ceux, non ? Donc nous pourrions affaiblir Tapez vos instructions pendant que dans la section um bam, bam, bam, bam ! Et toutes ces instructions vont être invoquées vont être exécutées quand on invoque la fonction de test. Donc, quand nous avons juste quelque chose comme test OK, toutes ces instructions seront invoquées et vous pouvez appeler à l'intérieur de la fonction une autre fonction. Tu peux faire ce que tu veux ici, non ? Donc, par exemple, quand je tape des trucs comme Allert échantillon et quand je lance ceci, comme vous pouvez le voir, nous avons Good. Maintenant, voici l'exemple dit parce que je cours à l'intérieur de l'échantillon de test quand je fais quelque chose comme, par exemple, cela je voyais tout cet exemple de fenêtres à l'exemple gratuit parce que j'ai dit que je veux exécuter en invoquant dysfonctionnement tous ces instructions ici. Vous remarquerez probablement aussi qu'en ce moment tout n'est pas impliqué un par un, à droite de la fonction de haut en bas est juste une exception à cette règle dont je vous ai parlé. Vous le définissez quelque part, et il va juste être invoqué quand vous voulez, de n'importe où vous voulez. D' accord ? Vous ne lisez pas tout de haut en bas. Tu penses à la fonction parce qu'en ce moment on est quand on fait quelque chose comme ça, on sautait de cet endroit à cet endroit. Ok, c'est ainsi que les fonctions fonctionnent lorsque vous les invoquez. Oui, sauter à la fonction de rocher et vous exécutez les choses qui sont à l'intérieur du bateau. Et, eh bien, la fonction peut également revenir à l'endroit où elle est impliquée. Une valeur. Mais qu'est-ce que cela signifie de retourner la valeur ? Eh bien, quand vous tapez quelque chose comme retourner cinq là-bas. Je sais ici, vraiment ? On a un bon truc comme cinq. Si vous aviez des instructions ici à propos de ci-dessus, elles seraient toutes exécutées. Et après ça, nous aurions vos cinq. C' est assez utile. Tu vois bientôt pourquoi ? Mais vérifions ça. Par exemple, créons un Rabel et stockons ce résultat de cette fonction à Dave Arabia, qui est appelé un, puis nous l'alerterons. Donc on fait quelque chose comme ça. Comme vous pouvez le voir, nous n'avons pas cinq. Peu importe ce que nous tapons ici, quoi que nous reviendrons, ce sera maintenant. Commencez à l'intérieur de la variable A. Parce que nous l'assignons était l'opérateur pour l'assigner ici en invoquant la fonction. Et nous avons ce retour ici et il va juste être remplacé. Ces lignes vont être remplacées par un retour diesel. C' est bon, cet endroit. Exactement. Donc, vous pouvez également appeler la fonction à l'intérieur de la fonction comme ça, n' est-ce pas ? En guise d'argument, on envoie juste Kim, genre , cinq. Vérifions ça. Comme vous pouvez le voir, nous avons exactement la valeur ici quand le comme la bombe bombe les cinq. Ok, donc c'est comme ça que ça récompense. Vous pouvez rendre quelque chose. Donc, pour résumer, invoquer la fonction signifie que la fonction va être exécutée. Toutes les instructions à l'intérieur de la fonction et de l'endroit où la fonction a été invoquée seront remplacées par la valeur de retour. Donc, dans notre situation, moment, c'est juste cinq heures. C' est un exemple très simple. Alors faisons quelque chose de plus sérieux. Parfois, vous pouvez vouloir travailler sur des variables qui sont au début. Je ne sais pas, Par exemple, valeurs de type dans le formulaire par l'utilisateur de votre site Web à la fonction nous consentons variables qui sont des arguments froids en ce moment. Créons quelque chose de simple. Plus simple, par exemple, une fonction que nous avons à deux valeurs. Donc, créons la fonction. On a fait de l'annonce ? Comme vous pouvez le voir, que le nom suggère que ça va ajouter quelque chose. Et maintenant, nous pouvons définir ça. Nous allons prendre deux arguments, vous et nous allons définir les paramètres de Perry. Ils sont appelés ici paramètres. Ok, nous les appelons, par exemple, X et Y. Vous pouvez faire ce que nous pouvons les appeler ce que tout le monde, bien sûr, aime les variables. Et maintenant, on va créer les accolades. Donc maintenant, nous pouvons faire est juste des trucs comme l'annonce et envoyé, par exemple, à la liberté et cinq. Et ce gratuit sera maintenant dans les oeufs, et cinq seront dans ça. Pourquoi variable ? Et maintenant, nous pouvons utiliser cette valeur envoyée ici à l'intérieur de la fonction afin que nous puissions attacher, par exemple retourner X plus pourquoi ? Et maintenant, nous avons marché le résultat de l'opération après le monde du retour. Donc c'est un qu'on peut vérifier. Nous pouvons, par exemple, faire quelque chose. J' ai vu des variables off et ensuite on peut les alerter. Comme vous pouvez le voir, nous avons maintenant un et nous pouvons changer maintenant. Ces résultats assez rapidement en envoyant simplement un argument différent hors cours. Ces arguments peuvent également être des variables et d'autres choses comme ça. Ok, on a essayé de faire quelques opérations sur eux. Alors saluons maintenant une autre fonction qui va diviser deux variables. Donc, par exemple, la fonction et je l'appelle diviser, et aussi sommes-nous les appelons oeufs et large. Comme vous pouvez le voir, nous pouvons les appeler de la même manière. Comme s'ils étaient là et qu'il n'y aura pas de problèmes avec, tu sais, euh, lequel est lequel ? Parce qu'ils sont dans une portée différente. OK, ce truc est un Scoble. Donc, pour les variables, sorte que vous n'avez pas besoin d'orteil inquiet Lorsque vous tapez vous aimez l'exercice, cela fonctionnera avec la fonction ci-dessus. D' accord. Et maintenant, nous pouvons juste mourir Grande-Bretagne X divisé par Pourquoi le problème est que pourquoi peut parfois être zéro et vous pouvez diviser par zéro. Alors comment faire quelque chose comme, vous savez, informé l'utilisateur qu'il a attaché zéro C'est faux. Tu peux le faire. Vous pouvez vérifier ive en utilisant l'instruction if Si pourquoi est égal à 20 puis retournez. Ça veut dire que ne faites rien. Nous pouvons également informer d'abord d'autres dunes que vous ne pouvez pas diviser par zéro. Ok, puis revenez. Quand on n'a rien après le retour, ça veut dire que le dysfonctionnement va finir ici et revenir. Définissez. Et maintenant, quand nous tapons, par exemple, un divisé par zéro, nous remarquons que nous avons, hum un. On en avait un parce que je n'ai pas changé la fonction. King écrit Divide, ce n'est pas une des variables, mais, euh bien, le résultat de la diffusion. Et maintenant, nous pouvons voir que vous pouvez diviser par zéro, et puis nous avons indéfini. Donc, le résultat sera l'endroit où nous avons impliqué cette fonction a été remplacé par ces Retour sur parce que nous n'avons rien tapé ici. Nous avons leur indéfini comme ça sur défini. Nous pourrions aussi, vous savez, retourner par exemple, pièce d'identité comme ça. Euh, alors qu'est-ce qui donne ? Juste une alerte que vous pouvez diviser par zéro. On n'a pas besoin de les utiliser. Porter des accolades, non ? Et vous vous demandez probablement pourquoi nous devons revenir à l'intérieur. Vous pouvez les avoir autant que vous voulez, mais après votre retour, vous savez tout. Après le premier retour qui est impliqué, il ne sera pas exécuté. Donc, dans notre situation, parce que la deuxième variable est ce zéro. Nous revenons ici et cette chose ne sera pas exécutée. Tu pourrais taper ton cul, mais tu sais, pour plus de clarté. Mais ça n'a pas d'importance. Vous n'avez pas besoin de le taper car ce retour va juste quitter la fonction. Donc, le retour est aussi une sortie de la fonction. Donc, si nous changeons ces deux par exemple cinq et qu'il en prendra 10, nous devrions également couvrir le résultat . Parce que, eh bien, cette déclaration si n'est pas vraie. Donc ce retour ne sera pas exécuté et le programme le fera. Et ici, bien sûr, toutes ces fonctions sont simples. Je vous montre juste que la syntaxe va créer des fonctions plus dures plus tard. moment, faisons équipe cette leçon comme vous pouvez le voir, les fonctions, est juste un bouchon de manteau que vous pouvez invoquer n'importe où dans votre manteau et obtenir le résultat. Mais pourquoi avons-nous besoin de fonctions ? Grâce aux fonctions, si vous voulez changer quelque chose dans notre manteau, nous ne pouvons le faire qu'en un seul endroit. Le conseil de la fonction et si nous n'avions pas de fonctions, aurait la même couche d'opération dans de nombreux endroits, dit des endroits. Et si vous vouliez faire un changement simple, arrivera à faire un changement tous les endroits possibles. Ok, ça prendra beaucoup de temps et on a même du mal à trouver toutes ces choses. Les lieux utilisaient les fonctions offensives. Vous pouvez réutiliser les hommes autant de fois que vous le souhaitez. La même chose appelée, ce qui rend votre projet plus facile à maintenir. Et cela vous fait gagner beaucoup de temps parce que vous pouvez réutiliser votre travail ou même celui de quelqu'un comme travail. Vous savez, comme par exemple, Jake, Where framework Grâce aux fonctions. Notre programme est également plus lisible parce que vous pouvez facilement voir pour ce que chaque partie bien sûr, est Coat est responsable de Imaginons une situation comme ça Obtenir la valeur de formulaire I d. On peut créer. Nous pouvons impliquer une fonction comme celle créée avant, à droite et oui, vous pouvez instantanément voir cette fonction. Utilisez utiliser avant oublier la valeur de la forme qui est, qui a obtenu la forme I d. Comme une variable ast la valeur de ce très il est juste génial parce que instantanément dit, voir que le dysfonctionnement va juste obtenir la valeur de la forme. Quelle idée est pour mon D ? Nous n'avions pas de fonctions auront à la place. Par exemple, 15 yeux de code qui ne nous informeraient pas autant que ces simples lignes ici. Règle droite Nieto, analysez le manteau pour obtenir plus d'informations sur la voiture. Alors rappelez-vous que vous devriez Kate fonctions qui sont auto-descriptives. qui signifie que quand vous les lisez, vous savez ce qu'ils font en ce moment, choses comme ça peuvent sembler qu'elles ne sont pas importantes pour vous. Mais croyez-moi, vous serez reconnaissants pour moi. Pour toutes ces informations à l'avenir, c'est tout dans la leçon. Merci beaucoup. 18. Portée des variables: Bonjour Aujourd'hui, nous allons parler de la portée de l'ALS arabe dans les fonctions de script. La plage de portée signifie où la variable est disponible. Qu' est-ce que ça veut dire ? Ce que je vous ai dit jusqu'à présent que tout est exécuté de haut en bas, mais il y a quelques situations rares où c'est un peu différent. La différence réside dans le moment où vous exécutez des fonctions lorsque vous les créez, lorsque vous utilisez des variables à l'intérieur de celles-ci. Parce qu'il y a des choses bizarres qui se passent en JavaScript dans d'autres langages de programmation est un peu plus facile ici. Ça peut être un peu encombrant quand on ne sait pas comment ça marche. Alors concentrons-nous sur la façon dont il livre. Ok, obtenons la fonction de simple à un test comme et faisons quelque chose comme échantillon. Ok, notre simple. Donc normalement, quand nous faisons quelque chose comme ça et quand nous l'avons exécuté, Comme vous pouvez le voir, nous avons l'échantillon, nous savons que c'est vous devriez la guerre, parce que ce que cette fonction a été définie ici et où maintenant nous sont en cours d'exécution, c'est là. Donc, vous les gars, ça devrait. Le programme devrait déjà connaître le test. Vous écrivez sur la fonction de test, mais quand nous le faisons comme ça. Vous seriez surpris parce que nous avons également de bons résultats en JavaScript avant d' exécuter. Discrète car l'exécution des instructions dans le script First Interpreter prend toutes les fonctions. Toutes les variables le font. Certains y vont, les deux sculptent, et ça le sauve là. Et à cause de ça, vous êtes des fonctions dans n'importe quel endroit où vous les avez créées. Donc, vous pouvez prendre du thé comme 100 lignes de va sortir. D' autres manteaux, non ? Et quand vous faites quelque chose comme ça ici, le test quand vous avez invoqué, vous pouvez appeler vos fonctions et la bonne façon. Pourquoi tu peux le faire ? Parce que, eh bien, il est disponible partout. C' est de portée mondiale en ce moment. Fonctions disponibles partout. Cela signifie aussi que lorsque vous créez, par exemple, d'un rebelle comme ça, et quand vous faites quelque chose comme, par exemple, alertez un Et quand vous faites quelque chose comme ça, vous n'êtes pas, c' est que nous avons cinq bons. Donc, en quelque sorte, la variable est vue à l'intérieur de cette fonction. Il est disponible partout, mais il y a une petite différence entre les fonctions parce que, eh bien, regardez ceci. Si nous menons quelque chose, prenons-le dans l'alerte de commentaire. R. Bien sûr, nous en verrons cinq, mais quand nous le ferons de cette façon. Je ne dirai rien. C' est défini en ce moment. Ok, donc c'est disponible orteil tout ce qui est sous la définition. Donc c'est un peu différent du comportement de la fonction, non ? Et d'une certaine manière, vous pouvez accéder à la valeur ici. De plus, vous pouvez même le changer. Donc, quand nous le faisons comme ça, vous pouvez voir maintenant peut avoir libre ici, et c'est très important. A est maintenant changé, il est égal. Et quand nous le faisons comme ça, vous remarqueriez que c'est gratuit et c'est aussi gratuit à l'extérieur de la fonction. Donc, cela signifie que vous pouvez changer la valeur en dehors de la fonction par défaut est un comportement très différent des autres langues. Ok, si vous ne connaissez pas d'autres langues, alors peut-être que ce n'est pas quelque chose que vous ne comprenez pas. Je sais, mais tu as quelque chose qui serait bizarre ? Qu' est-ce que c'est ? Eh bien, vous pouvez créer quelque chose que l'on appelle des variables locales parce que vous ne voulez pas parfois changer quelque chose à l'extérieur. Vous auriez besoin d'avoir des variables temporaires pour changer quelque chose entre les deux sinon, mais vous pouvez parfois vouloir envoyer la valeur juste pour, vous savez, le suivre. Vous ne voulez pas modifier la valeur en dehors. Vous voulez, vous savez, faire quelques opérations ou besoin. Vous ne voulez pas en créer un autre. Temporaire était sous des choses comme ça. Et puis vous voulez exactement créer un look d'un rabelais sous pour créer un look de capable de créer un paramètre. On vient d'appeler un maintenant. Et à cause de cela, vous remarquerez que lorsque je autour de ce programme, c'est gratuit, puis cinq parce que maintenant un et puis un sain d'esprit signé à libre signe la valeur à la variable locale. Ok, donc l'apparence d'un Rabel est quelque chose qui est disponible entre sa portée. Dans cette situation, c'est entre la couverture, les accolades, les bonbons d' opinion, provoquant un. Alors regardez les étiquettes ne sont pas disponibles plus tard. Quand je ne sais pas, je fais quelque chose comme ça. Comme vous pouvez le voir, gratuit sur les bombes, pas le livre même. Tu as juste une balle ici, alors c'est tout. J' ai encore un bleu. Donc cela signifie aussi qu'il va être supprimé après le clic de fermeture. L' orthèse, monsieur. Ça veut dire aussi que ça va craindre la mémoire de ma mère de ton scénario. Donc ça veut dire ça. Eh bien, si vous voulez juste des opérations rapides dans quelque chose et que vous voulez libérer Memoria, c'est une bonne idée de faire quelque chose comme ça, juste au lieu d'avoir tout dans la fille, Bosco. Et maintenant, il y a quelque chose que vous devez également comprendre que lorsque vous n'avez pas besoin, vous savez, créer, par exemple, paramètres. Donc tu sais que tu peux faire quelque chose comme ça. C' est pareil. Ok, quand vous créez une variable comme ça, c'est presque comme si vous l'aviez fait de cette façon. Mais quand vous pouvez envoyer des arguments, j'aime, vous savez, vous savez, envoyer Q 5 ou quelque chose comme ça. C' est pourquoi vous voulez parfois créer des paramètres. Mais regarde ça. Il est maintenant chaque regard sur capable, comme vous pouvez le voir, pas de bon gratuit et puis cinq parce que nous avons ici une variable locale. Si je le supprime, vous ne le ferez pas, c'est que nous n'avons plus. Ils regardent un rebelle, donc nous changeons la valeur d'ici. Mais il y a aussi quelque chose de plus bizarre quand vous quand nous arrivons. Et ça veut dire que c'est pas ce qui se passe en ce moment ? Nous n'avons pas de variable globale lui. On attribue gratuitement à quelque chose. Quoi ? Quoi ? Nous n'avons pas très bookmaker retaper. Le problème est que vous pouvez créer une variable en JavaScript même si vous ne tapez pas de bit variable avant. Quand tu le feras de cette façon, ça deviendra mondial. Variable, même orteil est créé à l'intérieur de la fonction. Cela signifie qu'en ce moment nous avons assigné Frito A et il est également disponible ici. Comme vous pouvez le voir maintenant, nous avons ici libre et gratuit ici. Mais si je le fais de cette façon instantanément, cette chose n'est pas disponible en dehors de la portée. C' est une serrure de sont en mesure d'accord et que vous pouvez voir maintenant il est libre de sorte que vous pourriez être léger. Et maintenant, euh, vous savez, c'est difficile de comprendre ce début, mais vous devez juste vous rappeler que quand vous tapez variable avant que ce soit une variable locale . S' il est créé dans la fonction, ce sera une variable globale. C' est s'il est créé en dehors de la fonction. Et vous avez juste besoin de vous rappeler, par erreur, par erreur, de faire quelque chose comme ça parce que ce sera une variable globale. Ils ont raison ? Vous devez avoir au moins créé le déclaré disponible ou lourd. C' est une question de para ici parce qu'alors il est interprété d'une manière un peu différente à droite. Je vous ai parlé des choses dont vous n'avez pas besoin de taper la parabole avant le nom d'un rebelle parce que parfois vous pouvez faire une erreur à cause de cela. Sur cela, ils sont très difficiles à faire du sport. Alors rappelez-vous juste de ne pas par erreur, re haine d'un rebelle sans le var avant elle ou jeune si elle ne fait pas partie de son para matière , vous n'avez pas besoin de taper le livre même ici parce que ce serait je deuxième déclaration de la même variable qui est ici. Ok, alors ne le fais pas. D' accord ? Il n'y a que la leçon. Merci beaucoup. 19. Fonctions Anonymous: Bonjour. Aujourd'hui, nous allons parler de fonctions anonymes et de fonctions interprétées comme une expression comme la valeur de la variable. Ok, donc vous savez, jusqu'à présent, nous savons que nous pouvons créer une variable comme, par exemple, comme ça. Et puis nous pouvons assigner ici. Exemple cinq. Et maintenant, le type de ces bouées très dans Enseignant, Si vous faites quelque chose comme ça, le diable ils ont pu c'est boire. Mais qui d'autre ? N' importe quel type de rebelles. Oui, Vous pouvez assigner en JavaScript une fonction à varier Alors comment le faire ? Il suffit de taper la fonction ici que le nom des fonctions. Donc, par exemple, test. Ensuite, vous pouvez définir ici les paramètres à droite Comme ça, vous connaissez les variables. Mais nous n'avons pas besoin de vivre quoi que ce soit là. Ensuite, nous avons juste créateur ouverture calibrer son accolade de fermeture dit, Et puis le point-virgule et nous avons maintenant un début de fonction à l'intérieur de cette variable et il y a une petite différence en créant une fonction de cette façon en ce moment, il n'est pas dans la portée mondiale. C' est à l'intérieur de cette variable donc nous pouvons l'utiliser en ce moment seulement en dessous de la définition et en même temps nous pouvons faire quelque chose comme ce système, par exemple. Et maintenant, on peut faire quelque chose comme ça. Comme vous pouvez le voir, ça ne marche pas parce qu'en ce moment c'est le cas. Commencez ici. Et pour obtenir le dysfonctionnement, nous ne pouvons le faire qu'à travers ces variables. moment, cette variable est comme une fonction. Vous pouvez utiliser quelque chose comme ça X. Et puis vous invoquez la fonction que cela commence à l'intérieur comme ça, comme vous pouvez le voir. Euh, et bien, donc il était devraient-ils alerter ? Comme vous pouvez le voir maintenant, il tape l'exemple. Bien sûr, cela ne marcherait pas si nous faisons quelque chose comme ça. Tout fonctionne comme prévu. Nous ne pouvons donc pas invoquer la fonction en utilisant cette variable. Maintenant vous pourriez être comme, mais quand avons-nous besoin de ce nom ? Eh bien, on n'en a pas besoin. Donc, nous pouvons utiliser ici quelque chose de corps appelé fonction anonyme, qui n'a pas de nom. Anonyme était une personne qui a signé des documents, des documents avec anonyme et personne ne connaissait son nom. Donc oui, c' est juste une fonction. On vient d'avoir des animaux parce qu'on ne connaît pas son nom. Ce n'est pas nécessaire en ce moment. Ici, c' est ça ? Ça n'a pas d'importance. Donc, si vous voulez, vous pouvez créer une énorme fonction si vous ne vous souciez pas du nom et cela arrive la plupart du temps au lieu de thèse comme ça, mais dans mais il est également utilisé dans les frameworks. Lorsque vous voulez envoyer la fonction comme un argument et que vous ne vous souciez pas de son nom si tôt , vous verrez certaines choses comme ça. Et mais, eh bien, tu sais, c'est un sujet un peu avancé pour l'instant. Nous pouvons également, bien sûr, envoyer entendre des arguments afin que nous puissions faire quelque chose comme l'argument un et faire quelque chose comme que nous pouvons savoir, lui a envoyé, par exemple cinq. Et comme vous pouvez le voir maintenant. Mais simple cinq. Ça marche. Respirez le bien. Maintenant, essayons de faire quelque chose comme la création d'une fonction qui a comme périmètre une fonction. D' accord, prenons ceci dans la section commune et prenons la fonction que nous avons appelée test, et il prendra comme parlementaire, une fonction que je tape votre F, mais vous pouvez taper, vous savez, tout ce que vous voulez. C' est là juste le nom de la variable que nous commençons la fonction qui vous sera envoyée à droite . Et maintenant, nous pouvons, par exemple, envoyé ici. Tu sais, quelque chose comme cinq. Et maintenant cela affecterait cinq à F. Mais nous pouvons envoyer ici aussi une fonction. Et la chose la plus cool, c'est que nous consentions ici. Que la fonction sans nom avec une énorme fonction Parce que nous ne nous soucions pas de son nom Onda, nous pouvons envoyer leur vous savez, ces deux fonctions hors. Exemple. L' échantillon d'alerte plus Ah, sont simples. Juste un échantillon comme ça. On peut, tu sais, le faire un peu différemment, on peut le faire de cette façon. Donc on a Yeah. Tu sais, euh, alors on voit comment tout est imprimé. Eh bien, nous avons des flèches. Comme vous pouvez le voir, j'ai fait une erreur comme ça. Donc c'est une bonne idée de parfois, tu sais, ah, avoir de bonnes choses. Formaté neuf Dent. Parce que c'est plus facile que de repérer certains problèmes. Donc nous n'envoyons pas de dysfonctionnement à l'intérieur ici. Cela signifie-t-il donc que cela impliquera ? Bien sûr que non. Nous devons l'invoquer à l'intérieur du corps de cette fonction. Donc, en ce moment, nous avons ce f ici. Et tu sais qu'on peut l'utiliser comme ça parce qu'on vient d'assigner ça à ça. Très comme vous pouvez le voir maintenant, nous avons ici échantillon et cela fonctionne bien. Et aussi, nous pouvons vous envoyer à dysfonctionnement à l'intérieur pour son exemple exact plus X, Et nous pouvons envoyer à cette fonction jamais capable un argument. Comme vous pouvez le voir, cela fonctionne aussi bien. Pouvons-nous, vous savez, faire des arguments de l'homme dans le dysfonctionnement ? Bien sûr, nous pouvons auto-exemple Argument un. Et ici, je vais l'heure. Par exemple 20. Et maintenant, nous pouvons, par exemple, à cet argument un orteil que quatre et l'envoyer à la fonction qui enverra à cette fonction. Je sais que c'est un peu bizarre. Cela semble bizarre, et toutes les choses comme ça sont le plus de temps utilisé dans les programmes avancés. Alors ne vous inquiétez pas. Nous ne comprenons pas est en ce moment ce ne sont pas des garnitures si importantes qui est au début. Mais il est bon de savoir ce que cela fonctionne quand vous les lisez. Parce que certains frameworks utilisent des choses comme ça et ensuite, vous savez que vous serez perdu dans la volonté froide. Tu lirais le froid comme ça, non ? Donc c'est une bonne idée à ça. Comprendre ce qui se passe ici ? D' accord. Donc, nous pouvons appeler à l'intérieur de la fonction une fonction et peut-être comme, Pourquoi le ferais-je même ? Parce que vous voulez, par exemple, à l'intérieur de cette fonction de test, faire quelques opérations avant et ensuite envoyé à cette fonction un peu changé. Utilisation de la valeur. Vous savez que vous voulez savoir, par exemple, utiliser un dysfonctionnement. Si les valeurs étaient égales à cinq ou une autre fonction, les valeurs étaient différentes. Écrivez Tout dépend de la situation. Ces situations arrivent à l'incendie de Houston. Mais tu sais, c'est comme ça que ça marche. Vous pouvez également renvoyer la fonction. C' est encore plus difficile. Voyons voir comment faire. Créons une variable. Allons le haut et nous allons signer une fonction qui est nommée C'est une autre miss one. Et maintenant, allons avec quelque chose comme ça. Hum, prenons un type de périmètre. Et si le type est encore égal, par exemple, balles, alors je veux retourner différentes fonctions hors fonction exemple qui penserait que c'est un nom d' argument et je vais Allah sont déchirer boules hautes et puis le nom des taureaux, à droite. Mais sinon nous savons que ces gars connaissent la balle si bien retourné la fonction avec le nom aussi, mais cette fois bien, ce serait presque les mêmes idées. Pour qu'on puisse le gobeler. On ne l'est pas, Say, patron. Nous aimons juste le nom haut. Et vous savez qu'il y aurait d'autres opérations. Bien sûr. Aussi, je suis parce que c'est un simple. Par exemple, pour les balles, vous devrez venir quelques choses comme, vous savez, vous savez, il a un salaire différent comme Anderson est comme ça pour que vous puissiez faire quelque chose comme ça. Et maintenant vous renvoyez des fonctions, est-ce pas ? La valeur Oh, le retour ici pour dysfonctionnement sera la fonction. Donc cela signifie que si nous faisons quelque chose comme bonjour et ensuite nous disons ici balles et nous sommes sur ce programme, c'est que vous pouvez voir que rien ne se passe. Pourquoi ? Parce qu'en ce moment on a quoi ? Cette chose Au lieu de cela, déplacez ça. Je pense que parce que comme nous l'avons dit dans la leçon sur les fonctions, quand vous renvoyez une valeur, vraiment, vous avez retourné le doigt après leur retour. Mot clé. Donc, cela signifie que nous avons un dysfonctionnement ici et cela signifie que nous avons une bonne fonction que nous pouvons utiliser ? Non. Donc, nous devrions vous assigner ces, par exemple la fonction retournée à la variable comme ça. Et maintenant, nous pouvons impliquer un dysfonctionnement en utilisant ces fonctions retournées. Comme vous pouvez le voir maintenant, ça marche. Mais nous n'avons pas été définis ici. Pourquoi ? Parce qu'en ce moment, nous devrions dire et un argument à ces fonctions retournées afin de voir quelque chose après. Ainsi, par exemple, mon nom comme vous pouvez le voir highballs Arctic. Et maintenant, si on fait quelque chose comme ça dans la ligne 42, ça veut dire qu'on envoie à la haute fonction. Donc aujourd'hui, à un, quelque chose comme ça, il a besoin que cela ne soit pas exécuté. Mais oui, ça va être exécuté et on ne verra que haut. Et mon nom droit. Je ne verrai pas les bateaux parce que le type n'est pas les deux. Donc c'est comme ça que ça marche. Nous pouvons envoyer la fonction bien, un argument Vous consentez très apte à une fonction et retourner la fonction en fonction leurs arguments qui ont été envoyés. Comme vous pouvez le voir, des choses comme ça sont un peu d'avance Et ne vous inquiétez pas Si vous ne comprenez pas en ce moment, vous pouvez tout simplement aller de l'avant. Vous pouvez revenir à ceux-ci lorsque vous connaissez mieux javascript. Quand vous savez que vous commencez à faire des choses avancées. Les choses sont comme ça sont utilisées dans les frameworks. Vous remarquerez également que les événements l'utilisent parfois lorsque vous voulez vous inscrire et même vous savez que vous voulez, par exemple, envoyer une fonction pour être impliqué quand quelque chose se passe. Donc, par exemple, vous cliquez sur quelque chose et cette chose est appelée même nous allons parler plus de même et les événements . Et puis vous verrez que des choses comme ça sont parfois des jeunes et peut-être pas si dur codé comme ça. Mais cette partie de ces choses que nous pouvons le voir, vous savez, vous savez, choses comme ça sont cachées la plupart du temps de vous. Et des choses comme ça sont écrites par des gens qui écrivent des bibliothèques. Et vous utilisez juste des choses comme ça. Vous êtes juste envoyer, vous savez, fonctions orteil, par exemple, une autre fonction. Et il y a un code qui fonctionne sur eux, quelque chose qui ressemble à cela. Tu sais, ils vérifient. Donnez leur comment les arguments ressemblent, et il signent les choses correctement. Donc, cela fonctionne bien, la plupart du temps, appelé comme ça est caché. Mais vous devez au moins vous savez, je sais qu'il existe. Donc vous comprenez comment ça marche, non ? Droit. Donc, vous n'écrivez pas votre manteau en apprenant tout par cœur. C' est une bonne idée de comprendre comment les choses fonctionnent, car alors vous pouvez créer un manteau mieux . Ce n'est qu'une bonne leçon. Merci beaucoup. 20. Objets: Bonjour Aujourd'hui, je vais vous dire ce que le sujet, comment le créer et comment l'utiliser. Objets ab juste des conteneurs pour stocker des variables et des fonctions qui sont appelées méthodes thématiquement liées les unes aux autres pour une réutilisation plus facile. Est-il possible de le définir un peu simplement ? Oui. Tout autour de moi est un objet. Oui, je regarde le moniteur. Je suis en train de regarder le cours ou qui est en train de se déplacer ici. Tout ce que vous pouvez voir peut être appelé un objet. Et vous pouvez utiliser des objets que vous pouvez les définir par, Vous connaissez les variables. Et vous pouvez dire quelles actions vont être faites sur ces objets en créant des fonctions et très boosté décrivent les objets sont froids. Ah, cette fois quelque chose comme des fêtes de perles. D' accord. Et bien, créons un exemple que nous pourrions, vous savez, créer quelque chose. Mais d'abord, je pense que vous pouvez simplement utiliser les exemples qui sont déjà créés Lorsque vous allez au réseau Mozilla Developer, il y a un gars. Il y a aussi totalement ou pour les conducteurs. Gardez libre mais e Lorsque vous êtes ici, vous pouvez trouver quelque chose comme des références construites dans des objets. Comme vous pouvez le voir, il y a beaucoup d'objets intégrés que vous pouvez utiliser. Il y a beaucoup de propriétés, donc des bottes vory qui décrivent ces objets et fonctions qui peuvent vous aider à travailler avec eux. C' est vraiment, vraiment cool. Par exemple, vous avez aussi quelque chose comme le moteur d'objet de document. On parle de cette chose plus légère. E. Et à l'intérieur du modèle d'objet actuel, il y a le besoin le plus important, qui est appelé document Document décrit le document sur le HTML cinq. Utilisons il a utilisé le document. Objet mm. Quoi ? Pour utiliser l'objet, je tape simplement le nom de l'objet. Et puis j'ai frappé ce point et puis, comme vous pouvez le voir, je peux accéder à toutes les valeurs possibles là-bas et dans cet éditeur ce bleu sont les variables. Les propriétés, , et le rouge sont les métaux que je peux utiliser. Et maintenant, je voudrais obtenir élément par idée que je vous ai envoyé et je consens ici, par exemple. Appelons ce test de type. Donc, j'ai bien maintenant à cause de ces choses qui ont été créées par quelqu'un que je sais comment il a été créé, comment il fonctionne. Je veux juste savoir que ça marche comme ça. Il obtient juste cet élément par ces i d. et maintenant je tape ici, par exemple, Vardy. Si mais quoi que ce soit. Je veux juste attribuer la valeur de retour à cette chose. Et allard, Comme vous pouvez le voir, à l'intérieur d'une journée, nous avons un bon objet qui est appelé html diva citron. Donc je viens d'avoir un autre objet que je peux utiliser. Il est appelé html dif un citron. Comme vous pouvez le voir, il se trouve à l'intérieur du modèle d'objet de document. Droit ? Et quand nous irons ici, nous pourrons en lire un peu plus. Vous pouvez lire quelles propriétés sont à l'intérieur et des choses comme ça. Hum mais bien, et les objets, um, il y a quelque chose de bien dans le HTML a quelque chose comme une propriété qui est appelée HTML interne. Nous pouvons faire quelque chose, Dave dans leur html et maintenant nous pouvons assigner un signe ici différent. Je pense que ce sera à l'intérieur du dif que nous obtenons en utilisant dysfonction ici afin que nous puissions taper ici. Ainsi, par exemple, il s'agit d'un nouveau texte Maintenant, lorsque nous actualisons, comme vous pouvez le voir, changerait l'aperçu de valeur. C' est vraiment cool parce que pour le moment, nous pouvons dire qu'il change la valeur de n'importe quoi sur notre site dynamique, je vous sais, nous pouvons vérifier par exemple ici. Si quelqu'un faisait tout correctement dans le formulaire si oui, alors on dirait, Hey, tout va bien. On peut même insulter ici une image, non ? Nous pouvons faire ce que nous voulons juste en sachant que cette petite chose est si puissante nous pouvons faire ce que nous voulons maintenant. Droit ? Vous pouvez vérifier si, par exemple, ces gars ont la taille du document comme ça. Nous voulons que Teoh diminue tout dans notre document. Nous pouvons faire des choses comme ça parce que maintenant nous avons de bons objets qui sont créés par d'autres personnes Will bien sûr, puis certains d'entre eux dans les prochaines leçons les choses les plus importantes à leur sujet. Mais ça va voir que c'est si puissant. Droit ? Et vous pouvez également créer vos propres objets Cela est également utile. Par exemple, échappé à un objet que nous avons appelé personne et comment le faire. Vous avez juste asi n'est pas nous venons de le créer comme variable normale, non ? Mais en ce moment, afin de créer un objet, nous devrions créer ici quelque chose comme Curly Brace ER comme ça , et cela signifie que nous venons de créer un objet, qui est appelé personne, et maintenant il l'a signé. Nous pouvons créer les variables, les propriétés que vous décrivez ces objets, ce qu'il peut décrire. La personne a un nom, puis nous avons juste un petit type de nom et ce nom peut avoir de la valeur. Donc, par exemple, sont si pour le faire, nous tapons juste la guerre de clés que la colonne et la valeur de la, um hors de la propriété. Et maintenant, nous pouvons en créer plus. On peut utiliser la virgule deux séparément. Ainsi, par exemple, le nom de famille sur l'ADN. Maintenant, je vais taper beaucoup de ce que notre truc. Et comme vous pouvez le voir, nous avons maintenant du bien aux valeurs. Mais, tu sais, écrire comme ça en une ligne, c'est une très mauvaise idée. Vous devriez le faire de cette façon parce que maintenant c'est plus lisible. Comme vous pouvez le voir, il est instantanément plus facile à lire, et alors nous pouvons agir est toutes ces choses. Donc, par exemple, je peux faire notre personne nommée comme ça. Comme vous pouvez le voir maintenant c'est Rx. Donc, nous avons fait la même chose comme ici nous accédons au HTML interne de l'élément profond que nous avons obtenu ici par cette méthode. Et bien, bien, nous pouvons bien sûr, le changer dynamiquement. Voici l'exemple en regardant plus. Comme vous pouvez le voir, il a été changé, non ? On peut le changer. Ils l'ont probablement fait ici. Ah, à un moment, vous pouvez, bien sûr, dynamiquement à quelque chose de nouvel âge 15 par exemple, comme ça sur vous pouvez savoir que nous pouvons à tous les éléments à tout moment. Le truc cool c'est aussi que tu peux l'utiliser comme ça maintenant, non ? Nous n'avons pas besoin d'utiliser autre qu'eux aussi plus facile pour nous les choses aboyer plus tard. Donc, le html interne et maintenant nous pouvons taper personne, par exemple nom, non ? Et ça marche. Que s'est-il passé quand on, par exemple, à des trucs comme ça ? Comme vous pouvez le voir, il dit objet car il y a une valeur par défaut. Ma pensée, c'est l'Iran. Lorsque vous voulez interpréter l'objet comme la chaîne. Ah, cette méthode est appelée à traîner, accord, et vous pouvez la remplacer. Mais juste en disant à la chaîne. Et maintenant on peut créer la fonction d'un animal qui va la remplacer. Comportement par défaut. Maintenant, nous pouvons retourner la chose que nous voulons juste dire que quand nous faisons quelque chose comme ça, vous pouvez voir que vous savez que nous allons voir comme le type affaibli ici. Quoi que ce soit, ce sera juste la chose qui serait montrée quand quelqu'un veut orteil interpréter leur personne cette variable comme une chaîne. Donc quand tu fais quelque chose comme ça, on peut revenir. Voici par exemple, ceci que, par exemple, le nom comme vous pouvez le voir maintenant nous, par défaut, montrer votre nom. Mais vous pouvez aussi faire quelque chose comme ça. Ce nom de famille clou sont Rick s'opposerait ? Ça marche. Non, c'est juste une valeur par défaut. Et, eh bien, vous savez que vous pouvez créer vos méthodes mani. C' est ce qu'on appelle la méthode de votre propre. Je sais que tu peux compter. Combien de temps avant de prendre ce type sera bizarre. Il aura 18 ans si les bords sont plus bas qu'alors. On dit qu'il est non. 18 ou quelque chose que nous pouvons faire nos propres méthodes. Donc, tout est vieux, par exemple, comme cette fonction et maintenant hors cours, nous devons entendre une virgule, et vous pouvez vérifier si c'est crétin h quelque chose comme ça. Et si l'âge est inférieur à 18 ans, retournez False Sinon retourné. Vrai. Droit. C' est sur Dhere ? Un cynique, euh, et maintenant on peut utiliser le rencontré. La personne est vieille, comme vous pouvez le voir. Hum, ceci et vous textez Mm. Parce que, euh mais si bien, la personne que cet adulte rentre les fautes comme bowling. Et ça ne se montre pas tous les jours de la voie morte. Bien sûr, il serait apparu parce que maintenant c'est juste crier, pleurer. Hum, la personne est Oh, je sais qu'il est sur. Pourquoi pas ? Pourquoi pas ? Ça ne marche pas à l'intérieur pour être mort avec. Donc, c'est une bonne idée que j'ai fait ces erreurs à cause de haute. Maintenant, euh, je vais vous montrer quelque chose qui est très important, parce que vous pourriez aussi faire cette erreur. Et c'est plutôt cool sur un bâton. Oui. Quel est l'âge ici en ce moment ? Ce n'est pas ces âges que cet âge pourrait être l'âge défini ici. Donc certains jouent ce droit. Nous devons dire exactement à javascript que nous voulons aller à ce bord, et nous tapons juste ce que huit. C' est toujours pointer pour détourner capable qui est le plus proche. Donc, dans cette situation à l'intérieur de cet objet. Donc, il est l'interprétation en ce moment ici le h ici et à cause de cela. Comme vous pouvez le voir maintenant, nous sommes arrivés ici vrai parce que, eh bien, les âges ci-dessus quand nous prenons, par exemple, 15. Comme vous pouvez le voir maintenant, c'est faux. Donc ça marche. Nous avons créé notre propre fonction à la recherche. Et comme vous pouvez le voir, ces fonctions sont liées les unes aux autres. Ces variables sont liées les unes aux autres. Donc c'est une bonne idée de stocker des choses qui sont liées les unes aux autres. Vous pouvez aussi créer Ah, vous savez, des objets en tapant devant quelque chose comme un nouvel objet puis bomber comme ça. On peut prendre ça une seconde. Euh, vous pouvez voir que ça marche, mais je ne commente pas en utilisant cela avec cette chose. Tu veux que je te le montre. Donc vous savez que quelque chose comme ça existe. Je ne le recommande pas parce que c'est plus lent, et ce n'est pas si facile à lire comme celui-ci. Toi. Il y a aussi une autre façon de créer des objets, mais nous pourrions vous le montrer dans la leçon suivante parce que, eh bien, eh bien, c'est une métaphore, vous savez, vous savez, création de nombreux objets à partir d'un même type. Ok, c'est juste l'avent plus avancé. Arrêter ces bases que vous devez connaître. La deuxième chose est très, très avancée. Peu de gens l'utiliseront. Donc, si vous le comprenez, vous pouvez maintenant aller de l'avant et vous lisez sur de nombreux objets que vous pouvez utiliser par exemple, date un où vous pouvez tenir compte des choses de synchronisation et d'autres choses comme ça. Ah, on parlerait du plus important dans le prochain. Moins. Il n'y a que cette leçon. Merci beaucoup. 21. Fonction constructeur d'objets: Bonjour Aujourd'hui, je vais vous parler de la fonction constructeur. On vient d'appeler dans d'autres langues. La classe ? Qu' est-ce que c'est et pourquoi aurions-nous besoin ? Imaginons une situation comme celle que je veux créer maintenant une seconde personne. Alors, qu'est-ce que je fais ? Je ferais quelque chose comme ça. Je l'appellerais personne à Evers. Je changerais ici le nom pour, par exemple, Viola et l'âge. Et je voudrais, par exemple, changer un peu de dysfonctionnement Et puis je créerais personne libre 4% 5 ho. Tu sais, tu sais, ce serait horrible si je voulais changer quelque chose à l'intérieur. Par exemple, je voudrais ajouter une autre vie de propriété, par exemple. Numéro de téléphone sont le site Web ou quelque chose qui serait juste horrible. J' aurais besoin d'ajouter dans chaque objet possible comme cette propriété si je voulais changer quelque chose à l'intérieur de la fonction si la différence Donc cela fonctionnerait à b différent où a Cela me prendrait aussi beaucoup de temps parce que je devrai changer chaque objet possible comme ça. Nous avons donc besoin d'une sorte de forme pour créer tous ces objets et cette chose est appelée fonction constructeur de classe en javascript. Donc rapidement classe ce formulaire pour créer des objets. Un formulaire comme celui-ci est utilisé pour collecter des objets dans une classe. C' est pourquoi son appelé croix Vous pouvez créer à cause de cela. L' homme. C' est différent l'un de l'autre. Les objets là ils diffèrent les uns des autres par un nom différent comme celui juste sur le site. Nommez toute la rage, peu importe, mais avec les mêmes propriétés et méthodes en même temps. droite. Alors, comment faire quelque chose comme ça ? Comment résoudre ce problème ? Nous pouvons créer un constructeur de fonction. Alors ? Donc, en javascript, c'est vraiment difficile pour le débiteur. Ça vous dérange si la fonction est une fonction d'elle ? C' est une fonction. Constructor est un étrange pourquoi ils n'ont pas créé un nouveau mot clé comme la classe. Mais bien, vous avez juste besoin de vous rappeler qu'il la fonction peut parfois être cette fonction. Parfois, il peut être un constructeur. Et maintenant, vous allez taper ici le nom de ce constructeur de fonction et, par exemple, être une personne. Et c'est l'endroit où vous devriez remarquer exactement Si cette fonction est utilisée comme un constructeur de fonction ou ce n'est pas la fonction parce que, vous savez que vous devriez utiliser le verbe pour les fonctions que vous obtenez élément par I d La fonction lorsque vous voyez quelque chose comme cette personne. Eh bien, ce n'est pas le verbe, alors c'est un constructeur de fonction. Et tandis que quand vous voyez un corps aussi, vous remarquerez que ce n'est pas la même nuit que cette fonction parce que vous n'êtes pas le retour ici. Ah, la valeur. Vous n'invoquez pas la fonction comme non Well, vous n'invoquez pas le constructeur de fonction que vous utilisez simplement Get your construct the object en utilisant le mot-clé new donc nous allons le faire. Alors faisons la même chose comme ci-dessus comment le faire maintenant. Maintenant, nous avons orteil prendre ah arguments à cette personne qui représentera cette personne. Donc, dans notre situation, il y a un nom et c'est Asare nom, et c'est aussi l'âge. Et maintenant, nous devrions créer des propriétés comment créer des propriétés pour le constructeur de fonction. Nous devrions utiliser ce mot-clé car cela pointera vers la valeur de construction réelle Think mm objet Okay. Off de celui que nous voulons construire en utilisant le constructeur de personne ce qui peut être utilisé le constructeur. Donc, nous allons créer une personne par exemple, variable X. Une nouvelle personne quand nous vous avons envoyé, par exemple, Rick est comme ça, par exemple, Comme ça ? Et maintenant, nous allons l'avoir sous le commun. Donc, nous n'avons pas de problèmes avec ça et ça, est-ce pas ? Et on n'a pas envoyé ici, Eric. Nous avons envoyé ici pour discerner serait Arctic et à l'âge 39 droit ? Et maintenant, nous voulons construire en utilisant ces nouveaux mots clés cette personne et l'utiliser vous comme une variable x. Donc, comme ça, nous devons maintenant créer des propriétés. Donc, nous le faisons en tapant ce mot-clé et cela et nous sommes juste en train de créer le nom de cette propriété. On peut l'appeler comme on veut, mais on l'appelle comme si c'était là. Donc, nous n'avons pas de problèmes plus tard en construisant des noms spéciaux. C' est joli, vous savez, il peut être mal compris au début parce que c'est peut-être comme si ce nom était le même que ce nom. Tu sais, même j'ai utilisé cette fois-ci pour le bon moment. Euh, vous avez juste besoin de vous rappeler que c'est la couverture basse capable que ceux-ci sur que vous pouvez accéder entre ces accolade droite er, le dis créé parce que nous envoyons ici le nom arctique ici corps aussi besoin de se rappeler que ce nom n'accède pas au nom qui a été envoyé à cette fonction. Mais c'est accéder à l'étonnant Teoh l'objet que nous voulons créer. Ok, donc maintenant ces noms SAR et je tape C'est notre nom cet âge âge et maintenant on peut le faire quelque chose comme l'âge X. Et comme vous pouvez le voir ce soir, ça marche plutôt bien. C' est une bonne idée de dire aussi que vous pouvez accéder à des choses à l'intérieur des objets en tapant quelque chose comme ça. Il est également possible de le faire de cette façon. Ok, donc tu peux le faire comme ça, ou tu peux le faire, papa. Bien sur. Et maintenant, créons des fonctions à l'intérieur. Alors, comment le faire ? C' est adulte égal à la fonction, et maintenant la dérange la fonction. La différence est que nous avons besoin d'un point-virgule ici maintenant. Et vous remarquerez probablement que vous n'ajoutez pas de virgules comme ça. On peut copier les frontières pour qu'on n'ait pas besoin d'entrer à nouveau. Nous pouvons copier ces trois fonctions ng de ceci à la fonction de chaîne. Hum, sans bien sûr, ça. D' accord ? Même à Cologne et maintenant est allé dans quelque chose que nous voyons Arctic podiatrique. Et ça marche très bien, non ? Et le truc cool c'est, maintenant qu'on peut quoi ? On peut maintenant faire quelque chose comme ça. Bombe, bombe, oeufs ! Calme ! Set. Odjick ! Je sais, par exemple, Yolanda, j'agonise tout ce que nous pouvons changer ici les valeurs et nous avons Bon. Maintenant, par exemple, nous pouvons quelque chose comme ça en HTML. Droit ? On veut prendre ce type. Ces gars. Euh quoi ? Pourquoi ? Hum malade. Et nous avons toutes les nouvelles personnes imprimées à l'extérieur. Vous avez jamais tous aussi remarqué que ce sera bon ? Il y avait plus de gens qui aiment créer quelque chose. Est-ce que ce froid et Eric. Mais on en parlera plus tard. Prochaines leçons. Mais comme vous pouvez le voir, nous économisons maintenant du temps. Pourquoi ? Parce que si vous voulez créer maintenant une nouvelle propriété, nous tapons juste ce Et maintenant le nom de la propriété que nous voulons créer, par exemple, site Web et type de site Web. Et nous consentons ici maintenant site Web juste comme ça. Et ça va marcher maintenant. Nous pouvons l'utiliser en envoyant ici la valeur si vous n'envoyez pas. Cela fonctionne aussi parce que maintenant c'est juste indéfini, affaiblir, définir ou non. Donc c'est plutôt cool. Nous pouvons maintenant changer, vous savez, par exemple. Oh, je veux taper plus de choses dans deux cordes plus baume, ce H juste comme ça. Et maintenant contre le QG, non ? Nous pourrions, vous savez, aller à quelque chose comme Age Column, et nous pouvons ajouter Instant dans et il est ajouté orteil tous les objets. C' est une fois avec quand nous l'avons créé comme ça, nous devrons le changer dans tous les endroits possibles. C' est pourquoi les classes sont si cool et vous devriez les utiliser lorsque vous, par exemple, voulez accéder aux valeurs de la base de données. Par exemple, imaginez la situation que vous utilisez quelque chose. Est-ce que ce culte Ajax et vous devriez apprendre à propos de cet objet ? Ouais, C'est un objet bob qui a quelque chose de bon dans certaines méthodes et propriétés qui vous permet nous agir BH étant et PHP peut alors,par exemple, par exemple, accéder à la base de données afin qu'il puisse aller orteil, pour exemple, mon huile d'esque. Obtenez des informations et retournez-les en utilisant l'Ajax, bien que l'objet dans le JavaScript sans recharger votre site Web. Vous pouvez abdiquer votre site web. C' est très cool. Vous pouvez mettre à jour votre contenu de votre site sans recharger votre site, vous pouvez, Ah, c'est vraiment, vraiment puissant. Vous pouvez créer des scripts très utiles à cause de cela. Et bien, alors vous pouvez, par exemple, vous savez, allons à la base de données, prenons ou Coréens et vous laisse savoir, retournant t au script dans le JavaScript. Et maintenant, nous avons, par exemple, beaucoup de gens qui à la fois quelque chose et, oui, alors ce serait une bonne idée, éduqué hors des objets pour eux parce que alors nous pouvons accéder à toutes ces valeurs assez facile. Mais ce serait aussi une meilleure idée de créer une fonction constructeur de classe A parce que nous avons homme hors d'eux. Et si vous voulez changer quelque chose, alors oui, je serai bon, parce que nous pouvons le changer instantanément en tapant une nouvelle propriété, une nouvelle fonction ou d'autres choses comme ça. Ok, c'est tout dans la leçon. Merci beaucoup. 22. Prototype: Bonjour Aujourd'hui, je vais vous dire ce que ce prototype et est allé à utiliser prototype et bien comment orteil ajouter des parités de prop en dehors de la fonction Constructor hors hors hors. Discutez de la façon de faire normalement. Si vous voulez ajouter une nouvelle propriété toe n'importe quel objet, vous pouvez simplement taper gâteaux puis douter. Et toi, Joe et tu peux imaginer ici le nom d'une nouvelle propriété. Fête. Donc quelque chose de nouveau est égal à cinq et que nous pouvons agir. C' est assez facile ? Comme la mort. Et comme vous pouvez le voir, vous en avez maintenant cinq, mais hors cours. C' est quelque chose de nouveau. Cette propriété n'existe pas dans d'autres objets. Pourquoi ? Parce que tous ces objets sont des incidents différents. C' est un objet différent. Ok, x y et qu'ils sont tous différents. Ils ne se connaissent pas l'un de l'autre. Si je voulais changer cette propriété dans tous les objets possibles à la fois, j'aurais dû la changer ici. J' aurais dû faire quelque chose comme ça. Certains pensent nouveau et ensuite ici équivaut à cinq et non, faites quelque chose comme ça. Maintenant, c'est OK, mais parfois il y a un problème. Vous n'avez pas accès à cet endroit. Et bien, vous pourriez être comme si vous aviez eu. J' écris ce bon. J' ai toujours accès ici. Oui, mais maintenant, imaginez la situation. Quand vous utilisez quelqu'un marche bien, vous pouvez bien sûr changer les choses là-bas. Mais imaginons une situation comme, par exemple, Jake, où J query est un framework où vous avez beaucoup d'outils utiles. Mais parfois, vous voulez créer vos propres outils et vous voulez les partager avec d'autres personnes. Et ces choses s'appellent des branchements. Et puis ce sera génial si vous n'auriez pas besoin de changer quelque chose à l'intérieur de ce branchement parce que vous savez qu'il est le plus temps compilé. Il est magnifié, et ça va paraître loin à cause de ça. Vous voulez l'avoir en dehors du fichier de script Java J Courage. Ok, et puis quelque chose comme le prototype arrive. Le prototype est un modèle préliminaire, non ? C' est quelque chose. Ce qui vient en premier et tout après ce prototype hérite de tout à l'intérieur. Ah, ce prototype. Alors quoi ? Même ce constructeur de fonction de personne hérite de tout de l'objet ce prototype. Vous pouvez en lire plus à ce sujet, pensez ici et ah bien, vous pouvez avoir probablement remarqué que lorsque nous tapons par exemple start, vous pourriez entendre beaucoup de fonctions que nous n'avons pas créé et toutes sont juste héritées . Ce qui veut dire qu'on, ah, juste, tu sais, genre, les a trouvés qui ? Il vient de les ajouter à la personne de fonction instantanément sans même, vous savez, faire quoi que ce soit et vous pouvez changer le prototype. Vous connaissez le problème dans leur modèle très facilement en dehors de la fonction. Ah, juste en tapant le nom sur le nom de la cause avec cette personne et maintenant on peut juste un prototype et ensuite ça. Et maintenant, nous pouvons, par exemple, dire, Hey, je veux créer quelque chose de nouveau, et puis il sera égal à cinq. Et comme vous pouvez le voir, cela fonctionne bien. Tu peux le changer. Comme vous pouvez le voir, cela fonctionne. Qui l'a ajouté à la classe ? Nous ne l'avons pas ajouté à l'objet comme ici dans la ligne 30 à nous l'avons ajouté au prototype de la classe. Et cette chose est utilisée dans une situation. Comme je l'ai dit, quand vous voulez créer des applaudissements, par exemple pour exiger, il était très utile pour vous quand vous avez finalement appris Jake porter. Et nous voulons créer des plug-ins et partager avec d'autres personnes, non ? Et c'est que seule situation ont été utilisés. Prototype. Il y en a. Aussi d'autres situations rares ont été l'utiliser bien. J' ai Bean apporté avec le développement Web depuis plus de 10 ans, et je ne l'ai pas utilisé même une fois parce qu'il y a de meilleures façons d'écrire, vous savez, pense dans le schéma Java et dans tous les autres langages de programmation, pour vous pouvez utiliser des compositions de navigation, ce qui signifie que vous créez des objets à l'intérieur d'objets, ce qui signifie que vous pouvez obtenir un effondrement correct et que vous nous prenez un argument, un objet, et vous êtes un objet, juste à l'intérieur de cette fonction. Et c'est juste comme ça que vous devriez écrire du code au lieu de faire quelque chose de bien est appelé héritage. héritage en JavaScript est si complexe et en même temps il semble si mauvais que je vous recommande de simplement savoir, apprendre cette chose parce que, vous savez, c'est très d'utiliser quelque chose comme ça et il est même de savoir recommandé. Il y a de meilleures façons de le faire. Ne prenez pas votre temps précieux à apprendre quelque chose comme ça. Ok, cette vente de cette leçon. Merci beaucoup. 23. Arrays: Bonjour Aujourd'hui, je vais vous dire ce que nos yeux et comment les utiliser. Et en plus de cela, je vais vous dire pourquoi même prendre la peine d'utiliser des erreurs. Ok, alors pourquoi les utiliser et bien, qu'est-ce qu'Harry ? Harry est sérieux hors des valeurs qui sont à côté de l'autre. Les zones sont des conteneurs pour ces valeurs. D' accord ? Et tu peux agir. Il est tout hors des valeurs en utilisant le type sonore hors index 012345 Ils sont à côté de l'autre et vous pouvez utiliser, par exemple, le nom de la zone, puis top zero et vous obtiendrez les acteurs à la valeur qui est là. Donc maintenant, vous pourriez être comme Donc quand je voudrais utiliser quelque chose comme ça, imaginez une situation comme celle que nous voulons récupérer de la base de données Certaines valeurs comme, par exemple, docks Pearle. Donc, nous créerions quelque chose comme un produit variable. Mais hé, il y a un autre produit. Ok, alors comment pouvons-nous appeler ça productif pour peut-être protéger le produit gratuit pour Et puis nous quand nous à un autre produit aura besoin de nouveau le produit cinq. Et nous devrons changer le code qui serait très horrible, non ? Et bien, par exemple, quand nous regardons l'index du site Web point html, nous avons ici ces éléments nous sommes vraiment puants vous la programmation des cours et des voitures de développement Web est ce que si je veux ajouter un autre cours de voiture de exemple, quelque chose comme ça. Comme vous pouvez le voir, nous l'avons ajouté instantanément. Mais bien, si chape javascript ferait quelque chose avec ces éléments de liste ici et nous allons le faire manuellement avec chacun de cet article et m'a assigné au livre même, il devra également adhérer. Un autre activé, il serait juste démarrage Hori. Nous avons quelque chose comme un tableau qui peut simplement stocker toutes ces valeurs ensemble. Donc, par exemple, nous pourrions taper des produits égaux. Et maintenant, voici des parenthèses comme ça. Ça veut dire qu'on veut aller au paradis, Eric. Et maintenant, nous pouvons assigner à ce tableau ces valeurs, um ou nous pouvons juste le laisser et ensuite nous pouvons la même chose plus tard ici. Mais faisons-le. , disons Par exemple Hey, je veux ici et là un tissage la valeur comme, par exemple, html sur et, par exemple, pH étant, par exemple, mon escwa a juste quelque chose comme ça. Et en ce moment, nous avons une zone qui stocke des valeurs libres et vous pouvez y accéder en utilisant des index comme ça. Donc, pour arriver à, par exemple, ce gars ici, nous devrons taper des quais de perle. Et maintenant, ces crochets. Et comme vous pouvez le voir maintenant, quand nous rafraîchissons, nous avons ici maintenant ECs h d m o. donc vous pourriez être comme, Pourquoi il zéro ici ? Parce que dans JavaScript, vous devez venir de zéro lorsque vos choses d'indexation. Donc, cela signifie que cette chose a du bon dans le zéro. Ça veut dire qu'il en a un. Ce truc est arrivé donc ce n'est pas comme 12345 mais tu dois venir de zéro. OK, donc le dernier élément est toujours moins un. Ok, Eso c'est comme ça que vous accédez aux choses à l'intérieur. Vous pouvez également ajouter aux valeurs existantes très nouvelles afin que vous puissiez le faire des exemples de produits et je veux ajouter à la fin Nous avons donc fait un citron est ici. Ça fait mal. Le quatrième élément est que l'index libre. Donc, nous devrions taper quelque chose comme ça et nous pouvons maintenant taper ici um, par exemple, JavaScript droit ? Et maintenant, nous pouvons y accéder en utilisant quelque chose comme ça. Comme vous pouvez le voir, nous pouvons obtenir quand nous ne tapons rien ici. Nous tapons simplement des produits. Comme vous pouvez le voir, nous avons maintenant, um, um, toutes les valeurs séparées par des virgules. On peut les voir ici assez facilement. Donc si je tape quelque chose comme ça, on change juste la valeur de ce gars ici. C' est vrai ? Mon escorte pour Javascript. Et comme vous pouvez le voir, ça marche bien. Donc, si je veux modifier le premier amendement, je prendrais quelque chose comme ça, et cela le change. Donc,par exemple, par exemple, tu ne veux pas, tu ne sais pas, choses ici parfois parce que ce sera stupide si on a un orteil à chaque fois, comptez comme si c'était le cas. Et puis changer quelque chose appelé Quand vous voulez bout quelque chose à la fin de l'orteil. Vous avez des solutions que vous pouvez utiliser. L' une de la solution est l'orteil. Utilisez la propriété qui se trouve à l'intérieur de la zone car la zone est vraiment un objet. Et comme nous l'avons appris précédemment, les objets ont de bonnes méthodes et certaines propriétés que vous pouvez utiliser. Ah, Et quand vous tapez quelque chose comme des produits maintenant, nous pouvons utiliser l'opérateur point et ensuite nous pouvons utiliser quelque chose comme la longueur. La longueur renvoie la longueur, le montant de la quantité de choses qui se trouvent à l'intérieur de la zone. Donc, cette fois, ce sera quoi, Gratuit 12 gratuit. Ok, donc c'est pareil, comme si on allait taper quelque chose comme ça. Donc, en ce moment, nous ajoutons à la fin de la zone, le JavaScript et comme vous pouvez le voir, cela fonctionne bien. Vous pouvez également modifier la dernière valeur. Donc, exemple, par exemple,en tapant comme ça, alors nous avons des gardiens libres veulent que c'est immobile et oui, on change ces gars ici. Et comme vous pouvez le voir, nous le changeons. Mais vous avez aussi des méthodes parce que, eh bien, cette chose est un peu longue, non ? Nous pouvons faire quelque chose comme des produits. Cela et maintenant pousser pousser pousse juste les choses à la fin. Donc quand on tape ici Ah, quelque chose de nouveau. Donc, par exemple, Grant Js, vous remarquerez que nous le poussons à la fin de la zone. On a déjà tapé quelque chose comme ça. Donc, à condition que cela soit encore plus facile. Vous devriez également savoir que vous pouvez créer une hausse. Pas de syntaxe de dosage comme ça, mais vous pouvez faire quelque chose comme la variable ver ah. Et, par exemple, dénommez. D' accord. Et maintenant le nouveau Harry. Donc, parce que c'est un objet, vous pouvez le créer comme ça en dosant le constructeur de fonction. C' est vrai ? Et, ouais, tu peux maintenant l'utiliser. Vous ne pouvez pas, vous savez, créer ici des valeurs à lire, et nous ferons les mêmes choses. Mais ne les utilise pas. Tu as juste besoin de savoir que quelque chose comme ça existe. Si vous lisez le code qui serait créé par quelqu'un d'autre de cette façon juste plus lente. D' accord. Ces plus lents n'est pas aussi efficace que celui-ci ici. La pensée de thèse se déroulera plus vite. Vous dans votre navigateur Web. Alors n'utilisez pas la méthode que je devrais dire que je viens de vous montrer. Ok, utilise-le celle-là. Vous devriez également savoir qu'il ya quelque chose serait appelé associatif une hausse. Les tableaux associatifs signifie que vous connaissez l'utilisation des index 012. Mais vous utilisez des valeurs clés. Ils sont assignés les uns aux autres. Comment ça marche ? Eh bien, vous congestionnez créer dans la zone en tapant, par exemple, personne variable. Et maintenant, nous pouvons faire quelque chose comme ça et que nous pouvons taper personne et maintenant nommer. Donc, nous savons maintenant exactement que vous voulez remuer ici Nom, à droite. Et nous savons exactement maintenant que nous voulons entendre magasin comme durcissement et aller. Mais la vérité est que dans javascript les zones associatives sont des objets et ce sont totalement des objets. Maintenant, les rayons sont juste celui que vous avez. 012 index Ici, ce sont des objets. Totalement. Pourquoi ? Parce que lorsque vous tapez quelque chose que je nom de point de personne, vous pouvez également accéder à ces choses assez facile. Vérifions ça. Tout le nom de personne de la Terre. D' accord. Et comme vous pouvez le voir, nous avons ici maintenant notre QI Um quand nous tapons sont nom Comme vous pouvez le voir, nous avons obtenu mot arctique. Ça marche. Nous pouvons le faire aussi De cette façon, nous avons tous fait le problème. Cela fonctionnera aussi. Ok, c'est assez utile à savoir parce que tu sais, certaines personnes pourraient utiliser différents Centex. C' est une bonne idée de savoir que vous pouvez faire des choses comme ça. Ces choses comme ici sont un peu plus terroristes chatouillent des choses. Allons à quelque chose d'un peu plus difficile. Comme vous pouvez le voir, nous avons obtenu sur notre site en ce moment sur ordre libéré de ces éléments cours de programmation pape et développement Web. Que faire si je voulais arriver à toutes les voitures de programmation est, bien sûr, ne sont pas ceux comment le faire. C' est assez facile, parce que nous avons juste besoin d'aller au document que nous devons aller faire élément par i d. Donc, dans notre situation, cette idée, ses cours de programmation et maintenant nous voulons accéder à quoi ? Tous moins d'articles. Donc nous avons juste besoin d'utiliser obtenir une femme en attirant. Voici une fonction que nous retournons la zone. Ok, Elements, pas un élément, juste dans cette situation, mais tous les montants. Et maintenant, nous pouvons juste comme hey, quel élément moins et nous pouvons l'affecter à, par exemple, des cours de programmation. Et quand l'Oller a fait, vous ne le ferez pas, c'est que nous sommes arrivés ici. Quel objet ? Collection Html. Une collection est quelque chose de très similaire. Syntoniser et mal. Um est ce conteneur avec tous ces moindres éléments que nous ne pouvons pas accéder donc nous pouvons maintenant mourir apparu cours de programmation hors zéro. OK, et comme vous pouvez le voir maintenant, nous avons objet html bail élément Aram et ainsi, qui signifie que nous sommes arrivés dans cette zone et maintenant nous pouvons accéder à la valeur. La valeur de la première. Cet élément parce que nous utilisons l'index zéro est ce que html interne utilisait la propriété html interne . Parce que quoi ? C' est dans l'objet, non ? Nous pouvons utiliser la propriété dans une rangée. Html et, comme vous pouvez le voir maintenant ont ici sippers. En plus, ça marche. Voulons-nous obtenir le dernier élément comment l'obtenir utilisera la longueur hors cours de programmation, les cours programmation que la longueur moins un parce que, eh bien, eh bien, vous longueur nous sommes retournés cette fois. Quoi ? 12 gratuit. Mais nous voulons arriver au dernier élément qui est à l'index. Donc libre moins un est encore et à cause de cela va obtenir le dernier un citron. La chose cool est que nous pouvons assez facile sauté cours de développement Web maintenant, non ? Comme ça. Et bombe que nous avons. Bien. Maintenant, le dernier javascript Lemon. Assez facile. On s'est trompé de nom de Ray Booze, mais on peut facilement changer. On s'est trompé de nom de Ray Booze, Vous pourriez aussi ne pas comprendre la syntaxe ici en ce moment, mais eh bien, je vais vous dire comment cela fonctionne. Ecoutez, j'aimerais vous rappeler la leçon sur les fonctions. Si vous ne comprenez pas exactement, ce sera une bonne idée de travail orteil, la leçon sur les fonctions à nouveau. Mais la chose la plus importante est cela et la méthode est toujours de retourner la chose à l'endroit où la fonction a été invoquée dans la situation comme ça. Duckman, prends le citron par un D. On pourrait, tu sais, tu sais, aussi les types que je me sens variable sur commande, s'il te plaît. Et faire quelque chose comme ça, non ? Et maintenant, ça semble un peu plus facile. On est là. Qu' est-ce que sur ordonné libéré en tapant quelque chose de ce droit. Donc, nous avons bien ceci sur commande ceci. Et maintenant, nous voulons aller à l'intérieur de ceux-ci en ordre. Donc, nous sommes en tapant un autre bail et obtenir de qui sont sous le moins quels éléments par nom de conversation , qui est cet élément. Et oui, nous recevons juste tous ces éléments de listes à l'intérieur. C' est génial, n'est-ce pas ? Est la chose cool est que nous n'avons pas besoin de créer un temporaire poli que sur. On peut refaire l'opération avec le point comme ça. Vous savez, quand nous pouvions aussi obtenir tous les cours possibles en faisant juste quelque chose que je reçois du document tous les éléments par tag nom ces éléments. Mais à cause de cela, si nous avons maintenant tous d'entre eux afin que d'abord un citron sera ce c plus plus. Et oui, c'est supposé plus le second serait voir aiguiser. Et alors allez-y. Mais vous savez, nous ne voulons pas obtenir tous ces éléments le plus de temps Vous voulez accéder à celui que nous voulons accéder. Donc, il est une bonne idée d'aussi lorsque vous créez votre document HTML, vous savez, vous savez, nommez votre autre ces Donc il est facile d'y accéder à partir du code JavaScript, est-ce pas ? C' est une bonne idée de nommer des choses à l'intérieur du code des démons d'âge. Si vous savez qu'un jour quelque chose serait accès à travers le manteau JavaScript. Ok, il n'y a que cette leçon. Merci beaucoup. 24. Méthodes de tableau utiles: Bonjour. Dans la dernière leçon, vous avez appris ce qui est une époque dans cette leçon. Vous apprendrez de nouvelles méthodes et propriétés qui vous aideront à travailler avec une augmentation. Ok, donc tu sais maintenant que c'est vraiment un objet spécial, non ? Et c'est pourquoi à cause de cela, vous avez de bonnes propriétés et méthode parce que les créateurs hors d'une hausse vous ont donné. Tu peux, tu sais, travailler plus vite avec eux. Ok, Afin de vous montrer que c'est de cette façon possible comment ces méthodes fonctionnent. J' ai créé ici au si avec l'identification, il est appelé le résultat. Et maintenant, nous pouvons l'utiliser ici en y arrivant en utilisant des documents. Maintenant, obtenez l'élément par I d résultat. Et maintenant, nous pouvons accéder à la propriété HTML interne de l'objet qui est retourné par démantelé droit, Donc, nous pouvons changer à l'intérieur du HTML interne à la valeur, par exemple, des cours vidéo. Et comme vous pouvez le voir maintenant, nous pouvons voir tous ces cours vidéo imprimés ici. Et vous pourriez vous demander pourquoi même nous pouvons voir toutes ces propriétés à l'intérieur. C' est un objet spécial, non ? Objet spécial Arisen. Et comment cela se passe-t-il ? Parce que Normalement, vous exécutez ici par défaut, une question qui est appelée à chaîne. Je vous ai dit que c'est comme ça que les objets fonctionnent. Et ce modèle de flux est vraiment écrire une question qui est appelée valeur off. Comme vous pouvez le voir, nous avons la même chose. Donc, par défaut, ce comportement fonctionne comme ça. Vous pouvez changer, exemple, par exemple, ce comportement en utilisant la méthode, nous allons juste rejoindre, puis vous pouvez taper ici, par exemple. Hey, je ne veux pas de coma. Je veux ici pause html. Et maintenant, nous l'imprimons. Tous ces cours vidéo comme ça s oh, ça marche différemment. Nous ne l'imprimons pas différemment, et c'est très utile car imaginez maintenant que nous pourrions également créer ici une table et Ari, nous pourrions même retourner la valeur de la fonction ici. Comment ça devrait fonctionner, non ? C' est assez cool, car il peut interpréter instantanément comment se produire devrait être, devrait être imprimé simplement en utilisant cette fonction articulaire. Ok, donc c'est comme ça que fonctionne la fonction conjointe. Et c'est le premier que nous avons appris. Donc jointure est utilisé pour joindre des éléments et par argument envoyé, ok. Et nous avons une propriété très importante dont nous avons parlé auparavant. On vient d'appeler longueur. C' est juste le retour de la terre de l'Eric. Il est très important de savoir combien de membres sont à l'intérieur, car alors vous savez combien fois vous devez passer par la région plus tard. Il sera très utile dans la prochaine leçon quand nous voulons la dans les prochaines leçons quand vous voulez prêter Lopes. Ok, alors rappelez-vous à propos de cette propriété est l'une des propriétés les plus importantes est également très important de savoir que le joint ne fonctionne pas avec les cours vidéo mal, vous savez, comme il change ses valeurs. Ici, c'est juste pour le but de la présentation. Donc, cela signifie que si nous, par exemple, faisons quelque chose comme ça, utilisons l'opérateur plus equals, ce qui signifie que nous n'allons pas ici au contenu existant, quelque chose de nouveau. Comme vous pouvez le voir maintenant, nous avons du bien. Après avoir imprimé cette zone, vous connaissez l'espace et puis ces tirets que nous nous aidons à déboguer le manteau et maintenant nous pouvons ajouter la valeur des cours vidéo. Comme vous pouvez le voir, la valeur n'a pas changé son toujours le même. Cette chose nous rend juste. Le résultat pour l'impression. Ok et derm ou fonctions. La fonction suivante est appelée coupe de cône, qui est de la guerre Kolkata Concoct en huit. Couper le nom quelque chose qui et il se connecte à une augmentation. Donc, si je fais quelque chose que vous remarquerez que nous avons connecté à la nôtre sur et nous avons utilisé rejoindre. Désolé. D' accord. Maintenant, nous nous sommes connectés à une hausse. Et comme vous pouvez le voir, ils ne sont pas connectés plus tard, ils sont connectés comme valeur de retour de cette chose. Donc, si on voulait garder cette valeur, tu sais, on voulait être changé. On devrait faire quelque chose comme ça. Cours vidéo. Nous devrions retourner la nouvelle valeur et l'assigner aux cours vidéo. Ensuite, comme vous pouvez le voir, la nouvelle valeur est toujours comme ça. Se rappeler à ce sujet parce que toutes les fonctions ne fonctionnent pas. En travaillant avec la valeur, la descente ici et l'objet principal sur lequel nous travaillons en ce moment, nous ne modifions pas la valeur. Ok, donc comme vous pouvez le voir, c'est comme ça que ça marche. Conch Captain Aid. C' est se connecter pour se lever. La longueur est rouge. Retourner la longueur d'un tableau et nous avons obtenu. Aussi, quelque chose va discuter. La pop pop éclate juste son explosif droit. Le dernier élément. Lorsque vous faites quelque chose comme ça, vous supprimez le dernier élément. Comme vous pouvez le voir, il est maintenant retiré de la zone d'origine, donc ce n'est pas le cas. Ah, la sauce n'existe pas plus tard et elle sera rendue instantanément. La pensée est revenue parce que plus tard, onpourra on comparer ces deux trucs que les filles font des opérations sur ça. Des choses comme ça sont très utiles. Vous en apprendrez plus sur ces choses, pourquoi elles sont utiles plus tard lorsque vous commencez à les utiliser. Donc, cela est juste en espérant supprimer le dernier élément que vous pouvez également pousser, ce qui signifie à un élément à la zone de fin afin que nous puissions faire quelque chose comme pousser et entendre un nouvel élément. Comme vous pouvez le voir Maintenant, nous avons ajouté ici un nouvel élément, et il va retourner la nouvelle taille d'une zone et le retour de la nouvelle taille sur Eric, nous avons aussi quelque chose aller ce changement de froid, qui signifie supprimer leur élément. Le premier élément en forme bien, quand nous le faisons comme ça, comme vous pouvez le voir, nous enlevons le premier élément. Il va aussi être rendu. Qc Vous pouvez également utiliser la version en chef de l'ONU de cette fonction, qui consiste à déplacer tous les éléments de la zone par un et à ajouter un nouvel élément au début. Donc, quand nous faisons quelque chose comme ça, ma demande bien améliorée, il sera ajouté la mendicité et tout est déplacé. Le PHP n'a pas été supprimé. Ok, c'est comme ça que ça marche sur les moutons. Et il y a une fonction très, très cool qu'on vient de tuer. Trier ce qui, comme vous pouvez le deviner, c'est trier la zone. C' est plutôt génial. Comme vous pouvez le voir maintenant, il est trié alphabet à porter. Donc G h nous MP, pas vrai ? Plutôt génial. Et si vous vouliez trier cette zone en descendant ? Donc, à partir du Z manger ensemble à un, vous auriez seulement besoin de faire quelque chose comme des cours vidéo. Et maintenant, tapez inverse inverse est juste inverser une zone. Maintenant, ce descendant ici est comme dimanche. C' est génial, n'est-ce pas ? Vous pouvez le faire instantanément, consulter les choses très faciles. Trier est un tri alphabétique Kelly. Et là, il ya un problème parce que nous avons de bons chiffres aussi comment servir les numéros. Serait-ce la même chose que vous pouvez voir ? Les nombres n'ont pas trié. Eh bien, parce que nous avons 44 devrait être là, non ? Donc, cela ne fonctionne pas correctement car trier par défaut utilise une fonction à l'intérieur de ces métaux . Il y a une fonction que ces années pour la raison de l'entreprise, et il est utilisé pour la force, pas pour les nombres. Donc, si vous voulez comparer des nombres, nous devrions envoyer ici une fonction qui va changer la fonction par défaut. Et ici, comme vous pouvez le voir, nous avons appris dans les dernières leçons sur les fonctions que nous pouvons créer une fonction animus, ces situations très utiles et avec deux paramètres qui va retourner un bi moins et maintenant nous pourrions être. Mais pourquoi ? Mais pourquoi ? Cela ressemble à cela parce que la fonction de tri utilise une fonction de comparaison qui ressemble à ça. Et il y a, hum, tu sais, à l'intérieur de quelque chose comme, hey, quelqu'un a envoyé la fonction ici ? Si ce n'est pas le cas, utilisez la fonction par défaut pour trier les chaînes. Sinon, utilisez celui qu'ils ont envoyé ici et il maman devrait ressembler à ça, et il devrait conserver un nombre négatif ou positif ou zéro si zéro. Cela signifie que ces choses, cependant, sont comparées, et elles sont les mêmes. On ne devrait pas changer la plaque. Si négatif, nous devrions changer l'endroit dans l'autre sens et nous avons positif que nous devrions changer à nouveau dans l' autre sens. Totalement eso le faire comme ça. Nous allons maintenant envoyer um, numéros. Comme vous pouvez le voir, ils sont maintenant correctement triés. Nous n'avons pas besoin d'inverser maintenant parce que, eh bien, cela ne fonctionne pas d'une manière que nous pouvons maintenant aussi changer la façon dont il a trié juste en changeant. Soyez à un comme vous pouvez le voir, il fonctionne eso Ne vous inquiétez pas. Si vous ne comprenez pas exactement comment il fonctionne, vous envoyez simplement une fonction à la fonction de tri qui utilise la dysfonction. Donc, il a changé le comportement par défaut. Vous pouvez créer des fonctions comme ça par vous-même. Comme vous pouvez le voir maintenant, l'envoi de fonction à une fonction est utile, et même les créateurs de gens JavaScript qui ont créé un air. Je l'utilise parce que vous pouvez changer le comportement par défaut ou une fonction. Et c'est comme ça que tu le fais cette fois. Ok, donc sortie tri alphabétique tableau Etienne et nous allons en sécurité euh, ici. Um, c'est utilisé pour trier le chemin d'envoi, trier et aéré chemin descendant. Ok, Il y a aussi non, nous devrions ces type inverse est en marche arrière. Oui, l'Ari, l'ancienne offrande. La prochaine fonction que nous devrions appeler Talk à ce sujet s'appelle Slice Slice est juste trancher. Tu sais, comme si tu tranchais les pieds. Il va trancher les pensées à l'intérieur pour qu'on puisse trancher. Faisons-le avec nourrir votre corset parce que c'est plus facile. Um, passons les cours vidéo et c'est par exemple, glisse les éléments d'un à libre. Comme vous pouvez le voir, nous l'avons. Maintenant, il Myer école et JavaScript et plus tard tout est le même. Donc, cela signifie que ces diapositives ma pensée ne fonctionne pas sur le mal principal. Il ne va pas changer les valeurs à l'intérieur, mais vous pouvez retourner. Tu sais, je veux des choses d'ici, Teoh ici et on peut revenir. Mais nous devons nous rappeler que ça marche comme ça. Ah, trancher un citrons à partir de 12 fourchettes libres, qui signifie qu'il va trancher d'abord un citron, qui est dans cette situation Ph.B. Ph.B Mais pas le premier de citron. Donc, il va couper mon script SQL et Java, y compris gratuit. Donc ces dédicaces nous avons l'un et ce signe signifie avec gratuit. Donc, si on tape quelque chose comme ça. Nous allons, par exemple, à cinq, ce qui signifie travail. 12 nous ne voulons pas bien mon esque, et ensuite 345 ce qui signifie que nous avons JavaScript, PDO et Grand Js. Comme vous pouvez le voir, ça marche bien. Donc, c'est comment les tranches de travail et vous avez aussi quelque chose aller. Cette épissure appelée fournitures est très cool, parce que lorsque vous tapez quelque chose comme, par exemple, un et que vous tapez, par exemple gratuitement, cela signifie qu' il va supprimer tous les éléments à l'intérieur de la à partir de la première position. Et il va enlever d'eux comme vous pouvez voir le premier discours de positionnement être. Mais ce n'est pas inclus, comme avec la tranche. Le premier dilemme. Donc ça va supprimer 12 alignements libres. Donc, nous le faisons. Nous n'avons pas mon école javascript et vidéo, et il a retourné ces valeurs. Mais vous avez aussi probablement remarqué qu'il va les supprimer de la version originale sur une droite. Donc c'est très important, donc ça enlève de l'intérieur des zones des citrons, non ? C' est plutôt cool. Et vous pouvez aussi ce très cool à Newell Un monstre. Donc, par exemple, quelque chose de nouveau un nombre. Ah, sa tête peut être que vous pouvez adhérer comme argent de nouvelles valeurs comme il veut, donc il ne doit pas être libre. Comme vous pouvez le voir, nous venons d'ajouter à l'intérieur de l'endroit où normalement mon crâne et la jalousie AOP où nous avons ajouté nouveaux éléments ici. C' est vrai ? Donc, le premier argument est le sens à partir de quel endroit nous voulons commencer à supprimer des éléments. Et le deuxième argument nous dit combien d'éléments je veux supprimer, puis les arguments optionnels afin que vous puissiez obtenir autant d'éléments que vous voulez que vous voulez ajouter après, euh, euh, position dans l'argument egg en premier. Ok, donc les morts sont les plus utiles pour les méthodes que vous devriez savoir quand vous jouez avec une augmentation. Et maintenant, vous pourriez être comme, Peut-être que c'est qu'ils ne sont pas si utiles. Mais plus tard, vous verrez que la plupart d'entre eux vous avec certains qu'ils ont utilisé parce que vous aurez un peu de traitement sur les zones. Ok, c'est tout dans cette leçon. Merci beaucoup. 25. Pendant et faites tout en temps: Bonjour aujourd'hui. Je vous dirais tous les deux sont des boucles comment les utiliser. Et dans les deux situations, vous devriez utiliser des boucles. Pourquoi même les utiliser ? Donc, boucle est quelque chose qui peut exécuter un manteau. Un blogueur hors manteau, autant de fois que vous le souhaitez. Il y a des situations où quelque chose comme ça est très utile. Imaginez une situation comme ça. Il veut arriver au résultat. Donc, avec des choses comme le document obtenir l'élément par I d résultat. Et maintenant, nous le sauverions à l'intérieur de la mesure lointaine. Comme ce résultat. Et maintenant, nous obtenons le résultat. HTML interne. Et je voudrais ajouter système de voiture vidéo. Alors je vais faire quelque chose. Cours vidéo, Um, et zéro. Comme vous pouvez le voir, nous avons maintenant, Peach. Je veux en ajouter un autre. Alors faisons-le. Euh, d'accord. 1234512 Gratuit pour six. D' accord. Donc je devrais les avoir tous maintenant. Et si je voulais maintenant à la ligne de pause ? Ok, il y a une bonne idée. Allons à la pause. Je dois que vous savez, ici, ici, ici , ici prend du temps. droite. Mais ne voyez-vous pas les similitudes entre toutes ces lignes, elles sont presque les mêmes, non ? On se répète. Et nous sommes arrivés ici dans tous les endroits. Quoi ? 012345 Une seule différence. Il y a une petite différence dans ce code par juste le nombre est en train de changer, à droite. Le nombre est en train de changer d'un. Donc on peut utiliser quelque chose comme ça. Qu' est-ce qu'on appelle Lope ? Parce que la boucle peut exécuter une ligne de code autant de fois que vous le souhaitez. Comment utiliser une boucle. Vous tapez le nom de la boucle là de nombreuses boucles dans cette leçon. Nous en avons appris deux. Le 1er 1 est bon blanc, ce qui est en train de faire ce qui va faire Exécuter le manteau jusqu'à ce que l'expression à l'intérieur soit vraie. Alors, qu'est-ce que cette expression peut être ? Nous pouvons créer, par exemple, d'un rebelle ? Je le suis et si c'est inférieur à cinq, alors nous allons exécuter des choses entre ces accolades. Ah, nous avons un avertissement ici parce que nous n'avons pas créé de variable. Je suis donc nous devons créer un initialiser avec zéro. Nous savons donc que c'est le nombre. Et maintenant il y a un problème avec ce Look, cette boucle fonctionnera dans un autre notaire Si j'ai fait quelque chose. Comme, par exemple, um Allert. Salut. Maintenant, nous allons voir dans le remorquage Infini, fenêtres infinies. Nous voyons d'abord nous savons que la deuxième et la troisième et 550 Faith et, um Bam, bam, bam, bam, bam ! Infini. Ok, parce que zéro est toujours inférieur à cinq, non ? L' expression. On est toujours vrai. Et donc à cause de cela, cette instruction avec autour pour toujours à cause de cela, vous devez changer à l'intérieur de la boucle après, par exemple, exécution de toutes les autres instructions Là j'utilise le post incrément Tater post incriminant augmente le nombre. Pourquoi ? Par autour d'un. Donc, ce sera comme zéro un est inférieur à cinq. Ouais, donc un à faire est inférieur à cinq ans. Donc aussi. Donc la seule chose qui change dans cette drogue est la variable I et regardez ceci ici. Nous avons besoin de quelque chose qui changerait comme ça. 012345 Droit, Donc, ce sera une situation parfaite pour utiliser cela. Ecoute, on pourrait juste copier ça ici. Allons autour de ce programme. Comme vous pouvez le voir, 01234 et cinq n'est pas montré. Pourquoi ? Parce que cinq n'est pas inférieur à 555 Combat égal, à droite. C' est pourquoi cinq n'est pas imprimé. Donc on peut changer ces Teoh Death Place. On peut juste supprimer cette chose parce qu'on n'en a plus besoin. Et là, je peux faire quelque chose comme ce baume. Et comme vous pouvez le voir, ça marche. On les imprime juste en même temps. On n'a pas de sauce. Pourquoi ? Parce que la sauce est 123456 Nous devrions taper vos six. Mais ce n'est toujours pas une bonne idée d'avoir un six ans, parce que lorsque vous ajoutez quelque chose de nouveau devra changer ici. Donc, essayez toujours de monter leur code de cette façon. Tu l'as utilisé ? De manière universelle ? Donc, quand nous adhérons maintenant longueur. Maintenant, quand vous avez su quelque chose ici, nous serons en mesure de l'imprimer. Comme vous pouvez le voir maintenant, nous pouvons voir la sauce. Mais quand vous entendez quelque chose de nouveau, Donc, par exemple, j'ai créé les nouveaux appels sur, euh je sais et vous êtes Js, vous verrez qu'il est imprimé assez facile. Et maintenant, nous pouvons ajouter très facile la ligne de frein comme ça et bombe il est simprimé à l'intérieur de ces boucles, vous pouvez même faire venir les Parisiens hors de cours vidéo avec des cours hors I si c'est égal à, par exemple, mon esque Eh bien, j'aime faire quelque chose de différent. Je voudrais ajouter au HTML intérieur quelque chose comme avant Hello et bombe comme ça. Et comme vous pouvez le voir avant mon Esseker, nous pouvons le voir maintenant. Bonjour, ça marche. Donc, la boucle exécute juste toutes les instructions à l'intérieur. Jusqu' à ce que cette chose, cette expression n'est pas vraie. Et comme vous pouvez le voir, ah, ça change sur la seule valeur que je suis que vous changez Kier et ça doit être changé. Sinon, nous aurions des problèmes, non ? Nos 55 personnes arrêteraient de travailler parce que qui le surchargerait avec les instructions de Duminy à la fois ? Et c'est très utile pour un zoo peut voir traverser la zone faire quelque chose une fois, et ça va être exécuté magnétisé. Disque peu commun ici et conduit à quelque chose encore difficile là-bas. Imaginons par exemple une situation. Je veux prendre les malédictions de programmation droite et faire quelque chose avec eux donc je ferais pour notre un document de cours de programmation audacieux obtenir élément par I D. Je voudrais aller aux cours de programmation, l' identifier et puis bombe que je aimerait, euh, aller pour obtenir des éléments par nom de conversation, Moins d'élément. Donc, je n'ai pas de cours de programmation. Prenons ces sous le commentaire. Et nous allons, par exemple, faire quelque chose comme ça qui est utilisé résultat html interne sur Allons maintenant au programme ici. Cours de programmation Quoi ? On verra. Comme vous pouvez le voir, nous avons obtenu à votre collection html d'objet. droite. Donc maintenant, nous pouvons obtenir les orteils chacun de ces moindres éléments. Donc, comme vous pouvez le voir maintenant, nous avons bon moins d'élément. Et maintenant bombarder ce type d'affaiblissement html interne et nous allons obtenir quoi ? C ++. Si on change ces deux-là, on aura un point pointu. Si nous changeons ces 22, nous obtiendrons java assez génial, n'est-ce pas ? Ok, donc , hum, nous pouvons maintenant changer seulement cette valeur pour, par exemple, imprimer toutes les choses des cours de programmation. Droit ? Et vous pouvez aussi faire des choses avec eux. Nous pouvons faire quelques opérations de leur part, donc nous avons besoin d'un coup d'oeil. Pourquoi ? Nous devons créer un très aveugle ok hors de la garde. Vous pouvez l'appeler comme vous voulez Si je suis plus bas que ce n'est pas une bonne idée, retirez tous les cours de programmation, longueur de bombe, alors nous voulons exécuter le froid comme ça. Oh, et j'ai juste écrasé nos cinq parents parce que je n'ai pas ajouté ça. Réfléchissez. Ok, j'ai ouvert le Firefox, et comme vous pouvez le voir maintenant, si vous allez c ++ voir boutique et Java imprimé facile et nous pouvons ajouter ici, par exemple, le gars brillant et moi aimons ça et ça fonctionne bien. Et nous pouvons maintenant ajouter n'importe quoi sur notre site. C'est la partie la plus importante comme ça. Et comme vous pouvez le voir, nous l'avons ajouté ici, et c'était instantanément là. Donc tu sais que ça s'appelait. Nous imprimons juste dans un autre endroit, mais vous n'avez pas besoin de l'imprimer. Vous pourriez faire des opérations. Vous pouvez envoyer les valeurs à une sorte de programme qui l'enverra à la base de données plus tard sur leurs choses comme ça. Tout ce que vous pouvez faire avec n'importe quelle information hors de votre site Web. Assez loin de la neige, car il peut aller à tous ces éléments à la fois. C' est très, très génial, n'est-ce pas ? Et maintenant, je voudrais m'entraîner avec vous un peu plus, par exemple, les fonctions parce qu'Imaginez une situation comme ça. Nous ne voulons pas de cours de programmation maintenant. Nous aimerions des cours de développement Web dont nous avons besoin orteil. Quoi ? Il suffit de changer toutes ces choses pour le développement Web, non ? Et maintenant, nous avons un bon développement Web. Mais si je voulais des ennuis, j'aurais besoin d'avoir le temps, le même manteau. Et maintenant imaginez une situation où vous auriez besoin de le faire à ces cinq fois, et vous auriez alors besoin de changer quelque chose en or. Une chose que nous devons changer à cinq endroits ceux dans des situations comme ça, vous devriez instantanément penser quelque chose comme, Hey, c'est une bonne idée de créer une fonction. Donc fonctionnement mort Eh bien, par exemple, imprimer des cours d'impression, peu importe. Et ici, nous allons prendre comme paramètre le i d off sur ordre que le moins. Ok, et maintenant on peut juste copier ça ici, et on a juste besoin de faire ce que j'ai dit sur une liste ordonnée est ici. C' est une variable. Donc ça ne devrait pas être comme ça. Et ici, nous ne l'appellerions pas des cours de programmation. Mais quels que soient les cours, et maintenant on peut juste impliquer un travail. Alors imprimez des cours et j'ai juste besoin d'envoyer Hey, je veux celui-là et bombe. Nous n'avons pas de cours de programmation. Hey, je veux géo des cours de développement Web et j'ai Constant le développement Web. Je veux les deux cours et j'ai les deux cours une fois. C' est génial, n'est-ce pas ? Alors maintenant, vous pouvez voir pourquoi je vous ai montré tant de leçons. Ah, tous les dysfonctionnements, tout ça. Ah, toutes ces variables Pourquoi j'en parle autant ? Parce que quand vous comprenez cette chose, vous pouvez créer un manteau qui est le plus important. Cela peut être facilement changé plus tard, n'est-ce pas ? Qu' on travaille toujours sans que tu fasse trop d'efforts, non ? Et tout le monde, c'est très cool. Nous comprenons votre manteau à cause de ça. Les résultats sont un autre bouddhiste faible appelé faire pourquoi nous pourrions faire quelque chose comme faire. Et alors pourquoi comme ça ? Prenons ceci sous le commentaire et allons faire pipi ici. Comme vous pouvez le voir, ça marche de la même façon. Mais il y a une petite différence entre la pâte. Pourquoi et pourquoi ? Quelle est la différence quand tu fais ? Dois-je regarder, vous exécuterez toujours le penser vous, ce qui signifie que même si l'expression comme ça n'est pas à travers la mendicité à cette fois cette chose sera exécutée sur. Et, euh, cette fois nous utilisons ici. Valeur 5 51,251 ici, Alors passons à zéro pendant une seconde. Comme vous pouvez le voir, on a imprimé le Ph B au moins une fois, non ? Et si nous changeons ceci à cette boucle, donc nous faisons quelque chose comme ça en changeant 20 car vous ne pouvez rien voir imprimé par parce que cette expression est vérifiée au début. OK, donc si ce n'est pas vrai, rien ne sera exécuté ici. Je serai Ron au moins une fois. C' est la différence dont vous devriez vous souvenir. Faire tandis que et étaient fonction Weifang. J' ai utilisé la plupart du temps la fonction de la femme, mais il peut y avoir une situation où vous devez utiliser la porte quand vous voulez courir quelque chose et loin, même si le même. Si la condition n'est pas le cas, allons peu commun ceci et la chose cool à propos de toutes choses comme ça est que maintenant nous pouvons vous vérifier quelque chose, faisant raison de l'entreprise. Si, par exemple, le gars ici auto si les cours hors du I égale le PHP, je veux quelque chose de spécial pour PHP. Donc je veux à ce est ma langue et la bombe. Ah, il y a un site de pêche ? PHP. Nous avons pêche étant, euh ok, nous devrions déchirer ici si html interne C'est mon langage. Cela fonctionne correctement pour PHP. Nous avons ajouté quelque chose que nous pouvons changer ces orteils, par exemple, la boussole et il fonctionne toujours Tout nous pouvons aussi quelque chose comme ou il est égal à Teoh Maya école. Et nous l'avons maintenant avec le PHP, j'ai parlé de la mauvaise façon. Utilisons Java. Comme vous pouvez le voir maintenant, il est ici et il est ici, Donc c'est là que vous pouvez faire quelque chose de spécial pour les deux choses. C' est pour ça que vous avez besoin d'opérateurs comme ça. Comme vous pouvez le voir, nos programmes deviennent un peu plus complexes, mais c'est comme ça que ça va se passer à l'avenir. Ok, ça va faire cette leçon. Merci beaucoup. 26. Pour la boucle: Bonjour. Dans la dernière leçon que vous avez apprise Waters Loop et comment ils fonctionnent dans cette leçon, vous avez appris une nouvelle boucle que nous venons d'appeler. Et bien, la vérité est que c'est juste un nom différent pour pourquoi ça va faire les mêmes choses comme le Wild Blue. Mais tu dois juste taper quelque chose comme ça. Comme vous pouvez le voir, cela fonctionne quand c'est pourquoi fait aussi la même chose. Alors pourquoi même s'embêter ? Eh bien, c'est une bonne idée de s'embêter à ce sujet parce que ces deux points sont, vous savez, séparateur pour l'initialisation et pour la pensée qui doit être fait après avoir exécuté toutes les choses à l'intérieur du look, comme vous pouvez voir, toujours travailler. Donc c'est un séparateur pour des choses comme ça. Pourquoi quelque chose comme ça avait besoin. ce moment, c'est plus propre, ne pensez-vous pas que vous n'avez pas bon maintenant, en dehors de la boucle, l'initialisation et à l'intérieur après la dernière ligne, ce qui doit être fait après chaque tour à travers la boucle, vous peut oublier celui-ci et celui-ci dehors. Donc voici un peu bizarre parce que, eh bien, vous ne savez pas exactement si c'est vraiment lié au look. Je préfère vraiment le premier à cause de ça. C' est juste plus propre est plus facile à lire, au moins à mon avis, mais cela dépend vraiment de la préférence des autres personnes. Donc, dans l'ensemble, vous devez connaître toutes les boucles possibles parce que, vous savez, nous ne savons pas laquelle quelqu'un d'autre utilisera, et vous ne créerez pas seulement votre code par vous-même. D' autres personnes que nous créons. Cody va lire leur code, et vous devez le comprendre. Donc, même si tu n'aimes pas ça, tu dois te comprendre. Même si vous n'aimez pas sauvage, vous devez comprendre de toute façon, jusqu'à présent sera faire la même chose. Mais la différence est qu'ici, au début, nous spécifions ce qui doit être fait au début. Et ici, à la fin. Nous devons spécifier ce qui doit être fait à la fin, quand vous exécutez toutes les instructions, le noir comme un bloc de manteau après chaque course, c'est tout. Donc, nous allons peut-être taper ici pour l'initialisation off vary boose, et cela commence maintenant condition. Et puis ce qui doit être fait après chaque lèvre après avoir exécuté chaque regard droit, ils vous disent que vous pouvez bien sûr, vous créer des variables manimal que vous pouvez créer plus compliqué. Ah, des conditions compliquées. Et vous pouvez aussi, vous savez, incrémenter plus de choses comme ça. Mais la plupart du temps, vous aurez juste une boucle for ressemblant exactement à ça. Donc ça ne le fera pas. Par exemple, l'impression de sous-verres vidéo modifiera les cours vidéo de cette longueur. Et nous aimerions seulement imprimer ici des cours vidéo comme ça. Et il travaille. Mais le zoo vraiment très cool. Tu ne vois pas ça ? Nous avons juste immédiatement imprimé toutes ces choses. Ah, c'était comme une seconde que nous avons changé sur la ligne de co bam bam bam ! Et son impression. J' aime vraiment Lopes. J' espère que vous aussi nous aimons qu'ils racontent cette leçon. Merci beaucoup. 27. Pause et continuez: Bonjour. Aujourd'hui, je vais vous montrer casser et compter vous instructions qui sont utilisées dans les lèvres. Faisons une situation simple au début. Tuons créer une boucle for qui va juste montrer, par exemple, cinq chiffres. Ok, donc ça devrait ressembler à ça, hein ? Nous sommes en train de créer étaient initialiser une variable et nous l'assignons à zéro. Et si zéro est abaissé et cinq, alors augmentez-le juste après chaque itération. Donc, après chaque course hors de ce regard et quand nous le rafraîchissons avec, par exemple, d'autres pensent que je avec 012 gratuit pour cinq et pas toujours. Tu sais, tu ne sais pas toujours tout. Qu' y a-t-il à l'intérieur ? Ainsi, par exemple, vous pouvez aller à ah, moins hors des éléments que vous pouvez aller aux gens. Et par exemple, quand quelque chose arrive, vous n'aimez pas que vous voulez rompre de la boucle Et pour le faire , vous pouvez taper quelque chose. Si je égale à par exemple, cinq à, puis casser. Qu' est-ce que ça veut dire quand on est dessus ? Maintenant, vous verrez 01 n rien. Pourquoi ? Parce que deux équivaut à deux et nous disons briser ça veut dire sortir de ce regard. Vous savez que c'est une situation simple. Mais comme je l'ai dit, vous ne le faites pas. Vous pourriez, par exemple, aller à une sorte de très. Et si jamais cela équivaut à quelque chose que vous n'aimez pas, vous ne voulez pas que votre par exemple, pour la boucle soit exécutée dans le plus. Alors tu te vantes. Ok, rien après ça ne sera exécuté. Vous avez aussi quelque chose de bon. Cela pourrait continuer quand vous continuez vous c zéro un et vous n'avez pas vu seulement deux. Mais ici, hé, il y a libre pour Et puis d'accord. Pourquoi ça marche comme ça ? Parce que continuer, continuer fonctionne, travailler comme une pause. Mais après avoir rompu une fois la boucle, il calme encore t nouvelles. Ok, donc c'est juste le casser une fois. Et quoi ? Pourquoi ? Quelque chose comme ça serait utile. Cette chose est un peu d'utilisation est utile lorsque vous faites des choses comme, nous allons, par exemple, obtenir les cours de programmation. Donc c'est génial. Si nous sommes capables de lire, obtenons-le je d. et obtenons une femme par nom de conversation tout cet article et allons à eux si variable. Et si je suis plus faible que les cours de programmation terre que je plus plus ok et maintenant j'aime, par exemple, à quelque chose comme maintenant, avant chaque hors de ce travail ici. CPA, Patsy Sharp, Java, Paschal. Comment je ferais ça ? J' irais juste aux malédictions de programmation et au HTML interne. Et ce que Normalement vous feriez quelque chose comme ça, vous ajouteriez. Maintenant, même le problème à propos de cet opérateur est qu'il l'ajouterait à la fin. Oh, on devrait, bien sûr, aller voir chacun des gars. Donc comme ça et un donc vous pouvez voir que nous l'ajoutons à la fin. Si vous voulez ajouter quelque chose au début, nous avons orteil peu probable que quelque chose comme ça. Donc on a juste assigné quelque chose de nouveau plus quelque chose. Quel était leur temps en ce moment ? Il est même partout. Mais quoi ? Ce n'est même pas à chaque fois, est-ce pas ? Je veux le faire sur la fois dans Why Once c'est ah qu'on l'a fait. Même ainsi, comment le faire ? Si je suis avec le modèle de douves, je modèle deux égal à zéro Alors je veux montrer même comme vous pouvez le voir maintenant, il le ferait même quand il est éteint. Donc ça ne marche pas. Travailler à droite ? Pourquoi est-ce que c'est parce que, eh bien, nous savons que nous comptons dans un rayon. Nos numéros de 00123457 Et dans notre situation, eh bien, tous les nombres pairs sont anciens ou tous les nombres sont même justes, parce que quels index ne sont tout simplement pas dans la position brillante. Donc, nous allons juste le changer en utilisant ce signe ici. Et comme vous pouvez le voir maintenant, nous avons même au bon endroit. Il a donc ajouté au bon endroit. Mais le problème est si bien, imaginez que nous avons eu du bien ici. Une chose simple à faire. Et après huit heures, on a beaucoup d'instructions ici, accord ? Et voyons comment se passe après l'exécution de cette chose, vous pouvez voir que nous pouvons voir ici. Zéro ici n'est rien de même. D' accord. Un pour et rien, capitaine. Droit. On n'a rien changé gratuitement. D' accord ? Parfois, nous ne voulons pas faire toutes ces instructions ici comme maintenant, parce que nous n'avons pas besoin d'exécuter l'autre maintenant ou nous ne voulons pas faire quelque chose. Les filles avec eux. On a d'autres gars, juste avec celui qui est sorti. Ensuite, vous pouvez simplement utiliser le continuer sinon il suffit de continuer et maintenant nous pouvons voir un et gratuit seulement ici. Comme vous pouvez le voir, ces instructions vont être exécutées sur Lee. Si c'est Ward de les arrondir. D' accord ? Il n'y a qu'une leçon. Merci beaucoup. 28. Pour en faire: Bonjour. Aujourd'hui, je vais vous montrer pour en boucle, ce qui vous permet de traiter les objets assez rapidement. Comment ça marche ? Lorsque vous avez tapé pour, alors vous tapez ici variable. C' est une variable temporaire. Tu peux l'appeler comme tu veux. Mais est-ce qu'on appelle ça la propriété ? Parce que c'est vraiment une propriété ici. Ok, ça va enlever la valeur de la propriété en personne. Voici le nom du projet all. Tu veux protester ? D' accord. Et si Carrie accolades Michael et il irait temps libres parce que vous avez des propriétés propres libres à l'intérieur de la personne. Et quand vous dupe, par exemple, propriété, vous remarquerez qu'avec le nom Serling et huit, ce qui signifie qu'ici est toujours une valeur de la propriété. Et nous avons aussi appris que nous pouvons faire quelque chose comme la personne. Ce nom et cette chose nous montrerait quelle valeur à la fois le nom et nous avons obtenu à vous Arctic. Mais nous savons aussi que nous pouvons agir cette chose en tapant quelque chose comme ça. C' est vraiment cool parce que cette chose nous permet d'utiliser une variable ici. Vous pouvez voir que nous pouvons, par exemple, faire quelque chose comme ça, et cela fera aussi la guerre. Donc, avec cette chose dans notre esprit, nous savons que nous pouvons utiliser ce que le nom et maintenant la valeur qui est changé en nom, prénom et âge. Et comme vous pouvez le voir maintenant ici Good Arik, vote Arctic 26. Et c'est génial, n'est-ce pas ? Donc, nous pouvons aller à toutes les valeurs à l'intérieur de l'objet assez rapidement et nous pouvons l'utiliser pour la raison que nous voulons. Par exemple, variable X, créatif Herbal X et nous, par exemple, voulons au X ces valeurs, n'est-ce pas ? Donc, il ferait quelque chose comme ça et nous l'alerterons. Et comme vous pouvez le voir, nous avons un podiatrique arctique 26 indéfini. Pourquoi indéfini ? Je ne l'ai pas fait. Surtout pourquoi ? Parce que par défaut, quand nous faisons quelque chose comme ça, c'est indéfini et nous avons fait quelque chose de plus égal. Nous ajoutons juste et vous pensez à l'indéfini. OK, donc c'est une bonne idée d'initialiser parfois quelque chose avec juste sur quelque chose que nous ne faisons rien. Nous avons les autres variables avec les autres valeurs. Comme vous pouvez le voir maintenant, nous avons un transistor Patrick adéquat. Donc, c'est juste comme un nouveau C'est comme quelque chose comme zéro pour ajouter pleuré, Nous avons ici une chaîne vide. Ok, donc c'est comme ça que nous passons par l'objet qui devient objet. Mais vous savez aussi que chaque IRA est aussi un objet. On peut l'utiliser comme ça ? , C' est nos dates,cette fois, comme vous pouvez le voir, on peut voir toutes les valeurs possibles à l'intérieur sur Eric. Donc, il est aussi chose assez rapide qui vous permet de passer par la région. Mais le problème est qu'utiliser quelque chose comme ça ne te permet pas, tu sais, sais, tu fais quelque chose comme augmenter ton indice pour acheter gratuitement. Tu dois aller à tous, juste un par un. Donc, il est le plus temps utilisé sur les objets typiques comme ça quand vous ne pouvez pas savoir, vous ne savez pas combien de propriétés sont là. Comment sont les appelées et d'autres choses comme ça ? Voyons comment nous allons travailler avec le cours de programmation. Bien sûr. Supposons qu'il fasse quelque chose comme ça. Ce qui se passera comme vous pouvez Vous pouvez voir que nous avons un bon html au moins article un citron et wow. Ici, nous avons été fonction et fils et une autre fonction et quatre. Pourquoi ? Parce que bien, nous savons qu'il va orteil toutes les propriétés possibles et une hors de la propriété pour la chose qui a été retournée ici. Donc, pour la collection peut vérifier quoi ? Il est mort en tapant quelque chose. Papa. Droit. Comme vous pouvez le voir, HTM une collection est quelque chose de bon est appelé fonction. Une autre fonction et le nombre que vous avez probablement remarqué que le nombre était égal à quatre parce qu'il est un droit de longueur. Combien de fois sur le meurtre et bien, nous avions tous ces éléments. Alors comment faire quelque chose comme ça ? Comment obtenir toutes les valeurs sans cette indéfinie Pensez-vous comment faire ces ? Ce que nous savons, nous pouvons vérifier en utilisant le type sur le type que vous pouvez voir quel bon objet, objet, puis fonction numéro. Donc, vous avez avis à condition qu'au moins un citrons qui sont celui que nous voulons utiliser notre objet, Les autres choses ne sont pas objet. Donc, nous pourrions simplement décider, Comme si taper bien, nous pouvons copier ces complètement n'est pas égal à quoi l'objet. Alors casser. Nous n'avons pas besoin de faire cet animal vivant comme vous pouvez le voir maintenant. Bien. Quatre fois objet et puis rien. Donc, comme vous pouvez le voir, pause est vraiment utile Parce que pas toujours. Vous savez, vous ne savez pas toujours comment vous êtes, hum zones regarder Comment les choses sont à l'intérieur de vous n'est pas comme toujours créer tout correctement Et maintenant nous pouvons juste casser et nous pouvons facilement faire quelque chose comme dans leur HTM tout. Et nous pouvons travailler avec ces valeurs, non ? Assez facile. Vous pouvez également utiliser le continuer continuer fonctionnera également assez OK, mais vous pouvez voir. Mais le continuer, rappelez-vous, fonctionne comme ça que vous continuez alors alors il sera exécuté à nouveau. Il sera vérifié à nouveau. Donc nous sommes juste à temps cette fois. Du moins parce que vous savez, vous avez probablement remarqué que les objets sont au début, non ? Les moins d'éléments sont au début. À la fin, nous avions deux fonctions et un nombre. Donc Bragg est mieux dans cette situation. Mais vous savez, parfois vous voulez seulement choisir des objets de l'énorme ah, des objets d'objets. Et vous voulez orteil seulement des objets de vérité alors et vous ne savez pas où ils jouent. Donc, c'est une bonne idée d'utiliser ensuite, par exemple Continuer à droite, parce que alors vous allez à vous pouvez traiter tous les objets et assez facile. Ok, il n'y a que du bien. Ecoute, merci beaucoup. 29. objet: bonjour aujourd'hui va exercer un peu. Je vais vous montrer l'objet. Nous venons d'appeler des arguments et il stocke tous les arguments qui sont envoyés à la fonction. Pour l'utiliser, vous avez juste besoin de prendre la fonction. Le nom de la fonction qui s'appelle, par exemple, à des nombres. Ajouteriez-vous des chiffres et instantanément lorsque vous créez une fonction informatique, vous avez une bonne idée. La fonction a créé un objet qui est appelé arguments. Ok, tu peux maintenant taper des trucs. Vous êtes des humains de longueur. Et quand tu fais quelque chose, Ivor, variable certains. Et maintenant, nous allons impliquer la fonction avec, par exemple, libre 76 et quatre. Vous remarquerez que si nous faisons quelque chose comme alerter et rafraîchir, comme vous pouvez le voir, nous avons bon pour parce que nous envoyons donc argument. Et à l'intérieur de ces arguments Eh bien, à l'intérieur de cet objet, vous pouvez accéder à chacun de ces gars envoyés ici en utilisant l'index. Comme vous pouvez le voir, nous avons libéré le deuxième gars. Sept. Le troisième gars, c'est quoi six. Hum, je suis désolé. C' est le quatrième, non ? Je veux dire, nous devons nous rappeler comment les choses sont indexées. Donc six et le dernier gars est pour, alors ça marche correctement, non ? Nous pouvons accéder à toutes ces valeurs afin que nous puissions l'utiliser dans orderto, par exemple, ces nombres et vous avez probablement maintenant remarqué que nous pouvons envoyer ici des arguments minuscules comme nous voulons ces très utiles pour des situations comme ça. Alors comment Teoh se départir de ces arguments qu'on peut utiliser, par exemple, un lobe, n'est-ce pas ? Parce que vous pouvez aller à toutes les choses à l'intérieur de l'objet afin que nous puissions utiliser, par exemple, lobe, qui est appelé dans Donc, nous pouvons aller créer une partie temporaire à l'intérieur de l'objet arguments. Et puis nous pouvons acteurs chacun hors de la valeur des arguments comme ça, comme nous l'avons appris dans la dernière leçon. Pour qu'on puisse les allergies. C' est tout ça. Um propriétés, propriété si libre sept cherche tout fonctionne de allé à toutes ces valeurs. Alors maintenant, nous pouvons l'ajouter. Nous devrions créer un boom temporaire comme ça, et c'est juste l'ajouter à cette somme et retourner l'aile droite pour le rendre à l'endroit où nous avons impliqué la fonction. Et on peut les autres dehors ici. Comme vous pouvez le voir, il est 20 Donc ça fonctionne gratuitement plus sept stents six plus quatre est 20 maintenant. Nous en avions, par exemple, neuf. On devrait avoir 29 ans. Et ça marche bien. nous puissions connaître Senti Azman et les arguments que nous voulons. Et comme je l'ai dit, ces, euh, leçons de formation. Alors rappelons à nos dit comment tout fonctionne pour que tout ne fonctionne pas de haut en bas. Donc, nous devons aussi nous rappeler que les fonctions de notre départ avant d'invoquer quoi que ce soit juste dans le temps, plus capable et bien, ils ne sont pas le froid intérieur ne seront pas exécutés jusqu'à ce que nous invoquions. droite. Donc ça commence quelque part, d'accord ? Et puis maintenant, nous créons une variable que nous avons une valeur de dysfonctionnement. Donc nous sommes comme sauter la file d'attente, et nous envoyons sept six gratuits pour neuf à l'objet, qui s'appelle arguments. Et c'est un Bob un objet, non ? Parce qu'il s'agit d'un objet, il peut stocker des valeurs. Et cet objet est semble, est similaire à la zone car il les stocke dans 012 index libres. droite. Et nous pouvons utiliser les quatre look pour, par exemple, ajouter des choses. Donc, nous utilisons cela certains ici nous attribuons zéro à cela certains pourquoi nous faisons cela parce que nous ne le faisons pas. Comme vous pouvez le voir, nous avons bien connaître le nombre. Pourquoi ? Parce qu'un débogage si nous savons qu'un signe somme zéro est indéfini. Donc indéfini plus n'importe quel nombre n'est tout simplement pas un nombre. C' est pourquoi nous voyons donc quelque chose comme un n qui envoie pour savoir le nombre. Donc, il est très important d'affecter orteil ici zéro. Et maintenant, nous ajoutons simplement chacun de la valeur de ces arguments propriétés. Et puis nous retournons la valeur ici et nous l'alerterons. On peut le faire différemment. Voie droite. Nous pouvons faire utiliser la barre basse y sur l'autre, par exemple, car nous pouvons créer dans une partie d'un rebelle comme ça si les arguments que la longueur je plus souffle et nous pouvons juste à dese très aimé, um, hors cours. ce moment, nous avons un bon indice différent, comme il le concède 20 maintenant, donc tout fonctionne bien. Ce n'est qu'une bonne leçon. Merci beaucoup. 30. DOM: Bonjour Aujourd'hui, nous allons parler de Dome, qui envoie pour le modèle d'objet de document, et il est vraiment très important sujet. Concentrons-nous sur le modèle. Qu' est-ce que ça veut dire ? Model est une formule pour créer quelque chose et ils ont créé un modèle à partir du document HTML qui est universel pour tous les navigateurs. Qui est le jour ? Eh bien, les gens qui ont créé une spécification pour les gens qui créent des navigateurs. Ok et bien, nous n'avons pas besoin de nous en soucier. Qui sont-ils exactement ? Nous avons juste besoin de savoir que nous avons la méthode universelle pour récupérer, modifier, supprimer des choses de notre site Web. Et cette chose est vraiment puissante. Allons sur ce site. Comme vous pouvez le voir, nous sommes arrivés ici à part sur le panier quand nous cliquons dessus comme vous pouvez le voir, nous avons vu un parcours de vol dans ce panier et nous l'avons vu instantanément. Il dynamique Kelly, c' est ça. Nous ne pouvons pas ajouter un autre gars et nous pouvons le voir ici et nous pouvons enlever et ensuite bombarder. Cette chose est vraiment puissante et elle nous donne quelque chose comme, vous savez, nous permet de changer les choses sur nos sites Web dynamiquement et à cause de cela. Eh bien, vous savez, nous n'avons pas besoin de tout montrer pour nos usages au début du moment où ils visitent notre site Web. Tu sais, ce serait stupide d'avoir un panier ici au début parce que, eh bien, eh bien, personne n'a utilisé le panier qu'il avait, non ? Donc, c'est stupide de l'avoir alors ici est juste prendre cet endroit avant ne se concentrent pas sur d'autres choses sur votre site Web. Ils devraient. Ils devraient se concentrer sur d'autres choses qu'ils n'ajoutent rien au panier encore droit. Et vous savez quand ils ajoutent quelque chose, le gars sur votre site sait instantanément qu'il a ajouté quelque chose et il sait où est ce panier. Donc c'est puissant là où je pense que nous pouvons utiliser. Et vous étiez dans cette leçon, nous ne parlons pas d'action. Tu sais, quand tu donneras un coup de pied sur quelque chose, c'est égal et on parlera de la soirée plus tard. Mais la chose parlera de comment orteil vous savez comment vérifier Où sont les choses sur notre site Web, comment les récupérer. Et cette chose utilisera dans les prochaines leçons, par exemple, dans la leçon pair. Il est donc très important de se concentrer sur cette personne parce que c'est très, très important. Donc, il y a beaucoup de propriétés. Le plus important, je pense, est ici. Et certaines méthodes qui parleront de je pense que vous devriez télécharger quelque chose avec ce crâne. Document, objet. Inspecteur, Lorsque vous avez téléchargé, vous pouvez aller à la section développeur et l'ouvrir. Et cela va habitudes, vous savez, passant par ce modèle d'objet de document. Et cela me fera aussi vous apprendre comment ça marche. Donc, la première chose que vous devez savoir sur le modèle d'objet de document que tout dans le modèle d'objet de document est appelé et note. Ok, ce n'est pas une maladie. Non, c'est une note. C' est non, c'est non, c'est non. Saviez-vous que tout à l'intérieur est appelé une note que nous avons aussi quelque chose va discuter des éléments. Les éléments ne sont que parler. Donc la tête de lit html a fait si Dave le jour nos discussions bons éléments et le mec peut utiliser. Donc, il y a aussi beaucoup d'autres choses. Comme, par exemple, essayé. Qu' est-ce qu'un enfant ? Vous savez, un enfant est quelque chose qui est juste un bas dans la hiérarchie, une hiérarchie argent. Et ainsi, par exemple, chapeau est un enfant hors html. C' est un enfant de corps quand nous allons au corps et nous allons à la mort, par exemple, ce Steve. Oh, on a ouvert un autre site qui a ouvert celui-ci. Diable, opérer, inspecteur, comme vous pouvez le voir, quand nous allons ici sont sur la liste ordonnée et ensuite nous avons ici notre article de libération et tout cet article de la liste est l'enfant hors de l'ordre ? Ceci sous le bail est un enfant de corps, et le corps est un parent d'un autre. C' est un autre. C' est un parent hors de ce site de location. Et celui-ci, celui-là , celui-là Il n'y a pas, il n'y a pas, donc c'est assez facile à comprendre. Vous avez aussi quelque chose de bon. Il a des frères et sœurs. Cet élément de liste est un frère de cet élément de liste. Cet article est un frère de cette note texte, accord ? Et bien, ce sont les mots les plus importants que vous devez comprendre dans un modèle d'objet de document. Donc, comme vous pouvez le voir, c'est une formule qui est la façon dont il a été créé. Et maintenant, vous pouvez accéder aux propriétés à l'intérieur. Et cet inspecteur d'objets de document est vraiment utile parce que lorsque vous allez ici, par exemple, et que vous choisissez ces Manu et vous allez à l'objet JavaScript. Vous avez toutes les propriétés auxquelles vous pouvez accéder. D' accord ? Et ces propriétés peuvent aussi être des méthodes. Par exemple, celui que vous connaissez déjà. Comme vous pouvez le voir, nous avons ici, exemple Obtenir des éléments par nom de conversation. Droit ? Nous les utilisons donc lorsque vous allez au document. Comme vous pouvez le voir, nous utilisons déjà l'objet document. Vous remarquerez que nous sommes arrivés ici. Ah, la fonction qui va avoir un citron par le crâne, j'ai un citron par lui, non ? On l'utilise. Nous l'utilisons pour obtenir un citron du document, puis changer le HTML interne. Donc, quand nous obtenons par exemple, orteil un autre bail et ensuite nous allons à l'élément de la liste, nous pourrions changer en utilisant la HD interne d'un mile. Comme vous pouvez le voir, quelque chose avec le crâne CPA bus. Il y a beaucoup, beaucoup, beaucoup plus de propriétés , mais la plus importante , je pense au moins, sont celles-ci. D' accord. Et, eh bien, nous allons nous entraîner. Voyons comment cela fonctionne pour que nous puissions utiliser le document et maintenant nous pouvons accéder à nous en utilisant ces méthodes beaucoup de choses. Par exemple, nous pouvons actus éléments par le nom par le nom de la cible par Klasnic. Mais nous allons utiliser, par exemple, le I D. Et nous allons obtenir ce qu'un cours de programmation et disons, sauver les variables orteil hors exemple comme ça. Et il est vraiment important de sécuriser des choses comme ça dans une variable. Pourquoi ? Parce que vous savez tout le temps quand vous faites quelque chose comme ça, votre ordinateur doit fonctionner correctement, et cela prend du temps. Donc, si vous les enregistrez ici, vous n'aurez pas à le refaire. C' est juste dans notre plus que vous n'aurez pas à le faire à nouveau. Il est donc très important de faire quelque chose comme ça. Il a fallu créer un temporaire d'un Rabel parce que si vous deviez répéter ces choses à nouveau, vous allez juste faire votre ordinateur pour faire la même chose à nouveau. Ce qui n'est pas sensé, non ? C' est une bonne idée d'avoir une variable temporaire comme ça. Donc, comme vous pouvez le voir, nous avons obtenu l'objet html sur ordre. Donc on a eu ça. Pensez vous et cela signifie que nous pouvons accéder par exemple, le Je n'ai pas difficile ou ici s O i d. Et quand nous allons aux attributs, allons trouver leurs hommages. Oh, comme vous pouvez le voir ici est un attribut de propriété. Et à l'intérieur de ces attributs que vous avez, ce n'est pas un droit et vous pouvez accéder à zéro droit. Vous pouvez accéder au premier objet Et à l'intérieur de cet objet quand nous allons à la non, la valeur Comme vous pouvez le voir, nous pouvons accéder à des cours de programmation, des cours. C' est donc la valeur de cet attribut. Alors faisons-le. Pourquoi pas x qui attribue le premier élément de ces loin cette valeur de note et bombe. Nous avons de bons cours de programmation, mais vous savez, ce n'est pas la meilleure façon de faire cette adresse parce que nous avons dans cette situation une fonction que nous venons d'appeler get attributes. Quand nous utilisons la fonction comme ça, nous pouvons juste, vous savez, dire que je veux un attribut. On vient d'appeler Idee, et je veux voir quelle en est la valeur. Oh, c'est des cours de programmation. Très cool. Et on pourra l'utiliser plus tard pour quelque chose, non ? Nous pouvons, par exemple, accéder à chaque um possible que j'aime Mendel maintenant site Web avec trez aller la classe comme et je veux que vous sachiez après, par exemple, en utilisant la souris sur cet endroit, Je veux voir quelque chose, les filles écrivent quelque chose que vous pouvez faire ce que vous voulez avec ces informations. Donc c'est très utile. Vous pouvez également définir quelque chose de sorte que vous pouvez faire X, cet ensemble, attribut et vous êtes juste en tapant. Ensuite, le nom d'un hommage aux têtes de, par exemple, le nom de la classe, puis vous ajoutez leur nom hors de la classe. Donc, par exemple, tester et vous remarquerez que maintenant. Eh bien, presque rien n'a changé. Mais j'ai un feu de retour qui est, vous savez, vous savez, observer tout ce qui est sur leur site web. Vous pouvez le télécharger sur. Vous savez, la prise est pour le Firefox et il va doucement porter et nous irons ici. Comme vous pouvez le voir, nous avons ajouté la classe qui est appelée test, et c'est encore plus puissant parce qu'après avoir ajouté une dynamique et comme ça et si nous avions, par exemple, quelque chose dans notre station. Alors, changeons la couleur de l'orteil par exemple, rouge. Comme vous pouvez le voir, il est rouge instantanément, sorte que vous pouvez maintenant est après, Par exemple, quelqu'un bouteille de ruisseau, vous voulez changer la couleur et vous pouvez le faire dynamiquement. Après vous quelqu'un Creek ici vous voulez venir. Vous voulez changer l'affichage de cette chose de non à Ah, faire l'absolu et il va juste apparaître instantanément. C' est génial. À quel point est-il puissant ? Ah, tu le vois ? Vous avez juste besoin d'ajouter un attribut et tout va changer sur un site web sur la vie. C' est donc pour définir des attributs. Vous pouvez, bien sûr, supprimer des attributs. On pourrait ajouter un attribut et comment tu sais que je n'en veux plus. Je veux supprimer cet attribut, qui est appelé classe et, vous savez, vous savez, cause de la suppression de la classe en ce moment, nous ne voyons plus le bon. Donc nous pourrions avoir, hum, comme ici quand quelque chose dans le panier et quand quelqu'un a enlevé le ruisseau, alors si c'était dernière tentative et juste afficher il dit que l'affichage de cette boîte ne disparaît pas juste. Plutôt génial, non ? Mais on ne le sait pas pour l'instant. Comment orteil pourrait voir si quelqu'un clique sur quelque chose. Nous en parlerons plus tard quand nous parlerons de pair, alors allez avant les prochaines leçons parce que, eh bien, ils vous permettront de faire des choses puissantes. Ok, donc c'est le C'est l'une des choses les plus importantes. Mais vous savez aussi comment changer les choses à l'intérieur. Donc, nous avons déjà utilisé, par exemple, dans le droit HTML lorsque vous obtenez les cours de programmation. Nous utilisons donc des cours de programmation. Nous sommes à l'intérieur d'eux dans l'ordre. La Grèce, par exemple. On veut un accès aux orteils. Le moindre élément ici. Euh, comment on ferait ? Nous tapons juste ça et nous y accèderions en utilisant, par exemple, Ah, les diagnostics de notes d' enfant dans leur anneau off. Sachez que sur le niveau ci-dessous dans les rayonnages élevés. Ok, donc ça veut dire que nous avons tous les articles loués, mais nous avons aussi ces textes. Quel est ce texte ? Parce que, Eh bien, ce n'est pas les sippers plus c forte parce que C plus et C forte est à l'intérieur de cet article. Ce texte est juste tous les espaces blancs ici. Nous avons donc supprimé tous les espaces blancs. On ne verrait pas d'attaques comme ça. Ok, euh donc en faisant remarquer à un enfant qu'on ne l'est pas quand on le rafraîchit ? , Onda, on est quelque chose comme ça. Nous remarquons si vous avez de bons textes d'objet, ce qui est juste un bel espace ? Nous pouvons accéder à ces noms, mais nous ne pouvons pas faire de dévaluer et nous obtiendrons une valeur de celui-ci est considéré ici sont tous comme vous pouvez voir. Pourquoi les espaces ? Mais nous voulons le deuxième élément. Donc nous voulons faire quelque chose comme ça. Comme vous pouvez le voir, ce n'est pas maintenant, car à l'intérieur du moins élément iss une attaque d'élément. Et il y a en ce moment à un élément intérieur. Ce serait des piles. Et la valeur du nœud est en ce moment. Rien. La valeur du nœud est uniquement pour le texte. Ok, si vous voulez aller au texte maintenant, vous devriez taper quelque chose comme je veux obtenir maintenant. Le premier enfant par exemple . Donc la première marée de Lee Silom élément est cette taxe et vous pouvez le voir. On peut voir un texto, non ? Et quoi ? Nous pouvons voir un texte parce que nous y avons également accédé en utilisant le nœud Valium, nous avons fait quelque chose comme ça va remarquer qu'il aurait du texte objet. Et si vous voulez y accéder leur valeur, nous devons taper valeur de nœud. Ok, Donc la valeur hors texte est à l'intérieur aucune valeur. Et c'est une version directe de votre accès et quelque chose comme ça, et cela prend du temps, mais parfois vous devrez le faire de cette façon. Mais vous pouvez le faire un peu plus facile. Par exemple, en utilisant le monde obtenir un Lammens par nom de technologie et nous avons bien maintenant tous les articles loués, non ? Et parce que nous avons tous ces éléments, nous pouvons maintenant accéder à l'intérieur moins d'éléments de travail. Hum, façon dont nous avons tous ces éléments pour que nous puissions accéder par exemple au premier élément. Donc, il serait juste le moins élément et ensuite nous pouvons actus à l'intérieur. Le premier enfant qui est ce qui est une taxe, puis nous pouvons accéder par exemple valeur de nœud . Mais vous pouvez utiliser, par exemple, serait également HTML interne. Comme vous pouvez le voir, nous avons maintenant c plus ici. Mais il ya une différence avant entre les courriels d'intérêt et les textes contrecarrés Lorsque vous faites quelque chose comme ça, le HTML interne, nous vous montrons quelque chose comme ça, mais le contenu du texte, nous allons vous montrer exactement que le contenu du texte. Le problème est qu'il est uniquement pris en charge à partir d'Internet Explorer nine plus. Donc, si vous voulez soutenir ces sites Web, Rose est peu probable. Vous avez remorquage utiliser ce que vous qui auriez à aller au premier essayé dans la valeur du nœud. Le problème est que pas en ce moment n'est pas non parce que le premier enfant a changé. Nous avons maintenant l'enfant de cet article. La première frappe est audacieuse, puis la première vue de gras est supposé plus, Donc, nous aurons besoin de faire le premier enfant à nouveau. Premier enfant, première tribu. Et comme vous pouvez le voir, nous avons été nazis passé. Mais ça devient un peu difficile. Parfois, tu veux jouer aux orteils, non ? Mais si vous comprenez ce que cette partie et ce que cet enfant, ce qui est connu, ce ne serait pas difficile pour vous parce que vous pouvez. Alors même, vous savez, vérifiez ici quand vous allez au moindre élément et que vous allez, par exemple, vite, non ? Comme vous pouvez le voir le premier tir de ce moindre élément, ce sont des attaques. Ensuite, vous pouvez aller ici, et vous pouvez voir, par exemple, que la valeur de la note est c ++, donc c'est assez puissant. Le nom du noeud est le nom du noeud. La plupart du temps, c'est le nom de la conversation. Vous pouvez également utiliser le fait qu'aucun type libre est également toujours pour l'attaque un citron de sorte que vous pouvez vérifier si l'attaque est vraiment attaque parce que, vous savez parfois une note peut être attaqué. Parfois, il peut être sur l'élément yuk injuste. Vérifiez-le. Pas de type. C' est gratuit alors. Ok, c'est un élément. C' est une attaque. C' est un élément. Vous pouvez l'utiliser pour quelque chose d'utile. Droit ? Voyons comment ça marche le prochain frère. Donc, si je suis dans nos pistes notées comme ça et ensuite nous obtenons par exemple, les notes d'enfant. Donc la zone de tous ces éléments et nous avons, par exemple, la première personne que nous avons le texte, est-ce pas ? Mais si on fait de la bombe, je veux la prochaine sœur, tu verras que nous avons des objets au moins des éléments Donc c'est presque comme si nous avions fait quelque chose comme ça. Donc le soir suivant, sommeil précédent facile était pour accéder aux choses suivantes à l'intérieur et à l'intérieur et non, juste à côté sait à l'intérieur du nord, la note des parents serait tirer dans la note nous ferait reculer. Donc si nous sommes dans le moins de l'article en ce moment, nous retournerons à l'ordre. Donc ce serait presque la même chose et vous pourriez être comme, mais pourquoi aurais-je besoin de quelque chose ? Parce que parfois vous avez comme premier élément de votre fonction envoyé de quelque part un argument, n' est-ce pas ? Vous avez un argument, et il a été envoyé à votre fonction. Et vous avez et notez que ceux-ci, par exemple, ici et vous voulez savoir en quelque sorte comment est le manteau parent est également à l'intérieur d'un article sur commande ceci. Oh, et ça va ajouter l'identification dans l'identification comme ça. Oh, pour que je puisse faire ça et ensuite et ça. Ok, donc c'est comme ça que ça marche. Tu devrais savoir, essayer un peu, tu sais, tu sais, moitié de jeu de plantes. Nous jouons avec toutes ces choses ici pour voir comment, comment ils fonctionnent. Ce n'est qu'en effet, Versant. Merci beaucoup. 31. querySelector: bonjour aujourd'hui vous montrez deux métaux très utiles qui sont appelés sélecteur de requête, sélecteur d'enquête tous. Et comme son nom l'indique dans ce carré de situation, cela signifie demander quelque chose de notre document en tapant un sélecteur, un sélecteur qui ressemble au même. Comme nous avons créé des choses dans les s de la CIA Quand vous voulez demander tous les éléments de cuisine possibles qui a test de classe votre juste taper ce test et vous obtenez tous les éléments et vous pouvez douter alors faire quelque chose avec eux, comme éditer ce type en HD. En javascript, vous pouvez faire encore plus, à droite. Vous pouvez ajouter un événement dont nous parlerons plus tard. Vous pouvez, vous savez, changer la position de l'objet. Tu peux changer le texte à l'intérieur d'autres choses comme ça, non ? Et le sélecteur carré vous permet d'utiliser des sélecteurs que vous connaissez, et c'est vraiment puissant. Il vous permet de faire des choses assez rapides et faciles à comprendre. Donc tu n'as pas besoin de ça ? Si longtemps appelé Comme ici, vous tapez juste quelque chose comme au lieu de ce sélecteur de requête tout et ensuite vous tapez. Je veux tous les cours de programmation et je veux tous ces éléments et puis nous juste rafraîchissant pour avoir le même résultat. Donc c'est puissant, est-ce pas ? Mais il y a un problème. Il n'est pas pris en charge dans Internet Explorer six et sept totalement. Donc, si vous voulez prendre en charge ce navigateur Web peu probable, vous ne pouvez pas l'utiliser. Mais j'ai une bonne information pour vous. Il y a quelque chose de très similaire cadre d'aquarium de blessure et puis vous pouvez l'utiliser dans ah, dans Java Internet Explorer six et sept. Donc, si tu veux, tu l'utilises si tu l'aimes et tu veux soutenir ce frère, qui sont tous que la plupart je ne suis pas. n'y a plus beaucoup de gens qui l'utilisent. Alors peu probable. Vous devez Ah, arrêter de l'utiliser ou tout simplement changé en choeur de jour et il est à moitié pris en charge dans Internet Explorer et expert Internet huit. Je le ferais, je veux dire par moitié soutien. Eh bien, vous avez de bons sélecteurs que notre avance et pas avance Ils ne sont pas avancés. Comme le choix d'un citrons par la classe Nom O R par l'identification de son et avancer un où vous voulez choisir qui échiche les sept enfants sur le off. Vous connaissez ces affichages, par exemple, je veux choisir le dernier enfant. Oh, je veux choisir le premier départ instantanément. Vous pouvez faire des choses comme ça dans l'avance CSS avec les sélecteurs avancés. Donc, par exemple, je veux choisir exactement celui sur, par exemple, et essayé. Et je ne le ferai pas. Troisième gars sur les gars de Ted. Donc, cela signifie que nous allons voir ici Java 12 gratuit. C' est Java. Mais aussi cela signifie que bien, ici nous avons un tableau sur un citron. Ce n'est pas une bonne idée, parce que si vous savez exactement vouloir choisir Onley un Pensez à partir de votre site Web. Tu ne devrais pas en créer un autre parce que tu prends une épice. La deuxième chose, c'est que tu dois penser au bon moment que ce salaud va chercher plus choses comme ça. Et c'est donc une bonne idée d'utiliser la requête sélectionnée dans certains quartiers. Selector sélectionne la première requête d'occurrence et la renvoie en tant que variable unique . Ok, donc ça veut dire que nous n'avons pas ici maintenant et un droit Nous utilisons juste quelque chose comme ça et nous avons bon Java. Mais nous ne traitons qu'un seul et citron. Donc, si vous faites quelque chose comme ça, vous aurez maintenant le premier un remède. Et donc ce sont les pièces excédentaires, non ? Le premier élément hors location à l'intérieur des cours de programmation. Le premier eso si vous voulez plus, vous devez juste changer tout et ce que je veux. Par exemple, choisissez tous les éléments de possibilités et je voudrais faire quelque chose comme ça Et puis je peux accéder si nous avons les index dans le tableau afin que je puisse aller voir plus souffle. Je veux aller à celle-là. Donc, 12012 est gratuit pour 56 Donc je vais juste taper six ici et je suis allé Js assez génial, non ? Vous pouvez choisir ici ce que vous voulez avec des sélecteurs très avancés, même des sélecteurs. Donc, vous avez le moyen puissant de sélectionner les choses et ensuite faire quelque chose moi quelque chose avec eux. Donc, nous savons que nous avons ici des méthodes comme Gettleman par I d obtenir des éléments par nom de technologie qui sont pris en charge dans tous les navigateurs Web. Mais il y a aussi à obtenir plus d'éléments par nom de classe qui choisissent simplement par nom de classe. Mais ils ne sont pas pris en charge dans six, sept et huit Internet Explorer dans la version comme ça . Donc, ce n'est pas une bonne idée pour vous d'utiliser quelque chose comme ça parce que même un sélecteur tout à fait est pris en charge dans les six et sept éléments droit Get par non, mais par son nom n'est même pas supporté dans 67 et 99. Donc, si vous voulez choisir par attribut, est préférable d'utiliser le sélecteur de requête aussi parce que bien, vous pouvez faire certaines choses comme ça Vous pensez voit les sélecteurs Ceux-ci ne causent pas sur le sélecteur C s . Donc, je ne vais pas passer par toutes les choses possibles ici. Il y a beaucoup d'informations sur Internet à ce sujet. Ou peut-être que je créerais quelque chose bien sûr sur CSS. Ah, mais vous savez, vous pouvez juste utiliser les sélecteurs que vous voulez afin de choisir les choses de votre site Web. Et ce qui est cool, c'est que maintenant tu ne peux pas changer sur cette cravate, mais tu peux faire ce que tu veux avec ça, non ? Vous pouvez changer la position de cette vérification. Vous pouvez le redimensionner. Vous pouvez changer le déplacé avec le style. Vous pouvez ajouter un événement ou d'autres choses comme ça. Ok, ce n'est que la leçon. Merci beaucoup. 32. Modifier des styles dynamiques avec js: Bonjour Aujourd'hui, je vais vous montrer comment changer Dynamic hellis StAIS en utilisant le modèle d'objet de document en javascript. abord, vous devez vous demander d'interroger quelque chose de votre site Web afin de le changer correctement, vous devez obtenir ces éléments Donc,par exemple, par exemple, en utilisant le sélecteur de choeur tout en utilisant le moins d'élément parler ici. Nous venons de sélectionner toutes les possibilités disponibles sur notre site Web. Donc nous les avons maintenant et nous voulons les éditer. signifie que nous voulons changer le côté par exemple la couleur comment le faire. Pour le faire, vous pouvez maintenant les accéder à ces variables et bien, c'est un étroit. Ainsi, vous pouvez accéder par exemple au premier élément en utilisant leur zéro Et maintenant ce style. Ensuite, vous pouvez accéder au style que vous voulez changer et bien comment il est appelé. Vous pouvez aller à, par exemple, re Ference créé par Mozilla Developer Network. Mais cela n'a vraiment pas d'importance parce que presque toutes les propriétés sont nommées le même en javascript et saisit. La seule différence est qu'ils utilisent ici, vous voyez le tiret et ici, ils utilisent la majuscule droite la plupart du temps et C'est juste un seul mot, comme vous pouvez le voir est juste la même plupart du temps. Donc tu n'as pas à t'inquiéter te souvenir de tout. Donc, si vous voulez changer la couleur avec juste taper le que la couleur est égale Et maintenant, par exemple, rouge Et comme vous pouvez le voir, le premier gars est prêt même vouloir changer la couleur du gars sept, comme vous pouvez voir les zones au sol a raison, n' est-ce pas ? Pourquoi les sept ? Rappelez-vous que nous ne pouvons pas à partir de zéro. D' accord. Donc, vous pouvez maintenant changer ce que vous voulez. Vous pouvez, par exemple, dit que l'affichage à non droite. Tu peux cacher un citrons comme ça. Et en ce moment, nous tapons tout ici. Nous voulons exécuter quelque chose. Comme par exemple, par exemple, exemple, découvert après avoir cliqué sur quelque chose. Et cette chose s'appelle « evens » et on parlera de toutes ces choses plus tard. Mais vous savez que vous avez des problèmes. Eh bien, je dois changer ça de cette façon ? Hors cours. Note. Vous pouvez utiliser ce que vous pouvez utiliser quand quelque chose est répété plusieurs fois quelque chose de déesse appelé un morceau. Donc, par exemple, pour l'index variable à l'intérieur des cours, je veux changer pour chacun d'eux droit ? Afficher neuf et tout a disparu. Eh bien, changons-le pour, par exemple, une couleur. Comme vous pouvez le voir maintenant tout est prêt. Je ne veux que les orteils. Choisissez, par exemple, des cours de programmation. Ok, faisons-le assez vite. Ah, j'ai Bon maintenant programmer des cours, non ? C' est aussi pour accéder à un style, il suffit de taper ce Styx sur l'élément, puis le nom hors site que nous voulons changer. Mais est-ce la meilleure chose à faire pour changer des choses comme les sites de la couche JavaScript ? Pas toujours. Tu devrais la plupart du temps à un cours, accord. Comme je vous ai montré dans la première leçon Lexus sur le modèle d'objet de document que vous pouvez ajouter un attribut, par exemple , une classe , une classe. Par exemple, vous pouvez appeler cela les liens sont une autre chose. Et vous pouvez ajouter des STAIS dans cette marée que CSS en ajoutant des attributs. D' accord, pourquoi ? Une solution comme ça serait mieux. Parce que vous avez alors commence seulement dans 115 Vous n'avez pas besoin de vous rappeler que quelque chose est changé à l'intérieur du code JavaScript idéal. Ok, donc il vaut mieux changer de camp en ajoutant un hommage plutôt que de devenir mort ? Ok, tu peux le faire, mais tu devrais l'éviter. Il est préférable d'ajouter des attributs car il sera plus facile pour l'entretien futur de votre manteau . Merci beaucoup. 33. Ajouter ou supprimer des éléments: Bonjour Aujourd'hui, je vais vous dire comment ajouter et supprimer des éléments sur votre site Web. Pour le faire, vous devez utiliser la méthode create element, puis John Stipe nomme l'attaque. Alors faisons-le. Document qui crée un élément. Et par exemple, nous créerions l'élément P, qui signifie parc. Sauvons ça. Donc, par exemple, cela a sauvé ici et maintenant nous pouvons y accéder et nous pouvons faire ce que nous voulons avec. Mais vous devez vous rappeler quand vous créez un citron, il n'est pas dans votre corps. Trois instantanément vous avez attelage ajouté. Donc, quand vous le rafraîchissez et que vous utilisez le feu Bach et que vous allez ici, vous pouvez télécharger l'écorce de boule de feu. Ce serait dans la bombe bonus de la section de la Bien sûr, vous pouvez aller à la re ici et comme vous pouvez le voir, ce n'est pas encore humain, non ? Vous venez de le créer. Vous pouvez maintenant faire une nuit être Stichel ou rouge. Vous pouvez faire P e union de nom de classe. Vous pouvez créer le coût du test. Vous pouvez faire p. html interne va être,par exemple, par exemple, certains pensent pouvez-vous et comme vous pouvez le voir, il n'est toujours pas ici, non ? Rien ici. Rien ici Vous avez remorquage ajouté. Vous avez remorqué un pent cet enfant car il s'agit d'un enfant auquel vous pouvez ajouter et noter. Donc, vous pouvez, par exemple, devenir plus audacieux afin que nous puissions faire le sélecteur de requête de document et nous pouvons accéder au corps Et maintenant nous pouvons l'enregistrer dans la variable temporaire et nous pouvons ajouter au corps à la fin du dossier Un enfant et nous pouvons juste die pp. Et, comme vous pouvez le voir maintenant est ici. Quand on ira ici, comme vous pouvez le voir, on peut le voir. Le style de test de classe colorisé quelque chose que vous Donc tout ce que nous décrivons ici est maintenant à l'intérieur ici. Alors c'est joli Elson, non ? Nous venons d'ajouter quelque chose de nouveau à notre document qui n'était pas dans nos étoiles, Scott, comme vous pouvez le voir maintenant dans notre source. Mais ce n'est pas visible. Il est seulement visible avec le feu arrière parce que le feu arrière est juste, vous savez, constamment rafraîchissant cet endroit certains Il est très bon d back toe, mais vous pourriez penser maintenant. Hey, je vous ai dit que notre HTML interne peut être utilisé pour ajouter et parler HTML. Oui, il peut être utilisé. Alors pourquoi Boulder utilise quelque chose comme ça ? Parce que lorsque vous utilisez un HTML interne, tout va être réinitialisé à l'intérieur du HTM interne. Mel, ça veut dire que ça va vraiment être à nouveau passé. Ok, qu'est-ce que ça veut dire ? Parce que, tu sais, faire comme un, mais qu'est-ce que ça veut dire ? Qu' est-ce que ça veut dire ? Ça va être à nouveau sac à main ? Faisons un peu d'exercice. Créons ici un autre paragraphe. Et avec l'identification, elle par exemple. Ah, test. Faire. D' accord. Et maintenant, allons-y. Donc document Obtenez le citron par I d, exemple, parce que je ne sais pas faire pour vous, Squire Sector maintenant et je vais être testé. Je le sauverais. Et maintenant on peut en faire quelque chose. Comme si nous pouvions changer la couleur si le style, taille de notre téléphone. Nous avons donc changé la taille du téléphone. Vous pouvez voir que ça marche, et c'est bon. Nous éditons ici quand vous vérifiez le feu. Bach. Comme vous pouvez le voir , on est là maintenant. Taille du téléphone 14. 14 nous choisissent. On l'a ajouté. Tout fonctionne. Très bien. Mais il y a un problème. Si j'avais quelque chose de nouveau en utilisant tout et l'a exhorté et c'est la chose la plus importante. Quand je fais quelque chose comme ça, j'avais quelque chose pour qui je sais. Ça suffit. Son travail, ça marche. Pourtant, le problème se produit si vous voulez changer quelque chose par la suite. Donc, si je voulais changer ici la taille du formulaire comme vous pouvez voir la taille a augmenté, je le saurais, changer orteil huit corrections. Comme vous pouvez le voir, ça ne marche pas du tout. Pourquoi ? Parce que je vous ai dit que tout est des réparations, des rapports chaque fois que vous ajoutez quelque chose au HTML interne comme ça, qui signifie que si vous adhérez pour trouver cette chose est supprimée. Il dit que j'ai créé à nouveau et parce que tout est que vous courez de haut en bas quand vous êtes dans 9 25 nous accédons à ce paragraphe avec je déteste aussi. Et quand nous adhérons à un nombre quatre orteil le html interne alors cette chose est détruite et nous n'avons pas d'acteurs à manger des animaux afin d'y accéder. Ça va devoir faire contre quelque chose comme ça. Et puis, ouais, ça marche très bien, non ? Mais ce n'est pas comment nous devrions penser parfois, juste quand vous voulez avoir accès à quelque chose dans le monde entier le document entier et cela va vraiment arriver beaucoup de fois. Ensuite, vous devez créer un élément manuellement. OK, mais sinon c'est une bonne idée à utiliser dans leur HTML car c'est plus rapide et c'est plus facile à utiliser correctement. Vous allez plus tard créer quelque chose de digne, sculpter des evens aussi et ils sont également détruits. Tout est détruit quand on ajoute des choses comme ça, accord ? Et c'est plus lent quand tu le fais de cette façon. Mais vous savez, si vous pouvez faire quelque chose dans, vous savez, une fonction et que vous n'avez pas besoin d'y accéder plus tard, alors c'est une bonne idée d'utiliser du HTML interne. Vous pouvez même le parler en créant une chaîne temporaire et en affectant la grande chaîne dans le HTML interne à la fin. Nous ferons quelque chose comme ça dans la prochaine leçon quand nous formions quelque chose eso que c'est comme ça que ça marche. OK, vous utilisez dans notre HTML lorsque vous voulez juste faire quelques simples une action simple que vous ne voulez pas orteil se référer à la A citron un citron plus tard. Ok, parce que ça pourrait nous causer des problèmes. Il serait difficile de détecter le droit d'aboyer quelque chose comme ça ce qui s'est passé. Mais j'ai des acteurs ici, mais comment ? Comment ? Comment ? Comment ? Ce n'est pas comme ça qu'après cette ligne, je ne peux pas le changer ? Il est juste comme, Whoa, vraiment, vraiment, tu l'as fait. Tu dois juste savoir comment fonctionnaient les Molly internes HD. Ok, alors maintenant comment enlever un citron ? C' est et c'est assez bizarre parce que si vous vouliez, par exemple, supprimer les cours de programmation ou les cours de développement Web, essayons ceux-ci. Il faut d'abord l'avoir. Donc chœur un sélecteur, par exemple, puis des cours de programmation. Tu dois le sauver quelque part. Alors qui a fait quelque chose comme ça ? Et comme vous pouvez le voir, leur fonction de suppression est appelée supprimer graphique. Il supprime enfant sur. Donc, en ce moment, nous sommes dans la chose principale que nous voulons supprimer. Donc, nous devons aller en utilisant la note parent au pouvoir et et du parent. Nous pouvons supprimer l'enfant, qui est des cours de programmation. Et puis, oui, vous venez de supprimer toutes les choses des cours de programmation dès que vous allez ici, comme vous pouvez le voir, nous n'avons plus de cours de programmation, c'est élargi. Vous vous demandez peut-être pourquoi il n'y a pas de fonction comme ça. Oui, il y a une fonction comme ça, mais c'est plutôt nouveau, et ça ne marchera pas. La plupart des frères Web ne l'utilisent pas. Ne vous embêtez même pas à l'utiliser parce que la plupart du temps, vous ne travaillerez pas. Mais rappelez-vous également que la plupart du temps, vous ne voulez pas supprimer quoi que ce soit de votre de votre code HTML. La plupart du temps, vous voulez juste cacher quelque chose, et pour se cacher, il est préférable d'utiliser des vaisseaux. Vous voulez simplement changer l'affichage de absolument pas de non sur ou de non-orteil. Absolue sur quelque chose comme ça, non ? Vous pouvez changer l'opacité. Peu importe vous le plus de temps. Je ne veux pas supprimer quelque chose parce que nous supprimons et l'ajouter prend du temps, est-ce pas. Il est préférable de changer simplement le changement de l'affichage en, par exemple, exemple, en changeant la classe d'attribut. Ah, en l'enlevant plus tard, non ? Ou tout simplement changer le style que ce jeu de rien trop absolu sur la façon dont vous le ferez. Probablement après ces voitures veulent aussi apprendre quelque chose. Ce que l'on appelle Jake porter avec Jake porter des choses comme ça sont vraiment encore plus faciles. Alors juste après ces voitures, allez-y et apprenez quelque chose avec cette requête pays. Parce qu'il vous aura encore plus. Il y aura juste beaucoup de fonctions utiles qui seront plus faciles à utiliser. Et ils le seront. Vous savez, vous pouvez les utiliser dans n'importe quel navigateur. Il ne sera pas parce que Jake porte un support tous les navigateurs. Ok, c'est tout dans cette leçon. Merci beaucoup. 34. Boucle dans une autre boucle: bonjour aujourd'hui avec un peu de train, nous créons une table de multiplication qui sera dynamique, Kelly ajouté dans votre site web, et nous allons former quelque chose. Ce qu'on appelle la boucle. Nous créerions une boucle à l'intérieur d'une autre boucle et je vais vous montrer comment cela fonctionne. Alors commençons par prendre le diff avec le résultat I D. , parce que nous avons besoin d'orteil à quelque part Are table de multiplication. Ok, sauvegardons ça et nous voulons ajouter du contenu ici tout de suite. Et nous devons penser que si vous voulez utiliser le métal enfant arrivé ou que nous voulons utiliser le HTML interne, quel est l'avantage d'utiliser et d'essayer ici ? Si vous utilisez haut et haut et enfant, nous pouvons alors créer tous les éléments. Mais bien, création d'éléments est assez lente pour JavaScript lorsque vous devez créer une table de table, faire pivoter l'automatisation D t. D. , prendre la dimension en la création d'éléments est assez lente pour JavaScript lorsque vous devez créer une table de table, faire pivoter l'automatisation, prendre la dimension enD t. D. il sera également pas manteau clair. Donc nous n'avons pas aussi besoin des fesses référentes à l'aérateur de Zvereva. On veut juste que les orteils l'assignent à la fois. Très bien, donc c'est une mauvaise idée d'utiliser et d'essayer une meilleure idée d'utiliser du HTML interne, mais nous ne devrions pas adhérer. Vous avez quelque chose comme faire quelque chose comme cette table et ensuite nous ne devrions pas faire quelque chose comme ça et ensuite, vous savez, répéter une table de buffet ou peut-être une dimension de table. Pourquoi ? Parce que, comme je l'ai dit dans la dernière leçon, quand vous le faites de cette façon, tout est re pièces recréé à nouveau, non ? Cela signifie que cela prend beaucoup de temps. C' est pourquoi nous devrions créer un temporaire Nous sommes capables que nous stockons juste la table de multiplication . OK, c'était le magasin et on a l'écurie juste ici, non ? Et à la fin, à la fin, nous sommes juste assignés au HTML interne Le résultat. Ok, et ce sera juste assez pour nous. Donc, nous voulons créer quelque chose que nous ressemblons à ceci droit, une table de multiplication. Rafraîchissons ça parce qu'ils n'ont rien maintenant et faisons-le. Je pense donc que nous devrions utiliser la boucle parce que nous voulons multiplier un par deux par trois par cinq. Et c'est etcetera, n'est-ce pas ? Donc pour l'instant sont capables je égale zéro. Si je suis inférieur à 10 et je plus plus, ce qui signifie que nous voulons tout de suite Répétez ceci. Pensez 10 fois de 0 à 9. Pourquoi ? Parce que cette note orientale inférieure à 10 Ce qui signifie que 10 ne sera pas affiché du tout. Nous faisons quelque chose, par exemple, comme cette table de multiplication en plastique appelle I et nous verrons le sur le résultat des nombres de zéro à maintenant, non ? Et c'est assez facile à comprendre, est-ce pas, parce que nous sommes ce que nous créons un temporaire de rebelle. Nous assignons orteil I zéro. Et si j'ai moins de 10, alors nous voulons simplement répéter toutes ces instructions jusqu'à ce que j'aie un peu plus de 10. C' est vrai ? R est égal à. Donc, nous devrions changer est juste, parce que nous ne voulons pas d'un ne veulent pas entendre quelque chose comme zéro orteils veulent libre mais ne veulent pas libérer pour 2 10 est les tables de multiplication de base Donc nous devrions le changer à quelque chose comme ça Et maintenant, il fonctionne assez bien Ajoutons un espace pour qu'il soit mieux. Et maintenant, nous voulons quelle deuxième ligne ? 1/3 ligne comment créer les lignes suivantes. Eh bien, afin de créer la deuxième ligne voudrait multiplier ces lignes par deux. C' est vrai ? Nous aimons multiplier un par orteil pour en acheter deux gratuitement par 4 à 5 à six par deux. Obama, c' est ça ? Vous voulez créer la troisième ligne voudrait multiplier la première ligne par gratuit par quatre par et ma mère Alors comment le faire ? Mais si nous faisons quelque chose comme ça, nous adhérons à. Comme vous pouvez le voir, nous avons la deuxième ligne instantanément, non ? Si à votre libre nous avons la ligne fatiguée quatre pensée ligne cinq, cinquième ligne. Donc la vérité est que nous voulons orteil exécuter ces instructions, mais nous voulons changer ici Avery capable 10 fois. Donc, nous devrions exécuter la boucle f à l'intérieur d'une boucle jusqu'à présent de sont capables et nous avons besoin de créer un autre ont été capables Maintenant quand Jay est inférieur à 10 j plus et veulent multiplier ici par J et même pas est que nous avons maintenant la table de multiplication Mais ce que nous n'avons pas Ah vous connaissez l' espace de pause Alors ajoutons-le. Nous ne devrions pas l'ajouter ici parce que lorsque nous avons ajouté ici, nous l'aurons après chaque nombre Nous voulons l'ajouter après chaque ligne, droite, Donc afin de l'avoir après chaque ligne. On devrait l'ajouter ici. Et comme vous pouvez le voir, nous avons une bonne table de multiplication maintenant. Ça n'a pas l'air bien, mais ça marche plutôt bien, non ? Nous avons du bien. Maintenant, il veut se sentir pour les combattants. 10 246 20, etcetera. Et maintenant analysons cela. Allez la belle parce que comment vous savez que vous pourriez être comme Comment ça fonctionne quand le assigné ici ? Alors j'ai gagné. Nous vérifions. Si je suis inférieur ou supérieur à 10, il est inférieur, ce qui signifie que nous pouvons maintenant exécuter toutes les instructions à l'intérieur de la boucle. Donc, nous rencontrons en ligne neuf une boucle à nouveau, ce qui signifie qu'il a orteil exécuter avant d'aller orteil. D' autres instructions comme, par exemple, que l'un Tout à l'intérieur de ces boucles autant de fois que les conditions le disent. Nous créons une journée très capable et nous assignons un orteil. Si l'on est inférieur à 10 car il est inférieur, alors 10. Donc nous avons ici maintenant un multiplié par un et puis parce que nous avons exécuté ces instructions, que Waas a dit qu'il devrait être un vous savez, exécuté. Nous devons augmenter J. Donc ce n'est pas trop. Et nous vérifions encore. Si deux est inférieur, les sont supérieurs à 10. Ensuite, exécutez à nouveau cette chose. Parce que si c'est le cas, personne n'a été multiplié par deux. Donc oui, nous avons maintenant ils sont toujours là. Ok, super. Ensuite, nous avons gratuit 456789 10. droite. Donc, si vous avez quelque chose comme ça, nous n'avons qu'une ligne. Si vous faites quelque chose comme ça, nous aurons deux lignes libres libres, 25 lignes. La chose cool à propos de vous savez, en utilisant des boucles, c'est que maintenant nous pouvons changer le résultat très rapidement. Et nous pouvons augmenter notre table de multiplication juste dans quelque chose d'orteil, tout ce que nous voulons. Ok, donc après avoir fini ça quand ça sera, tu sais, 11 on va exécuter cet or. Donc, nous ajoutons la ligne de frein et puis nous vérifions Eh bien, nous ajoutons orteil, je encore une fois un à cause de la mise en œuvre ici. Et si deux est inférieur ou supérieur à 10, c'est le cas. Et nous allons exécuter à nouveau ces choses. Donc c'est comme ça que ça marche. C' est comme ça que Lope est. Ils travaillaient à l'intérieur d'un autre regard. Ok, alors passons à la table. Il n'aura pas besoin d'avoir une table. Faisons en créer un comme ça. Donc, comme vous pouvez le voir maintenant, nous allons créer des éléments d'argent. Et c'est mieux de le faire comme ça parce que, eh bien, nous allons juste les assigner à la fin ici, non ? Et ce sera juste assez rapide. Donc tu as une table maintenant ? Maintenant, nous avons besoin d'une table de données sur. Et je pense que les données de table sont exactement là où tous ces chiffres sont présentés. Donc on devrait à la dimension de la table ici, non ? Comme ça. Et aussi nous avons besoin d'une ligne de table. Et Pedro est là où les braghis. C' est vrai ? Donc, nous devrions mettre fin au rôle de table ici, Mais nous avons également arrêté un bureau social avant d'entrer dans le lope ici et maintenant, Comme vous pouvez le voir, nous l'avons obtenu à l'intérieur d'un lope. Donc ça a l'air mieux en ce moment. Quand nous le changerons, tout sera toujours joli. OK, c'est tout. Leçon indienne. Merci beaucoup. 35. Les bases des événements: bonjour que nous avons créé jusqu'à présent ont été invoquées manuellement, ce qui signifie que nous étions juste en tapant le nom des fonctions que les parentis est que nous pourrions quelque chose envoyer un argument à dysfonctionnement et bien, nous allons juste exécuter le code à l'intérieur. Mais nous le faisons tout le temps à travers ce point creep Js Et vous savez, la plupart du temps, nous voulons exécuter les fonctions quand quelque chose se passe sur votre site Web, quand il n'y a même pas quand même s'est produit et c'est quand nous utilisons evens. Ok, donc c'est juste quelque chose qui se passe sur votre site Web et nous pouvons réagir à cela. Par exemple, nous pouvons dire ce qui devrait être exécuté après et même imaginons une situation où quelqu'un tape le mot de passe dans les quatre et il doit se retirer être le jeu pour s'assurer qu'ils sont tous les deux les mêmes après avoir soumis le téléphone, qui est aussi même hors si battre. Par conséquent, nous pouvons vérifier avec la fonction si les deux importations sont les mêmes. Donc, même sont juste des actions typiques faites par les utilisateurs hors de votre site Web que nous voulons orteil réagir correctement, sont même rendre la dynamique de votre site Web. C' est plutôt génial. Donc, depuis aujourd'hui, votre html va devenir quelque chose a été appelé le HTML dynamique texte hypertexte langue Amérique . Par dynamique, nous voulons dire que vous pouvez me trouver Nolly répondre dynamiquement orteil tout ce que ces votre utilisation air fait sur votre site afin de savoir comment vous inscrire et même vous pouvez le faire en ligne dans la lutte html . Ce n'est pas la meilleure solution. Je te le dirai bientôt. Pourquoi t'embêter ? Commençons à partir de ça. Pour ce faire, vous tapez le nom hors. Où est-ce que tu as tous ces noms ? Vous pouvez aller à la référence pair, par exemple, au réseau de développement modulaire. Il y a juste des tons sur eux. Mais vous connaissez la plupart d'entre eux que vous ne verrez jamais sur votre voyage de programmation. Ok, on va atterrir dans ces cicatrices. Le plus important aujourd'hui, que je montrerais un énorme. Ça suffit. Peut-être qu'on apprendra qu'ils ont jeté tous les appels de cette leçon. Ok, parce que, eh bien, la vérité est que même notre juste donner le pouvoir pour toi. Javascript. Donc, pour le créer, il vous suffit de taper le nom de l'événement que vous voulez enregistrer et par exemple, inscrivons-nous. Cliquer sur clic est juste quelque chose qui va se passer quand vous cliquez dessus, non ? Donc, depuis maintenant, lorsque vous cliquez sur le discours, Dave sur l'exemple pour quelque chose qui est à l'intérieur de la taxe si simple, vous allez pas exécuter la chose qui est ici, vous pouvez taper ici un code JavaScript que vous pouvez exécuter, par exemple la fonction. Donc,par exemple, disons par exemple, que je veux un test d'allergie aux orteils. Ok, donc après avoir rafraîchi obtenir quand nous cliquons dessus Comme vous pouvez le voir, nous pouvons voir ce message ici. Donc, après avoir cliqué, nous ne l'avons pas exécuté automatiquement lorsque nous avons chargé notre site Web juste après avoir cliqué dessus. Bien exécuté assez Aussi, nous pouvons le changer pour, par exemple, tous plus de souris sur. Donc, cela signifie que lorsque la souris est terminée, alors nous pouvons voir ce message. Sinon, cela ne fonctionne pas. Obtenez notre Donc, il y a beaucoup d'événements que nous venons d'apprendre dans les prochaines leçons aujourd'hui. Nous venons d'apprendre comment les orteils les enregistrent et comment les gérer. Ok, donc maintenant nous le faisons dans la ligne. Nous pouvons Vous ne le faites pas dans le JavaScript de cet endroit. Et c'est mieux. Pourquoi maintenant imaginer une situation où nous aurions, par exemple, plus de jours comme ça. D' accord. Et imaginons que vous avez de bons milliers de HTM si l'un ou l'autre ? Peut-être 30. D' accord. Le saviez-vous ? Et maintenant, disons, a fait vos balles ou même vous venez de remarquer. Tu sais, je ne veux plus faire quelque chose après que quelqu'un ait fait ce dif que tu aurais retardé de tous les endroits possibles manuellement. Vous imaginez ça ? Ce sera horrible pour toi. Ok, donc sur cette solution solo est génial. Mais seulement pour les premiers petits sites Web. Ou, par exemple, où vous où il est juste votre carte de visite ou quelque chose comme ça. D' accord. Sinon, vous devriez éviter cela. D' accord ? C' est mieux de le faire. Eh bien, nous pouvons le prendre pour venir, et vous pouvez voir plus tard comment ça a été fait. C' est mieux de faire quelque chose comme ça. Bombe. Pas de clochard. Et on va prendre ce type. Donc on va mourir. Document. Obtenez un citron par résultat, nous allons le sauver à la température d'un Rabel. Et maintenant, nous pouvons utiliser le point taper le nom hors même que je veux gérer et puis je peux lui assigner bien que nous voulons faire. OK, on a ça après ça, euh, design. Et il y a quelques problèmes maintenant, si je fais quelque chose comme ça, vous ne sera pas n'est pas quand je rafraîchis, sont automatiquement recevoir test quand je ai ma bouche sur ces taxes, il ne fonctionne pas. Pourquoi ? Parce que vous devez vous rappeler que tout le temps quand notre paquet JavaScript voit quelque chose comme ça avec la maladie de la pauvreté, est-ce pas ? Il dit que la fonction du parent est que cela signifie exécuté automatiquement en ce moment. Et la vérité, c'est que nous sommes la même chose ici. La chose qui va être retourné de l'Arctique quand les annonces rien. C' est pour ça que ça ne marche pas. Alors, comment exécuter quelque chose comme ça ? Quoi ? Vous pouvez créer une fonction animus dont nous parlions dans les leçons à leur sujet. Droit ? Andi ? ce moment, nous avons de bons animaux fonction Q et à l'intérieur, nous pourrions exécuter, par exemple, dysfonctionnement, non ? Et maintenant, quand on a des kilomètres au-dessus, ça marche bien. La chose cool à propos de cette solution est que nous venons d'ajouter tous les kilomètres, même à cet élément. Et maintenant on peut le changer de cet endroit. Nous n'avons pas besoin d'aller au HTML cinq. Si nous avions, par exemple, plus d'éléments prenant ici. Et nous allons juste à cette propre souris sur, même à chacun de l'élément à l'intérieur de la zone ou quelque chose comme ça, nous pourrions le changer instantanément en un seul endroit et nous n'aurons pas besoin de faire quoi que ce soit dans le html cinq. OK, c'est pourquoi cette solution est juste meilleure pour les plus grands sites Web. Il a encore quelques choses de pari qui peuvent être résolus en utilisant quelque chose de bon est qualifié à même l'auditeur. Mais nous allons parler de cela dans la prochaine moins dans cette leçon, vous devriez juste vous rappeler que même sont juste pense que ce qui se passe sur votre site Web et vous pouvez y réagir en invoquant une fonction, par exemple droit. Et vous devriez également remarquer ici que lorsque vous avez ici propres miles plus, nous pouvons invoquer que vous avez beaucoup de fonctions, non ? Et c'est la solution pour appeler une fonction lorsque vous voulez que toe leur envoie un argument et c'est la seule solution sécurisée. Ok, donc mais si vous avez une fonction qui est qui n'a pas d'arguments de fonctions d'exemple simples et ici nous avons, par exemple, alerte Oi. Ensuite, vous pouvez exécuter cette fonction juste en faisant quelque chose comme ça sans que les parents raison. Et maintenant, comme vous pouvez le voir, bombe, ça marche. Ok, mais quand vous voulez envoyer quelque chose à manger comme ça maintenant, il serait juste exécuté automatiquement. Et ça ne marche plus. D' accord ? Eso Il y a une erreur assez courante que les gens en font le début. Et la solution à cela est juste de créer une fonction énorme qui n'a pas de nom. Et puis vous pouvez l'exécuter en envoyant entendre un argument, n' est-ce pas ? Quelque chose comme ça. Et nous pouvons utiliser cet argument comme, par exemple, la dette. Et maintenant ça marche. Très bien. Ok, ce n'est qu'une bonne leçon. Merci beaucoup. 36. Ce mot clé: bonjour. La plupart du temps, lorsque vous voulez appeler une faction en utilisant un événement, vous voulez toe également propriétés actus hors de l'élément qui impliquait un dysfonctionnement. Donc tu veux vérifier ? Est-ce que c'est une chaux et tu veux prendre Où est cette alarme ? Et ah, vous voulez les cacher et changer la couleur de la taille du téléphone sentiment de ceux-ci ? Non, pas d'autres choses comme ça. Alors, comment accéder au 11 qui impliquait cette fonction ? Droit. C' est donc comment faire bien, vous pouvez utiliser la guerre des clés. On vient d'appeler ça, mais comment l'utiliser. Eh bien, créons un rebelle que nous appelons résultat. Et prenons de notre document par un citron ces identifications ou nous avons simplement appelé des résultats . Donc, nous prenons cet élément ici et maintenant nous pouvons utiliser le point de résultat et nous pouvons agir comme un et même nous ne le ferons pas. Droit. Donc, par exemple, prenons presque le dessus même et assigné ici une fonction qui a Toby exécuté quand cela se produit même . Donc, par exemple, nous allons l'appeler changer de couleur, et nous devons également le définir maintenant. Donc nous avons pris le déclarer en premier, et maintenant nous pouvons créer le corps à partir de cette fonction. Nous voulons donc changer la couleur de ces alignements. Comment le faire. Vous pouvez simplement taper le résultat que le style que la couleur est égale au rouge. Et ça va marcher. Comme vous pouvez le voir, cela fonctionne bien. Quand on a la souris dessus, ça marche. Mais il y a un problème. Et si je changeais ce type pour autre chose plus tard, non ? Et si je changeais ce type pour autre chose plus tard, Et si je le veux, par exemple ? Ah, fais quelque chose. Je det Ah, Il serait le résultat d'écrire le deuxième gars. Et j'aurais aussi invoqué le changement de couleur. Et j'aimerais, vous savez, vous savez, il a changé la couleur des résultats pour que j'aimerais changer la couleur de quelque chose d'autre , non ? L' autre élément. Pas un jour. Eh bien, cause de ça, nous avons quelque chose avec ce disque culte. Quand on utilise ça ici, ça va changer la couleur de style du citron qui impliquait cette fonction. Ok, donc dans cette situation, c'est cet élément et ça va aussi marcher. Mais en ce moment, c' est un nouveau manteau universel. Vous n'aurez pas de problèmes lorsque vous changez quelque chose. Votre code Quand vous voulez ajouter de nouveaux éléments et d'autres choses que j'ai faites. C' est comme ça que tu devrais monter ton manteau. Ok, on , par exemple. Maintenant. Ah, utilisez la souris sur. Fonctionne bien même. Et c'est invoquer le changement. Fonctions de sortie de couleur. Sculptons le en changeant de couleur. Et je veux le changer en noir. Et comme vous pouvez le voir maintenant, quand vous déplacez, ça change la menace. Lorsque vous déménager, il change en noir et voir hors de cours que vous pouvez créer en utilisant CSS, et c'est probablement mieux idée. Mais je vous montre juste la syntaxe. Donc, cela se produit même quand vous avez juste votre bouche sortir de l'endroit. Tout droit sur. Ah, cette chose, ça pourrait être amélioré. Ça a appelé la première chose que je t'ai dit que tu ne devrais pas changer de taille par ici, non ? Vous devriez simplement ajouter une classe afin que vous puissiez définir une classe d'attribut d'interruption. Ou tu pourrais même aller à la classe comme ça. Passons à ce nom plus égal. Et maintenant, par exemple, va utiliser de cet endroit changer cologne. Mm, ça coûte. Donc je ferais quelque chose comme ça et on pourra changer plus tard. Ce nom de classe à rien, n' est-ce pas ? Donc, par exemple, quelque chose comme ça et vous ne le serez pas est que maintenant ne serait pas utiliser la boîte à feu, donc pour vérifier ce qui se passe. Mais vous pouvez voir quand nous avons une bonne souris sur la classe est changé pour changer de couleur. Quand je sors, ce n'est rien. Donc, nous expliquons. Nous pourrions aussi supprimer la classe ou nous pourrions dire quelque chose. Ils définissent des attributs et je pourrais supprimer l'attribut et je pourrais taper cross. Et cette Cassie, elle est complètement enlevée. Mais le problème de supprimer ou de changer rien est que vous pourriez avoir des classes Humanae qui pourraient également être importantes. Donc, le changer en nom de classe n'est pas une bonne idée. Vous pourriez ajouter à la fin quelque chose comme ça. Mais le problème est que vous ne devriez pas supprimer cet hommage alors totalement ou changer à rien. Vous devriez simplement supprimer cet attribut. Ah, eh bien, cette valeur hors attribut, mais comment le faire bien, alors vous devriez utiliser par exemple la sous-chaîne de l'objet JavaScript. Vous pouvez lire à ce sujet. Vous pouvez même vous entraîner maintenant, mais nous parlerons plus tard afin que vous puissiez comme un exercice. Tu pourrais faire une recherche sur ce sujet, d' accord ? Et faites-le comme ça. Et tu peux attendre quand on parle d'eux. Chaîne, objet. Et vous verrez qu'il y a une fonction de subvention que nous avons été une situation comme celle-là. Ok, donc c'est un exercice pour toi. Et je voudrais aussi vous faire un exercice de plus. Bien sûr, si vous avez des problèmes, il suffit de vous demander de créer une discussion. Ah, j'aimerais que vous fassiez deux morts qui représenteraient la première représenterait le signe plus une seconde. Présentez-vous le truc du moins ? OK, et quand vous tapez quand vous cliquez sur le signe plus, cette taxe ne changera pas la couleur, mais ça va s'agrandir. Ok, quand tu créeras le signe moins, ce texte sera plus petit. N' oubliez pas, si vous avez des problèmes, demandez. Mais ce n'est pas un problème dur orteil, vous savez, écrire pour résoudre c'est donc une bonne idée. Même si ça prend 20 minutes pour vous. C' est une bonne idée d'essayer, de le faire vous-même. Vous avez des problèmes. Il suffit de demander. C' est tenir la leçon. Merci beaucoup. 37. addEventListener: Bonjour aujourd'hui parlera à l'écouteur d'événement et de la méthode qui est appelée supprimée . Événement. Écoute, mais avant d'en parler, j'aime te montrer ce dont on a besoin. La vérité, c'est que nous en vantons trois que nous avions besoin pour rendre notre manteau et plus facile à ajouter. D' accord, mais faisons-le. Ne donne pas d'exemple. D' abord, quand on parle d'événements, je t'ai montré la version en direct, non ? On pourrait juste taper des trucs comme ça sur et on pourrait juste dire ce que nous voulons impliquer quand ces voitures même. Le problème est que si bien, si nous faisons quelque chose comme des copies, souvent ils ont géré HTM si les yeux et veulent changer quelque chose, ça va nous donner un gros mal de tête, non ? Nous devons faire beaucoup de travail. Dans le même temps, nous avons maintenant Java crier que HTM. Si je veux changer quelque chose, ça va être horrible. C' est pour ça que nous avons quelque chose comme ça. Et il y a une bonne solution. Mais il y a un problème. peine si maintenant je voulais, par exemple, invoquer une autre fonction. Donc, j'aime faire quelque chose comme quelque chose qui et maintenant j'aime ne pas changer les corps de couleur augmenter la taille de la forme. Donc, j'aime créer une fonction qui va être appelé augmentation de la taille du téléphone et je voudrais augmenter le fonds dit Bien sûr, j'ai été mis en œuvre plus tard, mais maintenant Hey, que se passe-t-il quand il a conçu comme ça ? Cette chose est juste de remplacer ce doigt et le changement de couleur ne fonctionne pas animal. Donc on pourrait mettre en scène quelque chose comme hé, changer de couleur et je veux augmenter la taille du téléphone à l'intérieur du changement de couleur. Mais c'est un problème pourquoi changer de couleur augmente la taille de leur téléphone. Cette fonction n'est plus une fonction auto-descriptive. Donc, nous pourrions l'appeler pourrait créer une deuxième fonction qui viendra l'initialisation de la fonction et nous allons impliquer le changement, la couleur et la taille de police accrue à l'intérieur. Le problème est que la fonction d'initialisation n'est pas aussi auto-descriptive. Et le deuxième problème est que vous devriez vous rappeler que vous pouvez parfois vouloir arrêter l'exécution de certains même vous voulez dire Hey, Je ne veux pas voir et le sur presque plus affecte en ce moment Ah, sur le par exemple, changement de couleurs. Vous savez, en ce moment, vous pouvez le faire, par exemple, faire quelque chose qui attribue non, non, non. Ok, donc quelque chose comme le vide. Mais le problème est que vous ne pouvez le faire qu'à cette seule fonction à ces une méthode, vous pouvez choisir une des méthodes qui vont être invoquées directement, souris sur . Donc, c'est quand vous voulez orteil utiliser le at, même écouter. Alors, comment utiliser ? Prenons quelques jours sous la section des commentaires. Et pour l'utiliser, il vous suffit de taper les résultats. Donc, le 100 cet endroit que vous avez pris de l'de votre site Web. Ainsi, par exemple, frits vertigineux, et vous tapez juste à l'auditeur pair. Et maintenant, tu prends le nom de même que tu veux gérer ? Donc, vous venez de taper la souris sur. Vous ne tapez pas votre propre mot clé. Pas en ce moment. D' accord. Tu n'as plus besoin de ce mot. Donc miles plus et puis la fonction que vous voulez appeler. Donc, par exemple, a changé l'appel, et maintenant nous pouvons faire la même chose pour eux. Souris sans le bras sur un changement de couleur. D' accord. Et quand le rafraîchir, il fonctionne toujours. Très bien. Donc juste regarder un peu différent droit, mais nous avons bien maintenant plus de pouvoir. Achetez plus de puissance. Je veux dire, on peut maintenant faire quelque chose comme ça. La plupart, cependant, je veux augmenter la taille du téléphone. Ok, donc maintenant nous avons deux fonctions qui vont être invoquées quand nous aurons la plupart de nos plus. Donc on peut voir quelque chose de bien comme ça. Ondas vous pouvez voir Oui, ça marchait. Il a changé l'appel à lire et nous l'avons également alerté. Et la chose cool est aussi que vous pouvez supprimer cette augmentation de la taille de téléphone plus tard. Et une autre chose cool est que, comme vous pouvez le voir, ces noms sont auto-descriptifs. Cette chose augmente la face avant. Cette chose change la couleur. Et le truc, c'est que cette chose est dans cet endroit que vous pouvez tout centriste dire ce qui est en train de faire ce que des choses comme ça vont vraiment vous avoir dans de grands projets dans mes petits projets. Off comme ça serait fourni le plus de temps. Ok, en herbe de plus gros projets. Quelque chose comme ça est assez important. Ok, donc c'est la fin même. Écoute-la. Ah, mettons en œuvre les téléphones d'augmentation, je vais donc nous entraîner un peu. Alors, comment changer les sites de téléphone que vous pouvez taper ces qui est formé taille avec la majuscule égale, par exemple, 18 pixels. Et maintenant, nous allons voir ça. Oui, ça a changé la taille. Tout fonctionne bien, mais rendons ça un peu plus difficile. Et si je voulais l'augmenter à chaque fois que j'ai ma souris dessus ? Ensuite, nous aurons besoin d'avoir accès à cela. Mais nous allons ou quelque chose comme ça Alerte et voyons ce qu'il y a à l'intérieur, comme vous pouvez voir Rien. Pourquoi ? Parce que tu sais que Spice peut faire quelque chose. Si les choses comme la taille amusante peut être image très différente, frère. Ils peuvent être calculés et d'autres choses comme ça un homme poignarde dont vous ne parleriez pas. Et à cause du problème, vous devez obtenir la taille de la police d'une manière un peu différente. Tu devrais le faire comme ça. Vous devriez aller dans la fenêtre et les acteurs, ils obtiennent la fonction de style calculé. Et maintenant taper le nom d'un citron. Voulez-vous obtenir le type d'ordinateurs de ? Et puis le nom du téléphone, Le nom de la propriété que vous voulez accéder mais que vous voulez accéder est maintenant par le get Ah, valeur de la propriété. Um, obtenez la valeur de la propriété. C' est juste ça. Et maintenant, afin d'obtenir la valeur de la propriété, vous ne taperez pas la taille du téléphone. Mais tu mourras. Taille de tiret trouvée. Ok, donc le nom typique. Et maintenant, comme vous pouvez le voir quand nous en aurons fini, nous devons vraiment ? Le 16 Peaks est donc la vraie taille, juste alors 18 picks est parce que nous le changeons plus tard. C' est génial. Et maintenant, nous pouvons, vous savez, les mettre en variable par exemple comme ça et nous pouvons l'utiliser. Augmentez-le. Le problème est de savoir comment augmenter quelque chose qui, comme 16 picks, est qu'il y a un pixels. C' est une ficelle, non ? C' est connaître le numéro. Si vous voulez avoir, il est un nombre que vous devez analyser quand vous pouvez contrôler la prospérité Will pas est que nous avons toujours quelque chose avec ce qu'on appelle des parties dans, qui signifie que nous voulons des parties. Cela signifie changer la valeur de la chaîne à indigent et à cause de cela en ce moment, la taille du téléphone nous pouvons changer Trig il est seulement 16. Droit ? Puis 18. Donc nous avons le numéro maintenant parce que nous avons le numéro, nous pouvons l'utiliser assez facilement. On peut taper quelque chose comme égal. La taille du téléphone pour nous nous choisit. Et cela ne changera pas maintenant. Nous devons donc augmenter le site amusant. Nous pouvons augmenter la taille du téléphone en utilisant, par exemple, cette imitation Brinker McCrum. Si vous ne savez pas comment cela fonctionne, travaux vont aux leçons sur les opérateurs. Et comme vous pouvez le voir maintenant, quand nous venons de passer, nous augmentons son donc fonctionne bien. Droit ? Et nous avons une fonction spéciale pour cela. Cette chose fonctionne aussi. Mais quoi pas ? Que se passerait-il si je voulais arrêter ce comportement ? Droit ? Véritable go. Je veux toujours être ce gars est en train d'avoir raison. Je veux supprimer cet auditeur. Um, je pourrais l'enlever. Vous savez, après quelque chose s'est produit ou je pourrais l'enlever quand quelqu'un creusera quelque chose, par exemple, identification plus tard. Je m'en souviens. Arrêtez de taper votre arrêt. D' accord. Et je vais prendre ceci juste quelque chose que et maintenant nous voulons exécuter. Lorsque l'arrêt est grincé, retirez même le bail dedans. Donc on veut faire des trucs comme s'arrêter au bail. Tout le ruisseau. Je veux exécuter une fonction énorme, par exemple, comme ça qui va obtenir le résultat et ensuite retiré de celui-ci. Même la mort de l'auditeur est terminée. Et il a une fonction que ces appels ont augmenté le site de téléphone. Donc on va juste les supprimer. On ne le fera pas comme ça. C' est juste fait. Il y en avait un dans la file. 30 gratuit. Comme vous pouvez le voir, cela fonctionne bien lorsque je clique sur. Arrête. Je n'ai pas de miles sur l'effet qui fonctionne bien, mais ça. Mais tu sais, cette chose ne marche plus. Donc, supprimez Même l'écouteur vient de supprimer celui que je veux supprimer. Et c'est vraiment puissant, comme vous pouvez le voir, parce que même les auditeurs, on peut enlever quelque chose. Eh bien, un hors de la fonction qui est invoquée de l'événement, pas tous d'entre eux. Et nous avons aussi un manteau vert, non ? C' est pourquoi même les pécheurs sont importants. Donc si vous ne voulez pas dire qu'il est, vous ne vous souciez pas de l'utiliser juste, mais plus léger. Vous apprécierez vraiment des choses comme ça. Donc très encore un autre problème. Le problème est de vieux explorateurs Internet lumière 67 et huit sur et peu si vous voulez soutenir, alors peu probable. Ce n'est pas suffisant. Vous devrez utiliser à la place de cette méthode. Quelque chose de bon est appelé événement attacher, et quelque chose va discuter détacher, même ce qui signifie à l'écoute pair et supprimer même écouteur. Ok, je suis probablement Internet Explorer dans toutes les anciennes versions. Le et jeune. Tous les autres navigateurs n'aimaient pas jouer orteil ensemble et ils ont fait des problèmes parce qu'ils ont juste appelé. Ils fonctionnent un peu différent à cause de cela. Ah, eh bien, les gens qui programmé des sites Web tête problèmes parce qu'ils n'avaient pas à créer une assurance spéciale de remerciement qui fonctionnerait dans les deux navigateurs Web à la fois, et nous pouvons le faire aussi. Mais si vous ne voulez pas le soutenir, ne vous inquiétez pas à ce sujet. Ces navigateurs vont mourir bientôt, donc vous n'avez pas besoin de vous soucier d'eux sauf si vous êtes et vous savez, personne qui est ou oser le script de vous donne envie de le faire. Donc, pour le faire, vous pouvez utiliser la requête J, ce qui va juste vous faire oublier toutes les choses comme ça parce que même obtenir des études calculées ne fonctionnent pas dans ces frères. Donc vous pouvez utiliser le quartier J que nous avons. Tu fais des choses comme ça. Donc, vous n'avez pas besoin de vous soucier de ce genre de choses. Oh, vous pouvez créer une fonction que vous appellerez ce que tout le monde, par exemple, créer un événement. Vous allez vous prendre un objet que vous voulez Ah, à même vous voulez même nommer Vous voulez exécuter et vous voulez aussi quoi ? Et vous voulez aussi, um, name off fonction pour appeler la fonction name off pour appeler quelque chose qui va bien, et nous devrions vérifier si dans notre document existe une propriété, une fonction que nous venons d'appeler à l'écouteur pair. Alors on peut facilement faire des choses comme ça, n' est-ce pas ? Quelque chose comme ça. Mais en ce moment, ce résultat est appelé objet même nom isco. Même la fonction de nom et de nom off à même est fait la chose qui va vous être envoyé droit. Et nous pouvons maintenant remplacer toutes ces choses pour que nous puissions juste taper la seconde. Je crée des miles d'événement sur changer de couleur. Donc on change juste de noms, non ? S o faire quelque chose. Bombe de tapis sur dhere. Nous voulons augmenter la taille du téléphone ici. On voulait faire des choses comme ça. Et maintenant nous pouvons dilater ou le prendre sous le commandement comme un exercice que vous devriez créer Ah, enlever même cette infirmière de le faire vous-même. Ok, on est juste ce que vous faites maintenant sur Dwell. Ça ne marche pas. C' est la vérifier. Quoi ? Attendez, j'ai mal fait. Faux dans la console. Comme vous pouvez le voir, l'objet que même l'écouteur n'a pas été trouvé. C' est parce que je ne l'ai pas envoyé ici car j'ai envoyé un objet sur lequel je veux opérer, bien sûr. Et maintenant, comme vous pouvez le voir, ça marche comme si ça avait fonctionné avant. Droit ? Quand j'arrête ça, c'est Ah, s'arrêter. Mais en ce moment, cause de cela, il fonctionnera aussi dans Internet expert 67 la nuit. Mais les tailles de police augmentées ne fonctionnaient pas de la façon dont vous devrez également faire quelque chose différent ici. Mais vous allez dans toutes ces choses, la guerre va dans les prochaines prières. Donc, dans ces versions, c'est juste trop de travail. Vraiment. C' est plus facile de savoir quelque chose de bien. Cela pourrait J interroger aan den à la dysenterie même va être appelé quelque chose comme être toi. Juste ce que les navigateurs Web fonctionnent comme ça. D' accord. Et il y a aussi beaucoup de choses qui vont t'aider à obtenir des choses comme ça. Nous avons eu des inquiétudes à propos de choses dont nous parlons maintenant, donc vous pouvez maintenant créer des inégales. Euh, mais bien sûr, nous venons de créer la vision juste forme, vous savez, Firefox et Chrome et d'autres choses comme ça. Nous ne créons pas une version pour quelque chose de filles. Donc, nous allons simplement vous taper d'autre et maintenant l'objet qui s'attachent même. Et il va taper, euh, plus même le nom. Pourquoi ? Parce qu'ils n'ont pas seulement changé le nom de la fonction. Mais ils voulaient aussi que votre orteil adhère. Ok, ainsi de suite, plus même le nom. Et puis le nom de la fonction parler vote. Donc c'est un exercice. Faites les événements détachés de la création supprimer même et juste faire quelque chose comme quelque chose que si vous avez des problèmes, demandez-moi juste et vous ne serez pas. Est-ce qu'il fonctionne encore bien. Terminer dans leur expérience va marcher maintenant. Ah, tu dois juste te rappeler de changer cette partie sur aussi faire quelque chose avec ça. D' accord. Ok, c'est seulement écouté. Merci beaucoup. 38. Objet d'événement: Allô ? Aujourd'hui, nous allons parler de même objet, ce qui va vous donner de puissantes capacités gardées. Qu' est-ce que je veux dire ? Après ces leçons, vous serez en mesure de valider votre force comme un pro Vous pouvez créer des conseils racontés que vous pouvez créer aussi ce que vous voulez. Alors commençons cette leçon Après avoir invoqué la fonction donner de l'pair en utilisant le pair. Vous avez toujours orteil cette fonction passé quelque chose. Est-ce que ce froid même objet ? Vérifions ça. Ici, nous avons bon le résultat de l'élément avec l'identification d'un résultat. Ok, qu'on l'a. Et nous allons, par exemple, inscrivez-vous ici et même nous pourrions utiliser ajouter encore écouteur Bob, vous savez, vous savez, il est plus difficile de lire, donc nous ne l'utiliserons pas même orteil. C' est une meilleure façon de le faire. C' est juste un projet rapide juste pour vous montrer quelque chose, donc on va utiliser la version la plus simple. Donc, nous allons taper sur le mouvement de la souris, par exemple. Donc ça va même se produire quand on aura la souris sur quelque chose et qu'on bouge bien ? On ne reste pas un seul endroit. On se déplace donc sur les kilomètres. Nous voulons exécuter les fonctions. C' est juste par exemple, faire bien que certains épais et nous allons définir dysfonctionnement. Et maintenant, créons quelque chose de temporaire pour que nous puissions voir ce qui se passe. On peut obtenir ce type temporaire à son interne html onda. On peut changer les choses ? La chose cool est que automatiquement, le premier argument de la fonction est toujours un objet pair de la fonction Que ou que ceux-ci sont assignés à eux même droit ? Si aucun argument ne vous est envoyé, nous parlerons également de la façon d'envoyer plus d'arguments plus tard. Mais bien, une institution comme ça. Et maintenant n'importe quel type ici comme ça, vous remarquerez que nous avons à faire quelque chose avec cette souris objet culte même. Et vous ne pouvez pas accéder à des choses comme ça donc nous pouvons exemple un chèque alky si l'art Contra elle a été pressé pendant le pair en ce moment, Comme vous pouvez le voir, c'est faux. Mais quand j'ai cliqué et je garde la main et j'espère que je le tiens comme un concède pour que vous savez, vous pouvez faire une sorte de raccourci Z sur votre site Web. Vous pouvez vérifier quel fond Mars bas était bon, mais pour le faire, vous pouvez utiliser les propres miles déplacer, mais vous devez utiliser sur les tondes vers le bas parce que vous savez quand vous déplacez votre pas censé cliquer quelque chose ou Je bouge juste. C' est ainsi que cet événement fonctionnait, certains à des kilomètres plus bas. Quand quelque chose quand votre bouche est baissée, vous pouvez changer un chèque. Est-ce que les goulets d'étranglement cliqueraient pour que vous puissiez le faire comme ça ? Bombats il 01 gratuit. Donc, le zéro gauche le milieu est un, et le droit est à, Et il y a quelques problèmes dans les navigateurs Web dont nous parlons plus tard parce que, vous savez, comme toujours, certains navigateurs dans mis en œuvre le grand de façon différente. Et il y a des choses comme X nettoyé qui toussent vraiment. Ça va te donner l'endroit. Où est ta bouche en ce moment ? Hors du pair. Alors, changeons-le sur la bouche. Reculez sur ça. Vous pouvez voir que nous avons sorti la position de la bouche quand vous êtes sur le développement hors cours, ce sont, vous savez, vous savez, aussi gros que votre hum, fenêtre est juste, parce que nous n'avons pas dit que avec, Donc, il est même ici. C' est pourquoi il met à niveau l'axe X. Donc, l'horizontale la verticale serait pourquoi l'accès Alors pourquoi et comment cela pourrais-je l'utiliser, par exemple, pour créer une info-bulle juste quand vous êtes ici, vous voulez avoir à faire ici Quand vous êtes ici, vous voulez avoir un petite jetée profonde, non ? C' est parfaitement bien de faire quelque chose comme ça et nous allons créer un simple rhume comme Leadsom. Eh bien, créatif dans quelque chose de plus puissant dans la leçon spéciale. Mais passons au code clé de la seconde chose. Vous pouvez obtenir ce qu'il a été pressé en nombre et entendre dysfonctionnel retourné la clé dans caractère. Ok, c'est puissant parce que dans les téléphones, vous pouvez, par exemple, orteil nous dire d'arrêter. Ah, les gens tapant, par exemple, le formulaire où vous attendez des gens à taper des nombres que vous ne voulez pas, par exemple, les tapant l'alphabet droit ? Lorsque vous voulez l'alphabet, vous pouvez simplement empêcher les eux de taper des choses comme des nombres qui est vraiment puissant. Nous ferons des choses comme ça plus tard à propos de cette chose. On parle de cette leçon plus tard, mais c'est celle de Lett. Essayons le rythme. C' est, hum, par exemple, est-ce encore à penser ? Mais avant de le faire, j'aimerais aussi vous en parler. Mais avant de le faire, Merci maintenant. Ça marche parce que nous utilisons les pompiers, les nouveaux pompiers, directement dans le comité de groupe travaillant sur Internet, stimulant les nouveaux Internet Explorer. Ça marchera. Mais chez les anciens explorateurs, il y a un problème. Le problème est que cela n'existe même pas ici. Il existe dans quelque chose de bon est appelé fenêtre que même si, si vous voulez orteil accéder à l'esprit Internet dans la version heure, vous devriez taper quelque chose comme ça. Mais vous savez, nous ne savons pas quel navigateur est utilisé par votre utilisateur. Donc, afin de le faire de la bonne façon afin que nous puissions prendre en charge tous les navigateurs, nous devons vérifier comment le faire. Je vais vous montrer un poids très rapide. , Normalement,cet E n'existe pas dans Internet Explorer, ce qui signifie qu'il n'est pas défini quand on fait quelque chose comme ça. événement de taureau de Vory. Eh bien, vous devez aussi savoir que vous pouvez taper ce que vous voulez ici. Ainsi, par exemple, même et maintenant vous pouvez taper vos voitures E maintenant en remorquage, utilisez-le comme ça. On peut taper même cette fenêtre. Et quand on fait quelque chose comme ça, tu ne l'es pas, est que c'est indéfini pour nous. Il n'est pas défini. Mais pour Internet Explorer, ce n'est pas le cas. Mais quand nous faisons quelque chose comme ça, nous avons l'objet le plus même. D' accord. Il y avait quelque chose comme ça ? Je suis défini ou logique. Opérateur Rublyova, Comme vous pouvez le voir. C' est tout notre truc comme ça ici ? Pourquoi je vous ai dit que l'opérateur logique fonctionne comme ça, c'est étirer la vérité, choisissant l'option alternative. Ce qui veut dire que si tu as quelque chose comme ça, ça va en choisir un, non ? La solution au problème. Des moyens alternatifs de faire quelque chose. C' est pour ça que ça s'appelle alterné. Et si vous en avez un et on choisirait simplement la première option, la bonne option. Donc, si vous faites quelque chose comme ça, il va aussi choisir la première option. Si la seconde que ces indéfinis vont choisir la première option, la créativité est morte. Il va aussi les choisir, non ? Donc, il est parfait chose à utiliser ici maintenant quoi ? Même il a été envoyé ici ? Oui, même fenêtre. Et à cause de cela, nous avons maintenant toujours ici dans un objet que vous voulez utiliser, est-ce pas ? Et ce n'est pas des corbeaux. Version Brother le très cool. Ok, alors maintenant, nous allons l'entraîner. Œufs créés et nettoyés par. Je veux créer un incliné. Alors, comment le faire ? allons créer un Dave que nous appelons la pointe et à l'intérieur de celui-ci je veux un double devoir. Quelque chose à propos de la dif. Ok, et quand les rafraîchissements comme vous pouvez le voir, on a quelque chose à propos du Dave. Allons dans le pourboire. On devrait le cacher, Start écrit sur Cachons ça. Donc, changeons l'affichage de bloc à engourdi. Andi, c'est par exemple, a déclaré la position orteil absolue, parce que nous ne voulons pas que vous preniez la place sur notre site Web. On veut juste passer à autre chose et ça peut être sur tout ce que tu exploses. Nous aimerions que Toa crée loin pour qu'il s'appuie sur pour créer la hauteur pour la lecture, vous savez, juste pour le rendre meilleure couleur de fond sur Ben. D' autres choses, comme se séparer d'autres choses comme ça. C' est ce que tu peux faire. Et maintenant nous avons été déformés, et quand quelqu'un a déménagé ici, je veux le montrer. Donc, pour le faire, nous devrions ce que nous devrions d'abord obtenir. Faisons quelque chose d'aussi temporaire. Désolé, toujours profond Onda comme ça jusqu'à la pointe et nous allons juste dans cet affichage du temps et nous allons changer pour faire quoi bloquer d'eux pour bloquer. Et cela peut voir. Maintenant il arrive, mais je veux le montrer. Exactement l'endroit où la bouche plus facile, non ? Parce que c'est un outil pour montrer à votre utilisateur. C' est comme ça qu'il faut le faire ? Eh bien, nous pouvons utiliser le nettoyé exactement XY et pourquoi nous pouvons changer le style de position de l'outil astuce gauche Nous pouvons vous utiliser votre ex coréen et sur le bon site, nous pouvons utiliser le coréen. Pourquoi ? Donc, hum ça ne marche pas parce qu'il faut ajouter aussi, il nous choisit. Ok, quelque chose que tu fais comme ça sur Qu'est-ce qu'on a nettoyé ? X n'est pas déclaré hors cours quand utiliser que e les antiquités et pourquoi ? Et maintenant, il travaille bien. C' est génial, non ? C' est bouger Cure ? Non, comme nous le voulions, mais ça devrait être 11 ans. Ce serait top. Ok, maintenant il a l'air bien et c'est comme ça que nous le faisons. On peut, tu sais, rendre ça un peu mieux. Donc, par exemple, à votre ville Donc nous avons du bien. L' espace entre la souris et le tabouret voyage sur ce point. Tu vois maintenant que c'est un peu mieux, non ? Nous pouvons augmenter cela. Vous pouvez changer. Tu peux le rendre plus beau. Ce script peut être vraiment mis à jour,par exemple. Ce script peut être vraiment mis à jour, Vous pouvez modifier la description à l'intérieur. Ainsi, il est changé pour l'hommage A d'ici, par exemple. Données. Ils ont dit quelque chose plus profond et Obama, brah, nous ferons des choses comme ça dans la leçon spéciale. Vous pouvez le faire comme un exercice maintenant, mais ce pourrait être un peu difficile. Je vous montre juste le courant de la chose que nous venons d'apprendre. Ok, donc tu l'as fait. Donc tu as enfin quelque chose d'amusant à faire. Vous pouvez aussi, vous savez , améliorer. Donc disparaît quand vous déménager. Vous savez, les fonctions que j'ai sur ma bouche, c'était ma bouche. Une autre chose comme ça. Hum, maintenant, je voudrais aussi parler de la façon d'envoyer un argument à cette fonction. Vous savez, parfois vous voulez envoyer un argument spécial à la fonction. Alors comment a bien fonctionné ? Parce que, tu sais, ici on peut prendre ce que tu veux, pour qu'on fasse quelque chose comme ça et ça marche toujours. Comme vous pouvez le voir, cela fonctionne parce que c'est juste le premier argument que nous venons de appeler même parce qu'il est plus auto-descriptif. Et le premier argument du marié est toujours un objet pair. Mais ce qui se passerait si vous aviez plus que le premier accord n'est même pas alors, juste. Pour le faire, vous devez créer une énorme fonction comme ça et vous allez vous impliquer pour faire quelque chose comme ça. Mais en ce moment, vous avez bien que même ici, est-ce pas ? L' objet pair est à l'intérieur de la fonction de manque d'animal que vous allez poncer maintenant, la fonction d' aujourd'hui et vous pouvez maintenant le prendre. D' accord. Et à cause de cela, vous pouvez également envoyer des arguments, non ? Donc, de nouveaux arguments, exemple. L' échantillon prend environ la moitié et nous pouvons le prendre ici pour qu'on puisse faire quelque chose comme ça et nous pouvons ici comme ça. C' est de l'espace, mais en tant que cancer, ça marche bien. Ce sont des prises simples à propos de rien ? C' est en dessous de ce total ici. Donc ça marche bien. Toi, c'est OK. On peut envoyer ici un argument et ne pas parler de cette cible Ah, eh bien, vous savez, vous avez quelque chose de bon s'appelle ces objets, et cet objet va vous donner quelque chose comme ça ? Est-ce, um, um, nom de balise, par exemple. Et c'est prendre sous le commun le coupable parce que ça ne nous aide pas. Comme vous pouvez le voir, nous avons Defu. Donc, ces travaux, le nom tog ou nous pouvons agir émettre n'importe quelle propriété de l'élément qui impliquait la fonction. La vraie visite. C' est le citron qui a obtenu ce même orteil assigné. Donc jours ils ont si vous aviez à l'intérieur des paragraphes et ordonné publié ces articles d'autres choses comme ça, il vous donnera également le si vous voulez agir. Est-ce exactement la chose qui a invoqué l'événement ? Vous avez accès au remorquage ? L' événement qui cible il va également vous donner maintenant l'élément def html. droite. Mais maintenant, il vous donne, euh, l'élément qui impliquait. Donc, si vous aviez ici, par exemple, paragraphe pour comme ça, vous remarquez qu'il est en train de changer, est-ce pas ? Parce que dif peut avoir à l'intérieur d'un autre élément. Mais cette chose ne changerait pas bien ? Si on change la corde de l'orteil arrière. Comme vous pouvez le voir, ça ne vous donne pas la bonne chose. Vous pouvez, bien sûr, obtenir le nom de tac. Exactement. Dave. Ça va, Andi. Il y a également un problème car il n'est pas pris en charge dans Internet Express six et huit. Et tu peux aussi faire des choses comme, tu sais, comme on a parlé plus tôt. Nous pouvons donc le faire comme cette source de demande. Et maintenant, nous pouvons y accéder en utilisant comme ça. Comme vous pouvez le voir, ça marche toujours. Mais ça va marcher maintenant dans notre étude expert Internet, parce que dans un excellent explorateur, il est appelé élément source, pas la cible A. Donc, vous pensez que cette libération vous pouvez agir est exactement propriétés de la Un citron qui a invoqué la de la fonction que même droit et aussi l'école ? Parce que maintenant tu n'as pas besoin d'envoyer le deuxième argument, est-ce pas ? Vous n'en avez pas besoin si vous vouliez, vous savez, vérifier exactement le D pour quelque chose que vous n'avez pas besoin de faire maintenant. Mais bien sûr, choses comme ça peuvent se produire lorsque vous voulez envoyer plus d'un argument. Donc vous savez, je connais la solution. OK, donc ce sont les bases de ces choses. Nous allons créer des trucs très cool plus tard dans les prochaines leçons ont été Eh bien, former toutes ces choses que nous faisons. Il est donc supporté dans tous les navigateurs, d'autres choses comme ça. C' est dans une bonne leçon. Merci beaucoup. 39. Propagation d'événements: Bonjour. Aujourd'hui, nous allons parler de propagation hors. Même la propagation signifie la multiplication. Parfois, on l'appelle bobbling. Nous allons vous montrer un exemple. Nous avons un DIF qui a obtenu une identification un résultat, et à l'intérieur de celui-ci nous pouvons avoir beaucoup d'attaques, est-ce pas ? Par exemple, nous pouvons voir si c'est quelque chose d'audacieux quelque chose qui est juste à l'intérieur du Dave. Et nous pouvons également avoir un bouton pour que nous puissions avoir de nombreuses attaques à l'intérieur et d'autres droits fiscaux. Et il y a quelques problèmes avec ça ici. Nous venons d'obtenir avec le document, obtenir l'élément par je d tous ces éléments à ces variables. Et maintenant, nous voulons voir ce qui se passe sur les miles plus déplacés. Même nous utilisons ici la fonction anonyme orteil impliqué pour faire quelque chose. La fonction que nous leur envoyons un pair et ce qui est re ference toe ing le résultat juste ici, nous faisons shoot qui va même fonctionner dans Intern Express 67 et huit et nous pouvons aussi arriver à la source de l'élément. Et nous avons l'endroit temporaire. Donc, cet endroit, pour montrer quelque chose ah, pour être de retour Notre manteau et quand nous le rafraîchissons, vous remarquerez que lorsque nous déménageons ici, la source est même en train de changer. Droit même est assigné à talk dif parce que vous savez que cet objet fait référence au résultat. Donc, cette chose ne change pas, mais en quelque sorte dites-moi comment cet élément ou ce citron sait à propos de l'pair. C' est un signe seulement à cet élément, est-ce pas ? D' une manière ou d'une autre, tous savent à ce sujet , parce que normalement, s'ils ne le savaient pas, nous n'aurions pas la source de changement. Rien ne se passerait bien quand nous avons bougé sur des choses qui étaient à l'intérieur d'une profondeur, et c'est une chose très cool qui fonctionne automatiquement. Et ça s'appelle la propagation. Evans, une propagation d'événements fonctionne comme ça quand on fait quelque chose, on fait un événement correct, on le déclenche. Ainsi, par exemple, nous nous déplacons à l'intérieur du divan, un autre élément alors, qui est même propagé vers le haut les trois. Donc, à partir du bas, il saute à D du saut de David à Boulder des corps sautant au HTML saute à l'arbre supérieur de votre HTML cinq. C' est pourquoi nous n'avons pas besoin de taper quelque chose comme en gras sur les miles se déplacent. Donc, si vous avez quelque chose en remorque, le dif que nous avons Ah, nous avons instantanément un moyen de faire quelque chose. Insight et orteil obtenir tous ces événements à partir de ses éléments parents, n'est-ce pas ? Et c'est vraiment cool. Mais parfois ce n'est pas une école, comme vous pourriez le penser parce que bien, imaginons une situation. Changeons ceux-ci au propre clic. Même à droite. Faisons quelque chose d'alerte. Nous sommes dans le résultat, n' est-ce pas ? Et changeons ça en quelque chose comme, hum, audacieux bâton. Et maintenant, comme vous pouvez le voir, lorsque nous cliquons sur ce bouton verra alerte. Mais nous voyons aussi un résultat, non ? Donc, en invoquant bottom, nous invoquons également le résultat. Certains trouvent une situation comme ça lorsque vous cliquez sur quelque chose et que vous êtes même. Cette propagation en haut n'est pas ce que vous voulez parce que vous pourriez avoir ici quelque chose instructions que vous ne voulez pas appeler lorsque vous invoquez un bas à droite, alors vous devez arrêter la propagation pour le faire. Ce n'est pas dur. Vous tapez juste quelque chose comme arrêter la propagation. Comme vous pouvez le voir, pas un quand Creegan bouton nous verrons sur le message de la bouteille quand il a pris en gras le texte nous Siebold il et les résultats donc est que nous travaillons comme il devrait, parce qu'il ne se propage pas ici même. Mais ici, ce n'est pas le cas et comme vous pouvez le deviner, peu probable. Si vous voulez prendre en charge également Internet Explorer 678, vous devez à la place désactiver l' étape est de la propagation. Vous devez conseiller, mais vous devez définir la propriété de la bulle du conseil à vrai. Donc, quand vous le ferez de cette façon, tout de suite, ça marchera. Également dans était 67 et huit version sur Internet Explorer. Donc la propagation est vraiment quelque chose qui fait attention pour vous, non ? Il est intuitif parce que lorsque vous mettez quelque chose à l'intérieur du dif que vous voulez le plus de temps quand vous allez sur, éléments à l'intérieur de celui-ci ont même propagé parce que alors vous n'avez pas besoin de spécifier orteil pour chaque hors de cet élément. Ce même droit, il faudra beaucoup de ce qui fonctionne avec la propagation. Nous n'avons pas besoin de faire des choses comme ça, mais il y a des situations de droits où vous voulez l'arrêter et vous le faites de cette façon. Il n'y a qu'une bonne leçon. Merci beaucoup. 40. Défait de preventDefault: Bonjour Aujourd'hui, je vais vous dire comment empêcher comment arrêter les actions par défaut qui se passe sur votre site Web. Par exemple, lorsque l'utilisateur tape quelque chose à l'automne et qu'il clique sur envoyé, il sera automatiquement envoyé. Mais que se passe-t-il si vous vouliez valider cela d'abord ? Et si quelque chose ne va pas là, vous ne voulez probablement pas l'envoyer. Tu veux dire Hey, tu sais que tu dois changer quelque chose, non ? Alors, comment encore être comment le faire ? Eh bien, comme vous pouvez le voir, nous avons le formulaire ici nous avons créé un i d pour ID. Nous avons reçu un e-mail qui a également un 90. Et ici, nous utilisons le document objet modèle toe, obtenir un e-mail. Donc, nous avons bien maintenant fait entrée ici et nous avons aussi la soupe informer fond. Nous avons donc utilisé le sélecteur de chœur qui utilise CSS gratuitement ici. Donc cela signifie que ça ne va pas être soutenu d'une certaine manière, corps de frère plus facile et c'est plus rapide, donc je ne m'en fiche pas. Et plus sur l'exportateur interne, bien sûr, vous pouvez le faire serait différent où, par exemple, création ici et I D mais Allons au sujet. Comment maintenant, vous savez, vous savez, empêcher Quand vous créez disparu, il a empêché les choses qui se produisent. La première chose que tu penses que ce serait comme, Hey, je ferais juste quelque chose comme ça et ça devrait suffire, non ? Quand j'ai juste quelque chose comme ça, je suis juste, tu sais, un simple clic de signature. Et cela devrait être aussi sur Click De donc cela ne devrait pas fonctionner maintenant ? Non. Comme vous pouvez le voir, c'est encore un travail. Tu dois le faire avant de faire quoi que ce soit. Ici Arrêter empêcher l'action par défaut simplement en tapant quelque chose comme la mort. Donc, il est la méthode de l'objet même droit que nous avons appris et ce concéder Maintenant, il est juste empêché. Rien ne se passe, mais vous pourriez mentir sur un jour que je veux envoyer ça droit. Donc, si vous voulez l'envoyer plus tard, vous devriez amener les acteurs à ce qu'il faut faire des nouvelles plus tard. Donc, afin d'arriver à sa semaine devrait quelque chose comme ça um Varda humain obtenir élément par i d nouvelles plus tard. Et quand nous sommes dans les nouvelles plus tard, où montré utiliser quelque chose ce qui est appelé une méthode soumettre et Maintenant quand nous cliquons sur il regarder, il est , vous savez, faire la même chose si nous l'avions comme ça. Mais la différence est qu'en ce moment vous pouvez faire ce que vous voulez entre ces lignes avant de soumettre. Ou vous pouvez soumettre seulement si vous évaluez tout. Tout va bien dans votre forme, n'est-ce pas ? Alors, comment le faire ? Eh bien, vous pouvez, par exemple, vérifier s'il a fait cette valeur afin d'obtenir la valeur de quelque chose dans la forme que vous tapez cette valeur. Et maintenant vous pouvez, par exemple, dire si c'est Ah, le lion mâle O Baba Baba, Venez l'heure venir ou quoi que ce soit alors nous pouvons soumettre. Sinon, c'est faux. Bien sûr, vous pouvez vérifier le modèle. S' il s'agit d'un e-mail, 11 exigés. Mais vous aurez besoin de connaître les actes d'épave de l'objet que nous ne connaissons pas en ce moment. On parlera de direct X plus tard. Quand nous en parlons, il pourrait être bon exercice de revenir à cette leçon et de mettre à jour le script. Donc, vous vous assurez que l'e-mail est correct. Droit ? Ok, Donc maintenant si vous avez un rite de bonne que cela fonctionnerait autrement quand nous vous prendrons quelque chose parce que les sièges c'est des dizaines de viande type Baldwin qu'il est soumis. Donc, cela signifie que cela est à cheval sur d'autres. Sinon, on peut, par exemple, dire, Hey, je veux aller voir le type temporaire. Donc prenons ce gars var document temporaire Obtenir un citron par I d temporaire et nous pouvons faire temporaire dot ener html Ah, cet e-mail est faux, non ? Et comme vous pouvez le voir, ce n'est pas dire que l'e-mail est faux. Des changements radicaux qui commencent à lire ou quelque chose comme ça Nous pourrions quoi ? Tout le monde ? Nous ne pouvons pas informer les gens que quelque chose ne va pas. Vous devez changer si vous voulez soutenir aussi Internets pour un 67 ce soir Vous devriez le faire cette façon. D' accord. Ah, dans Internet Very 67 Et vous devez taper e qui retournent et lui assigné faux. Alors ça marchera. Donc c'est la chose que vous devez faire pour le faire. Qu' est-ce que le travail dans Internet Explorer et bien, où pourrait utiliser ceci est-il seulement utiliser capable dans une situation comme le formulaire ? Non. Vous pouvez, par exemple, bloquer les hommes de contexte comme ça. Vous pouvez, par exemple, bloquer le lien quand une particule va, rien ne se passe. Vous pouvez envoyer quelqu'un à une différence totale par des jeux ou d'autres choses comme ça. Vous pouvez vérifier quelque chose avant de l'envoyer à l'endroit. Eso,par exemple, bloquons par exemple, le contexte. Mental. Bloquons-le sur le bouton d'information de la soupe. Ok, alors comment le faire ? Nous venons de compagnie cela et vous devez maintenant et faire quelque chose après le propre menu contextuel. , Même si, on va faire quelque chose comme ça et maintenant on doit juste le bloquer. Donc quand on le fait bombe sous-lit pour bouton. Allez, contexte May. Ça ne marche pas parce que je ne le pensais pas, bien sûr. Et maintenant, c'est Obama que tu peux voir que ça ne marche pas bien. Nous ne pouvons pas créer des hommes de contexte ou nous ne cliquons pas maintenant sur le bouton droit et cela ne fonctionne pas ici. Ça marche ici. Il n'a pas Onley dans ce placement sur ces bouteilles, et cela pourrait être utile car il pourrait créer même votre propre menu contextuel. Vous pouvez, vous savez, vérifier si ce bouton est égal orteil à orteil. Je pense, et si c'est encore fait, vous pouvez, par exemple, utiliser les axes X et Y du client et montrer quelque chose. Q : Juste dans cet endroit et votre utilisateur en aura beaucoup. C' est critique. Génial, n'est-ce pas ? Ok, ça sonnait la leçon. Merci beaucoup. 41. Événement de scroll: bonjour aujourd'hui avec de l'exercice un peu, et dans le même temps, je vais vous montrer un nouveau même qui vous permettra de créer quelque chose comme ça. Lorsque vous faites défiler dominance, vous pouvez voir que nous avons obtenu votre à ce sujet, et lorsque nous cliquons dessus, nous allons en haut de notre site Web. C' est une chose cool. C' est un bon ajout à votre site Web lorsque vous avez un contenu long, car alors les utilisateurs auront une meilleure expérience sur votre site, est-ce pas ? Vous cliquez sur le haut là-bas en haut. C' est plutôt cool. Bien sûr, vous pouvez commencer un peu mieux, donc il semble mieux. Mais bien, nous allons nous entraîner un peu. C' est le faire. Pour le faire, il faudrait d'abord créer ce bas à droite. Alors faisons-le. Créons un I D pour cela, par exemple, appelons-le trop haut bouteille sur. Nous donnons juste ici les attaques au sommet, et maintenant nous devons le styler un peu. Donc appel de fond ou sarcelle Ah, donnons-le avec Donnons-lui de la hauteur. Donnons-le, par exemple, euh, parte les choses sur. Et maintenant, quand nous l'actualisons comme vous pouvez le voir, nous avons le bouton comme ça quand nous passons la souris dessus. Nous voulons changer par exemple, couleur à quoi que ce soit. Et que vous pouvez voir qu'il fonctionne assez bien, non ? Ok, donc maintenant nous avions besoin ici et il devrait être toujours là même si nous faisons défiler vers le bas comment le faire. Mais nous pourrions le faire en Javascript. Mais la plupart des frères Ah, soutenir quelque chose de bon est appelé position fixe Quand vous le faites de cette façon, votre position est fixée maintenant, ce qui signifie est absolue. Mais c'est total absolu Quand vous faites défiler, même quand vous faites défiler, c'est toujours en ce sens qu'il sera toujours à cet endroit afin que nous puissions maintenant taper quelque chose. J' ai acheté le bas sur Dhere 15 photos sur la droite. 15 correctifs. Comme vous pouvez le voir maintenant, c'est ici. Et bien, nous devons faire tout ce qui est à quelque chose ici, comme beaucoup de pauses. Donc, vous pouvez voir que lorsque vous baisez, cela vaut vraiment la peine de travailler. Très bien. Comme vous pouvez le voir, il est toujours là quand on fait défiler, même pas vrai ? D' accord. Alors, qu'est-ce qu'on veut faire maintenant ? On veut Teoh quand le besoin légal faible veut sauter au sommet, non ? C' est la première chose. Et la deuxième chose est que nous aimerions aussi Teoh. Hum, tu n'as probablement pas ça que ça ne devrait pas être toujours visible. Rival était au sommet. Pourquoi devrions-nous le voir ? Ok, alors faisons-le sur Dwell. Nous pourrions également mis à niveau un peu Cars plus grossier. On pourrait le définir pour lui indiquer qui pourrait dire que le texte s'aligne pour lui envoyer. Tu peux faire des choses comme ça de toute façon. Ok, allons-y. Mais revenons au sujet. Hum, donc nous devons avoir accès à ce truc, non ? Donc document obtenir l'alarme. Et par je d dire bouton sur. Ok, on a un bon accès. Et quand quelqu'un clique dessus. Donc, nous voulons faire quelque chose avec leur propre événement click, et nous voulons sauter vers le haut. Comment le faire ? Nous pouvons utiliser le défilement par fonction afin que nous puissions faire des choses comme Windows Scroll par. Et puis on a attaché l'axe X. Et pourquoi ? Sorties, sorties, Coréens, vieux dollar. Pourquoi est vertical donc tous les types ici que je n'ai pas fisted existent. Cela signifie va se déplacer par 15 picks est à droite. Mais ce que nous ne nous soucions pas de droite gauche Nous nous soucions juste de ces choses. Lorsque nous tapons ici 100, vous remarquerez est quand nous cliquons dessus. Nous sauterons de 100 pixels vers le bas donc moins signifie que nous allons au détail. OK, mais je veux toujours aller au sommet. Donc je veux aller au sommet comme nous sommes allés en bas à droite. Et cette chose commence en place comme ça. Ok, mais nous voulons aller au sommet donc nous avons besoin de multiplier les orteils mini moins un par ces valeurs. Donc, nous l'avons eu moins de valeur, juste et négative. Et comme vous pouvez le voir maintenant, il suffit de cliquer et nous sommes le haut de notre site Web. Donc ça marche plutôt bien, non ? Et maintenant, nous ne voulons pas le montrer quand nous sommes le top. C' est juste stupide d'avoir là afin que nous puissions utiliser la fenêtre que sur défilement même pourquoi nous sommes assignés leur propre fenêtre crâne orteil Parce que bien, c'est une fenêtre. J' aurais une fenêtre ici le jour. C' est l'objet supérieur qui est la meilleure chose à faire ici. Ok, donc on l'est. Nous invoquons maintenant sur Scroll Toujours quand quelque chose se passe. Quand on bouge cette fille, créons la travée ici pour que je puisse te montrer quelque chose de très important. Quand on bouge cette fille, Donc, par exemple, je pense que et passons à l'intérieur. Donc comme ça et faisons quelque chose comme ça. Comme vous pouvez le voir maintenant, nous pouvons voir la position sur le défilement. Donc ça marche comme ça, non ? Quand on est ici, pense que c'est comme Freeh sous. Je pense que nous devrions montrer à cela ce que c'est. 300, droit ? Donc on doit faire quelle condition avec moi pour vérifier si c'est fini. Si vous ne pouvez pas, je veux montrer si c'est plus bas que tous les candidats, je veux juste changer l'affichage pour maintenant au début, nous voulons juste le faire disparaître, OK, nous ne voulons pas le montrer. Pourquoi avons-nous besoin ? Et maintenant nous avons juste besoin de changer cet endroit alors comment le faire ? Eh bien, on peut juste quoi ? Obtenez le bouton afin que nous puissions le déclarer à nouveau ici, par exemple, dysfonctionnement intérieur. Hum et on peut aller au bouton supérieur et ensuite aller au style et ensuite aller à l'écran et changer pour bloquer. En ce moment, c'était spectacle même si je bouge un peu. Donc, je suis de vérifier si cette page de fenêtre pourquoi décalage est plus grand que maintenant ? Il sait juste que tu peux taper ce que tu veux. 300. 500. Eh bien, que diriez-vous de combien vous voulez taper, n'est-ce pas ? Certaines personnes aimeraient être montrées après 400 parle comme Ah il n'y aura pas envie de le montrer à 500 type ici. Un numéro que vous aimeriez orteil ici. Sinon, je veux juste changer de bloc bloqué un non. Donc je veux le faire disparaître. Et comme vous pouvez le voir maintenant, quand nous défilons, il ne s'affiche pas. Mais quand on passe au delà des 400 ans, on voit bien quand on y retourne, c'est une pièce. Lorsque nous cliquons dessus, il disparaît également. Donc nous avons maintenant quelque chose va améliorer l'expérience. Oh, sont pour les utilisateurs de votre site Web Et est-il pris en charge dans les sports Internet ? 678 Pas tellement, mais je pense une seconde à ce sujet. On devrait vraiment le faire pour eux ? Ils rendent votre vie plus horrible. Et cette chose est vraiment quelque chose qui rend juste quelqu'un mensonge plus pratique, non ? Ce n'est pas quelque chose dont les gens pleureraient. Le qu'ils n'ont pas droit est juste un ajout à votre site Web. Ce n'est pas quelque chose qui va diminuer la taille sur leur site Web et d'autres choses comme ça. Donc vous pourriez trouver des hacks comment le faire. Mais je pense que c'est juste perdre du temps. Ah, fais-le. Pour les personnes qui exploitent des navigateurs Web de jour, ce n'est qu'une bonne leçon. Merci beaucoup. 42. MouseEvent: Bonjour Aujourd'hui, je vais parler de la souris evens. Et sommes-nous sûrs qu'on a dû créer quelque chose comme ça ? Wow, c'est génial, n'est-ce pas ? Nous déplaçons une image sur notre site Web et nous pouvons bien sûr déplacer tous les éléments que vous souhaitez déplacer à droite ? Vous pouvez créer ce glissement sur n'importe quel élément. Toujours vous montrer bientôt comment le faire. Mais d'abord, passons sur toute la souris. Même comme vous pouvez le voir, nous avons du carburant à ce kilomètre. Et cela se produit même lorsque le curseur est terminé, entre dans un citron, ok, Et plus presque dehors est quand le curseur quitte l'élément. Donc ce sont les bases un et vous les avez sur des kilomètres. Bouge quand tu bouges un citron, donc ça va probablement être très utile pour nous. Tu bouges la bouche sur un citron, non ? Donc oui, c'est très important pour nous. Nous avons quelque chose comme un grincement lorsque vous cliquez et vous avez quelque chose comme DoubleClick. Donc, quand vous double-kick assez vite et que le clic sur clic même est vraiment une connexion presque en bas et presque en haut et nous aurons besoin de cette information parce que nous ne voulons pas cliquer dessus , et il va bouger. On veut les orteils, on enlève le bâton de la souris. Et puis on veut invoquer ça sur des kilomètres. Bouge à droite quand on déménage, tu veux le déplacer ? Mais quand nous avons le plus de souris, nous voulons y réagir. Et tu veux t'arrêter sur Miles Move. D' accord. Après cela, vous pouvez dire que vous pouvez arrêter l'impur même comme vous pouvez le voir ici. Vous avez ici un bouton quand vous faites quelque chose comme ça et j'ai du bien ici et mon masque ou, , comme vous pouvez le voir, rien ne s'est passé. Mais quand vous cliquez dessus, eh bien, alors vous êtes envoyé à un autre endroit. C' est parce que pour avoir rapidement, vous devez avoir presque dehors et presque au même endroit, non ? Donc, nous pouvons utiliser des informations comme ça maintenant pour créer ce que nous avions ici. En ce moment, je le rafraîchis et on n'a rien. Nous avons donc une image. Image ajoutée. Ici, c'est juste une image simple avec l'identifiant er et la première chose que nous devrions faire est de mettre la position à droite absolue parce que nous voulons changer la position de cet élément Freeway. Nous ne voulons pas qu'il prenne la place sur notre site Web avec d'autres éléments, est-ce pas ? Nous voulons l'enlever du débit normal. Maintenant, on veut l'avoir. Donc document Obtenez un citron par I d et nous voulons obtenir cet exemple d'image. Droit ? Alors sauvegardons ça. Et maintenant, nous voulons ce que nous voulons orteil dire si nous voulons faire quelque chose quand quelqu'un a le fond vers le bas. Droit ? Alors que devrions-nous faire ? Simple que sa propre bouche vers le bas. Et nous voulons impliquer la fonction ici. Donc quand la souris est tombée, on veut orteil. Puisque quelque chose comme ça arrive aussi Non, ça ne ferait pas quelque chose comme toutes les bouches bougent bien. On veut orteil. Si quelqu'un bouge la bouche sur cet élément. Donc, nous devrions sur cet exemple sur cet élément aussi et vous savez, regarder écouter écouter sa propre bouche bouger même Vous pouvez, bien sûr, ne nous ajoutons pas même les auditeurs. Aussi, je le fais juste comme ça parce que ça aurait l'air un peu plus simple. Droit ? Donc, nous avons été maintenant sur le mouvement de la souris. Et parce que nous sommes bien maintenant sur les miles se déplacent, nous pouvons déplacer les, je pense assez facile, parce que, eh bien, nous pouvons juste accéder à cet exemple comment nous pouvons simplement taper quelque chose comme ça et nous pouvons arriver à le style à gauche. Et il se serait même mis sur qui peut faire quelque chose comme un Creon X, qui va avoir l'endroit où la position de la bouche plus facile que je parlais des dernières leçons plus nous choisit parce que nous avons besoin de l'avoir dans les choix. Oh, nous venons d'implémenter l'axe horizontal. Et maintenant, nous avons besoin d'orteil faire quelque chose avec la verticale sur. Est-ce qu'il pense quand on aura besoin ? Eh bien, quand nous avons, hum, nos kilomètres vers le bas, ça marche. Quand nous déménageons, ça marche aussi. Mais quand on bouge sur ces objets et qu'il s'enfuit de nous, non ? Alors comment le faire pour qu'il ne s'enfuie pas parce que, que, ce moment, nous avons le coin gauche, droite, le coin supérieur gauche ici de notre image. C' est pour ça que nous avons des problèmes comme ça. Donc, nous devrions aller à l'échantillon PNG et voir comment si quelle est la taille de ces images ? Vous pouvez voir. Nous avons 128 et Heidi aussi 128. Et nous devrions changer cette position. On devrait juste aller au milieu, non ? Nous allons juste, hum, et opérer comme ça. Et comme vous pouvez le voir maintenant, oui, on est au milieu de ça et maintenant ça marche. On le déplace. Mais nous ne pouvons pas arrêter de bouger seulement parce que bien, comment le faire. On ne peut pas le faire maintenant, est-ce pas ? Ça ne marche pas parce que nous n'avons pas déjà sur la souris. Commencez ici sur DWI n'a rien fait avec. Mais il y a un problème. Tu vois ça ? Oh, comme vous pouvez le voir, voici une copie. Quand on m'appelle Ink, je peux même ouvrir dans un autre haut. Ce truc est juste une maison de base, Drac. Même cela est, vous savez, pris en charge dans les navigateurs Web. On doit arrêter ça. Sinon, nous aurons des problèmes. Donc, nous devons agir est le simple et aller dans quelque chose de bon disco propre drag start et nous devons empêcher l'action par défaut. Maintenant, comme vous pouvez le voir, nous pouvons le déplacer gratuitement. Et on n'a pas ouvert une autre page web, et ça va mieux marcher, non ? Il n'y aura plus de boîte depuis maintenant. Ok, maintenant ça marche mieux maintenant. On doit juste arrêter comment l'arrêter. Eh bien, échantillonnez ça. Et maintenant, nous devons aller presque en haut. Je veux invoquer la fonction qui va juste l'arrêter. Droit. Donc on veut aller dans l'échantillon sur ma maison. Bouger, bouger la bouche est égal à Non. Quand ils ont été assignés ici ? Non, on va juste, tu sais, remplacer ce truc et ça va s'arrêter. Et il y a une monnaie. Ça s'arrête maintenant. Ça marche. Très bien. Nous avons donc fait la même chose que je l'ai dit tout à l'heure. Vous pouvez voir quand on le fait très vite, je peux parfois perdre non plus. Droit ? En ce moment, c'est difficile à perdre parce que c'est un grand appartement. Que se passerait-il si cet élément était plus petit ? Que se passerait-il si cet élément était un autre ? Pas de la même taille. On peut avoir ça. Récupère la taille de l'image. Comment le faire. Eh bien, on peut le faire. Avec cette hauteur, nous pouvons obtenir la hauteur de l'arme du citron de l'image juste en tapant quelque chose comme ça parce que nous avons accédé à l'échantillon ici avec le monde de disque E, qui n'est pas 128 est allé à pas divisé par deux. Droit. Et notre manteau est maintenant un peu plus universel que vous pouvez sembler. Mais nous avons aussi besoin que nous ayons un problème comme ça. Si c'était plus petit, on pourrait savoir, quand quelqu'un fait quelque chose comme ça vite, on pourrait perdre le focus et la drogue serait perdue. Eafe c'est assez pour toi. Tu peux t'arrêter ici, mais on peut l'améliorer, non ? On peut toujours l'améliorer. Donc nous pourrions regarder maintenant, pas l'échantillon, mais nous pourrions regarder sur le document sur la souris. OK, parce que regarde-les même ici. Et nous devons maintenant passer à Non, non sur le document. Mais maintenant, il y a un problème ne fonctionne pas parce que ce mot-clé n'accède pas maintenant à l' exemple. Mais il y a accès, Doc, vous documentez. Donc, nous devons en quelque sorte envoyer ici un échantillon comment le faire. Nous pouvons créer une variable temporaire ici comme ça. Nous avons donc accès à nous remorquer cet élément et maintenant nous pouvons l'envoyer à cette fonction ici. D' accord. Donc ça peut être plus tard. Nous ne pouvons pas utiliser cet échantillon de cet endroit parce qu'il consomme et tapez quelque chose comme ça miles plus bas vous ne sera pas que Ah, n'est pas une variable globale et nous, il est, pourrait ne pas voir ici. Droit ? Donc, on devrait faire un chemin mort. Et maintenant, nous voulons l'envoyer à une autre fonction. Donc nous devrions le créer, par exemple Fonction, image en mouvement, Uh, comme ça nous voulons ici et même. Et nous voulons aussi nous opposer à bouger à droite. Je veux changer ça partout comme ça. Donc, objet de déplacer et de documenter que sur la plupart déplacer un. Je veux invoquer l'image en mouvement mais je veux envoyer un argument vont le faire de cette façon Donc image en mouvement avec les objets pairs comme ça. Et aussi nous voulons l'expéditeur des orteils, donc le disque qu'il a travaillé de cet endroit et maintenant, comme vous pouvez le voir, il fonctionne bien. Et même si je le fais oh, très vite, ça va toujours marcher. OK, c'est le Donc est un peu mieux maintenant vous pouvez maintenant l'améliorer, mais en ce moment vous ne savez pas quelque chose avec ce culte Ajax ou html cinq. Le problème que nous avons maintenant, c'est ça ? Ecoute, on ne sauve pas la position juste quand on se rafraîchit, la position est juste là. Vous pouvez, par exemple, utiliser ce programme pour afficher des badges sur le profil. Quelqu' un et la personne pourraient bouger sur vous. Il fournit ces badges quelque part, pas vrai ? Par exemple, pour quelque chose comme ça. Mais des choses comme ça devraient être enregistrées,par exemple,dans par exemple, base de données. Et pour le faire, il l'enverrait à la base de données cette information avec l'Ajax Ou vous pourriez enregistrer la position ou quelque chose pour juste cet utilisateur dans les cookies. Nous parlons de cookies, mais peu probable dans les scores ne parlera pas d'un Jack parce que ces très jamais grand sujet et il y aurait une autre côte sur cette chose. Bien sûr que tu peux. Vous l'utilisez pour d'autres choses. Je suis sûr que nous l'avons fait. Tu as une bonne, une grande imagination. Tu as trouvé un moyen d'utiliser des choses comme ça. Et vous devriez également savoir que dans html cinq, ils sont de nouveaux événements qui sont connectés à la drogue sur, et ils vous permettent,par exemple, par exemple, déposer des choses quelque part, faire un endroit où vous ne pouvez que laisser des choses peu probables. Nous n'en parlons pas parce que nous parlons de choses comme ça dans HD Merkel parce que c'est aussi un grand sujet. Droit ? Donc html five vous donne encore plus de puissance pour votre JavaScript. Donc c'est une bonne idée orteil aussi apprendre. Ok, c'est tout dans la leçon. Merci beaucoup. 43. events dans le temps: Bonjour aujourd'hui. Toujours vous montrer deux fonctions qui expirent et ledit intervalle propre exemple pratique. Nous allons créer un chronomètre et ces fonctions sont utilisées pour autour d'une fonction après un temps que vous spécifiez Okay, définir le temps out va autour d'une fonction JavaScript après Hominy millisecondes élégantes. Vous avez passé ici et dit Intervalle fera la même chose, mais il continuera à le faire pour toujours jusqu'à ce que vous dites arrêter Nous, par exemple, intervalle clair. Vous pouvez également arrêter d'exécuter Ah, fonction dans le temps défini avant qu'il ne soit exécuté avec le temps clair jusqu'à ledit délai et ledit intervalle, tous retirent l'identification er sur le off que vous savez même cela va arriver et vous pouvez l'arrêter en utilisant ces fonctions et où certaines quand quelque chose comme ça peut être utilisé, vous pouvez l'utiliser pour. Par exemple, vérifiez si votre utilisateur est sur votre site Web il fait quelque chose. Il déménage les Maltais et regarde la vidéo et vous pensez qu'une drogue que vous pouvez envoyer à oh , par exemple, mon escorte. Ils base de données les informations qu'il est seulement sur le site, droite, sorte que vous pouvez vérifier des choses comme ça, vous pouvez, par exemple, créer un graphique. Vous pouvez, parce que vous pouvez vérifier chaque seconde si quelqu'un tape quelque chose. Oh, êtes-vous, par exemple, création d'animation. Vous pouvez, par exemple, modifier toutes les 30 millisecondes. L' endroit où se trouve quelque chose. Ah, sur ton site. Droit. Donc, il y a des pierres hors options. C' est quoi ? Tu pourrais utiliser des choses comme ça. Vous pouvez, par exemple, créer l'horloge. Mais on va créer quelque chose. Ce qu'on appelle l'arrêt. Quoi ? Parce que probablement la chose la plus facile pour deux dio en ce moment. Et ça va être une bonne expérience pour nous. Ok, donc j'ai déjà créé une entrée de texte comme démarrer une bouteille et une bouteille d'arrêt. Ok, donc on a quelque chose comme ça, et j'ai aussi créé des identifications pour eux. Nous avons donc le bouton de démarrage de la valeur de démarrage et le gestionnaire de chronomètre. Lorsque nous tapons ici nombre et nous cliquons bien commencer, comme voir ici 100 pour entrer pour le 123 et il devrait venir à compter à zéro. Alors, comment le faire ? La première chose que nous devons faire, nous devons obtenir ces éléments de notre site Web afin que nous puissions le faire comme cette variable. Et maintenant, en utilisant des passages contra allait faire face à cela. Et maintenant quelque chose comme ça. Ah, hum bom et chronomètre faim. Donc, en ce moment, nous avons toutes les choses de nos sites Web dans nos variétés pour que nous puissions agir, n'est-ce pas ? Et réfléchissons une seconde. Quand nous avons ici un nombre, nous tapons ici et nous cliquons sur commencer nous aimerions voir ici, Donc quand je clique, c'est le même propre fluage. Ok, donc quand quelqu'un crique sur la bouteille commence, j'aimerais exécuter une fonction. Droit. Et cette fonction devrait faire ce qui devrait faire ce qu'elle devrait prendre la valeur de départ. La valeur de départ est ici, et parce qu'elle est en importation, nous devrions prendre la valeur, n'est-ce pas ? Pas tous. Pas sur l'entrée, mais la valeur de cette entrée. Donc c'est la valeur de départ, et on devrait le mettre dans le Chandler tribord, non ? Gestionnaire de chronomètre, que HTML interne est égal à la valeur de départ. Pas quand on pourrait commencer. Cela fonctionne bien, juste Quand nous le changeons, cela ne fonctionne pas bien, parce que quand nous changeons des choses, euh, et nous pouvons sur l'événement click, il va prendre ici la valeur de départ qui était ici au commencer quand on a chargé l'arme. Donc, quand on a fait quelque chose comme ça en ce moment, ça a changé de penser que nous sommes arrivés ici, Steve. Steve, la valeur que les anciennes valeurs. Donc nous devrions changer ces valeurs chaque fois que quelqu'un crie sur ça ici. Droit. Ok, donc maintenant on devrait commencer à compter à rebours. Pourrais-je utiliser un look pour ça ? Eh bien, oui, mais ce serait trop rapide. Je l'ai fait. Votre code JavaScript le changerait si loin que ce serait comme une bombe. Et le zéro instantanément, vous diriez même que Probablement pense les compter. Et c'est quand quelque chose comme l'heure définie ou l'intervalle défini est critique car il peut exécuter une fonction JavaScript. Et la fonction Danske est juste une instruction. Ainsi, par exemple, en diminuant le nombre après les millisecondes. Vous spécifiez ici après l'heure comme ça, n' est-ce pas ? Donc ça va être la meilleure chose à faire en ce moment. Donc nous voulons que Teoh fixe l'intervalle et que nous voulons exécuter une fonction que nous allons spécifier ici après une seconde, non ? Quelque chose comme ça. Et ce que nous pouvons créer une fonction maintenant, euh, comme ça et ce que nous voulions juste faire quelque chose comme ça et vous voulez diminuer cette valeur, non ? Et comme vous pouvez le voir maintenant fonctionne bien. Nous comptons à rebours. Mais quand on le change à cinq, comme vous pouvez le voir, nous avons de bons problèmes parce que vous avez des compteurs à la fois. Droit ? Donc ce serait une bonne idée que quand on clique dessus, on arrête cet intervalle, non ? On devrait arrêter ça. Alors, comment le faire ? Nous pourrions, par exemple, faire quelque chose comme cette variable. Et ici, nous pourrions obtenir cet intervalle re identification de référence. Et quand nous cliquerons ici, il sera mieux. Probablement Nous avons créé cette variable ici, non ? Et lorsque nous cliquons sur le démarrage de la bouteille, nous devrions vérifier si cette identification de référence d'intervalle existe. Si oui, alors nous aimerions effacer Intervalle envoyant ici ce I d. Sinon, nous n'avons pas besoin de le faire correctement. N' allons pas utiliser le clavier de livre ici parce que vous voulez exactement aller deux jours Guy ici . Droit ? Maintenant, ça devrait marcher. Très bien. 24 bombes. Je l'ai changé en ça va voir maintenant qu'il est monté sur un seul comptoir. Le problème est qu'il compte après même zéro. Droit ? Donc, nous devrions arrêter aussi d'exécuter lorsque le compteur est mauvais. Donc, si la valeur de départ est inférieure à zéro, nous voulons arrêter de tout exécuter. Droit ? Donc ce qu'on veut faire, on veut Teoh. Également effacer l'intervalle avec la référence d'intervalle n'a pas indiqué. Il y a un problème avec elle. Comme vous pouvez le voir, nous avons moins un moins encore Pourquoi ? Parce que même si nous l'avons arrêté cet intervalle, cela ne signifie pas que toutes les instructions après ces instructions ne seront pas exécutées. Ce qui signifie que nous devrions également sortir de la fonction directement de cette fonction. Donc, nous devrions taper ici, revenir maintenant car vous pouvez toujours avoir un 10 moins un. Donc, nous pouvons changer la situation pour le faire par exemple comme ça. Et maintenant on compte 20 Sommes-nous tués ? Vous savez, au lieu de faire par sa peur d'argent, nous pourrions le faire, par exemple ici 10 et fonctionne bien. Je pense que c'est un peu plus facile à comprendre, non ? Ok, donc maintenant on peut compter à rebours, on peut facilement le changer à un autre endroit sans s'inquiéter beaucoup. Donc créé un décompte tribord. Nous voulons également implémenter le gestionnaire de chronomètre. Donc chaume. Chandler, j'étais désolé. Pas ce double gigogne, mais l'arrêt de la bouteille propre clic égale la fonction et que vous voulez juste auto donc juste impliqué jours baume droit . Et je ne veux pas que je veuille me réunir. Et Bob, Step Souljah fonctionne bien. Donc, l'intervalle invoque simplement une fonction tant que nous ne disons pas « stop right ». Mais nous avons aussi quelque chose va discuter temps fixé. Quoi ? On va juste invoquer quelque chose une fois, mais ça ne veut pas dire qu'on ne peut pas te faire savoir, on peut faire la même chose comme on l'a fait en ce moment avec le plateau. Terrible. Si vous voulez faire la même chose, c' est commenter pendant une seconde et c'est tout. Donc, nous voulons aussi faire quelque chose après que quelqu'un ait cliqué sur la bouteille et nous voulons prendre la valeur de départ et changer la valeur. Droit ? Donc, cette partie est la même. Mais maintenant, nous aimerions exécuter avec le temps défini une fonction. Donc, par exemple, nous pourrions entendre une fonction que nous appellerons, um, montre stub stockée Onda, nous allons faire quelque chose comme le démarrage du bouton. D' accord. Il a dit le temps d'arrêt et ces doigts ont le chronomètre. Commencez après une seconde. Je veux invoquer un dysfonctionnement après, mais eh bien, nous devons envoyer leur valeur de départ. Donc, nous devrions désinfecter la fonction, et nous devons invoquer. Maintenant, ce chronomètre commence avec des couleurs tenaces. Nous savons donc ce que nous voulons où nous pouvons insérer notre nouvelle valeur et la valeur de départ. Bon, donc nous l'envoyons ici. Bombe. Nous sommes là, là. Droit. Et nous devons déclarer les choses que nous venons d'envoyer ici avec des paramètres. Et maintenant, vous pouvez, par exemple, les mêmes choses que nous avons faites ici. Donc on va diminuer touchés par un. Donc, comme vous pouvez le voir maintenant, après une seconde, il a diminué d'une. Droit ? Ça marche comme ça. C' est juste impliqué une fois. Et je voudrais invoquer à nouveau la même fonction. Comment le faire. Je vais juste l'invoquer encore ici. Droit. Pour que je puisse taper des trucs comme le chronomètre, et je pourrais m'asseoir sur tribord et la valeur de départ. Ah, comme ça parce que hors de la documentation, il est en bas à droite donc cela signifie que nous avons libre de le faire. Et maintenant, hum, ça ne marche pas très bien, parce que le problème est qu'il s'est exécuté presque instantanément et parce qu'on n'a pas attendu quoi que ce soit ici. C' est pourquoi nous avons besoin de quelque chose avec ça pourrait fixer le temps libre et nous allons décider, genre, mettre le baume du temps dehors. Après une seconde, je veux invoquer ceci. Nous avons donc besoin d'une fonction animus parce que vous voulez envoyer des arguments. Donc, comme ça sur nous n'avons pas besoin de parents est ici et maintenant Bam, bam ! Sur un chronomètre. Ça n'a pas marché parce que j'ai envoyé ici le mauvais parce qu'il, euh ouais, ça marche. Finale. Ce que tu obtiens, ça ne veut pas dire que quand on l'a fait, ça fonctionnerait bien, non ? Quand fait comme ça, parce que concéder c'est encore pire parce que non, ce script ne sait pas ce qu'il devrait exécuter en premier, et les problèmes viennent. Ok, donc c'est une bonne idée de poids des orteils quand vous faites quelque chose comme ça et j'ai libre Teoh un zéro et ça compte à rebours le problème que nous avons maintenant est de savoir comment l'arrêter. Eh bien, je suggère de créer une variable globale tue le temps d'attente variable. Référence. Identifiez-la et nous pouvons les assigner. Ah, identifiez-la ici. Et en utilisant cela, nous pouvons vérifier la même langue ici. Si cela existe, je veux libérer le temps libre comme ça. Libre à bien, ça passe à 124. Changeons 12. Maintenant, on peut le changer facilement, juste à n'importe quoi. Très 10 horloge trop rapide, bum pouce. Ok, donc ça marche. Très bien. Maintenant, nous devons aussi arrêter quand notre numéro commence. La valeur est inférieure à zéro. Alors nous voulons juste revenir. Nous n'avons pas besoin de dégager l'intervalle comme nous l'avons fait. On a juste besoin d'arrêter l'instruction d'exécution après ça. Droit ? Parce que ces instructions ici sont vraiment ce qui va vraiment être exécuté. Onley. Si nous savons revenir ici à droite, parce que retour signifie que nous sommes dépassés sortaient de la fonction. Si vous n'avez pas d'autres ne comprenez pas cela, vous devriez regarder à nouveau des leçons sur la fonction. Alors maintenant, quand on tape deux, ça va s'arrêter sur moins un, on ne change pas ça ici et tu as jusqu'à zéro et tu peux le changer. 13. Facile à un autre numéro et fonctionne bien. Ainsi, comme vous pouvez le voir, vous pouvez faire les mêmes choses avec le temps d'arrêt fixé. Mais je suggère d'utiliser des ensembles un temps d'attente. Ah, et bien, surtout quand vous voulez juste exécuter quelque chose juste une fois. Juste après un jour. Comme vous pouvez le voir avec cette solution, nous avons une variable globale. Ce n'est pas bon. Vous devriez éviter autant que vous pouvez Global of Grable. Pourquoi ? Parce que si vous aviez des hommes hors d'eux, vous auriez des problèmes de connexion. Qu' est-ce qui est où ? D' accord. Des choses comme global très boost peuvent également rendre votre manteau très difficile à déboguer. Il peut vous apporter beaucoup de boîtes qui sont vraiment, vraiment difficiles à repérer, surtout en javascript. Alors essayez orteil, évitez. D' accord ? Il est préférable d'utiliser quelque chose comme l'intervalle dans cette situation. Ou vous pourriez le faire de manière encore plus professionnelle en boîtier constructeur de fonction dans la création votre propre objet chronomètre. Ok, ce n'est qu'une leçon. Merci beaucoup. 44. events avec le temps: Bonjour. Aujourd'hui, je vais vous montrer comment améliorer votre manteau Donc il semble plus pro façon que vous voyez décodé. On l'a fait dans la dernière leçon. Ça marche bien, non ? Pour un petit projet, ce sera un bon manteau. Le problème se produit quand il y a plus de gens qui travaillent avec vous. Es-tu bien ? Juste de nombreuses fonctions sur votre site Web. Parce que vous voyez, nous avons ici un groupe d'Arabie. Imaginez que nous en aurons encore plus et que nous aurions un homme. Amen. Amen. Evens sur notre site web. Beaucoup de choses qui seraient dans notre manteau ici maintenant et maintenant. Vous auriez des problèmes à vous concentrer pour trouver ce que vous voulez faire. Et maintenant, nous imaginons déjà que vous aimeriez avoir plus d'un Stop quoi ? Sur votre site Web. droite. Vous aimeriez compter jusqu'à zéro parce que vous voulez, vous savez, vous savez, suivre si quelque chose est à l'est, enfin finir à droite. Vous avez une bonne, par exemple, une personne qui joue le jeu et quand il peut se construire avec, nous avons quelque chose. L' escount toe zéro. Mais il peut construire beaucoup de choses à la fois. Droit ? Et nous aurions beaucoup de compteurs. Donc, nous aimerions avoir très réutilisation. Capable a appelé, par exemple, pour des situations comme ça. Et puis c'est une bonne idée de commencer à programmer dans l'objet qu'il est orienté. Alors, comment le faire ? Je suppose que vous avez déjà regardé toutes les leçons possibles sur les fonctions et les objets dans les premières sections des cicatrices. Donc tu ne retournes pas parce que ça va être des choses avancées. Donc, la première chose est que nous devrions créer un constructeur de constante de fonction. Nous l'appelons, par exemple, chronomètre. Et qu'est-ce qu'on veut faire ? De quel état ? Prenons ceci sous le commentaire, nous voulons créer un chronomètre après avoir chargé notre fenêtre. Donc var encore butch Nouvel arrêt, qui Ok, et maintenant quand quelqu'un clique sur le début inférieur, nous voulons exécuter stub. Regardez ça, et nous pouvons maintenant, par exemple, faire quelque chose avec les méthodes que nous allons créer en fonction. Ils pensent que nous voulons faire, nous voulons commencer, donc nous devrions créer une fonction qui va être à froid ou dedans, quelque chose comme ça, non ? Donc, faisons ça démarrer la fonction égale ce début. Donc, nous n'avons pas de méthode à l'intérieur de notre classe, qui s'appelle start et qui devrait commencer notre programme. Donc, il devrait démarrer le bouchon, ou il devrait, vous savez, initialisé d'abord quelques choses. La première chose qu'il devrait initialiser est la valeur de départ, qui est en ce moment commencer où ? Dans notre texte d'entrée de valeur de départ, que nous devrions, vous savez, copier. Ici, c'est différent. Donc, après chaque fois que nous cliquons, nous devrions obtenir la valeur de départ, et nous devrions l'envoyer faire ici. Donc on devrait le prendre ici. On devrait y aller. Alors fais quelque chose comme ça. Donc on l'a dans notre objet, non ? Nous pouvons re référence à la remorque ce gars à l'intérieur quand nous créons le tribord, nous devrions envoyer un chronomètre, conseiller. Donc nous savons où nous aimerions montrer les choses à l'intérieur. On devrait faire des trucs comme ce chronomètre sur Eh bien, comme ça. Non. Ok, donc quand on le crée, on l'envoie ici à la bombe, et ça va ici, et on devrait, tu sais, changer ce genre d'ici. Euh , chronomètre de montre. Tu es là aussi. C' est aussi là. Désolé. Chasseur chaumé. Ok, donc on commence, on a la valeur de départ. Et les fonctions de départ devraient également commencer stub butch plus tard. Donc, il devrait invoquer cela qui s'arrête, commence, arrête, regarde. qui va être ici et le dysfonctionnement ici devrait ce qui devrait entrer dans le gestionnaire Stobart et changer l'énergie html de celui-ci. C' est ça qui commence ? Très. Quel est le truc cool ? Avez-vous remarqué que nous n'avons pas besoin de passer de valeur ici, est-ce pas ? Parce que nous avons tous l'accès à travers les variables ici. qui est cool, c'est que ces variables sont faciles d'accès. Nous savons qu'ils sont exactement les variables qui sont connectées à l'objet qui va être créé à travers cette classe, non ? Ce n'est pas quelque part comme ici, donc nous pouvons même créer oh dans quelque chose. Ce droit cette fois sur l'identification référencée. Ce n'est pas à l'intérieur. Nous le savons exactement. Elle est connectée à elle. Ok, donc on l'a. Maintenant, on est là, et on a commencé. Alors voyons ça. Comme vous pouvez le voir maintenant, lorsque tapez début valeur dans la valeur de départ. Exactement la valeur. Donc nous devrions le faire de cette façon. Ok, donc quand on change maintenant, on a tué au moins ce nombre change. Droit ? Et maintenant, nous devons conseiller comment compter. On doit juste fixer le temps libre, non ? Et nous devons exécuter la fonction que cet or quoi ? Après une seconde qui est appelé début chaume. Nous avons juste besoin d'invoquer la même fonction ici. Le problème, c'est que quand on fait quelque chose comme ça, on ne le fera pas. Vous pouvez voir une bombe. Ça ne marche pas. Pourquoi ? Parce que ce mot-clé est une référence dans tow. Dysfonctionnement, pas mort Un si vous voulez référencer orteil exactement cet endroit, nous devrions faire quelque chose comme ça. Nous devrions créer une variable temporaire et assignée à manger cet objet. L' objet sur lequel vous travaillez et faites quelque chose comme ça. Et comme vous pouvez le voir maintenant, c'est parti. Je ne vais pas y aller, pas travailler. Le problème est que nous n'avons pas diminué la valeur de vous. Ok, soyons dingues. 14 13 12 Bom bom bom bom bom bumper. Ok est si sous ça. Donc parce que vous ne me croyez pas, ce n'était pas un problème. Comme vous pouvez le voir, ça ne marche pas. Nous avons obtenu ne vaut qu'un parce que, eh bien, nous avons déploré diminué. Ça commence. Ok, alors on a commencé comme ça et ça ne marche pas. On doit utiliser cette auto 14 13 12 et ça va compter comme le Gers qu'on ne s'arrête pas donc on doit l'arrêter. Droit ? Donc, créons une fonction que nous appelons stop equals fonction sur et ce que nous devons faire Nous devons juste effacer le temps dehors ce temps dehors, ref, I d Mais nous ne l'avons pas. Mais nous pouvons l'avoir très loin. Donc nous pouvons juste quelque chose comme ça et nous l'avons maintenant. Pas vrai, Pretties ? C' est sorti. Nous pouvons l'obtenir à droite dans tous les endroits sur et bien, comment maintenant en vogue il Nous avons juste besoin de bouteille star stop eso sur le ruisseau il appelle fonction et nous faisons juste stub watch Stop ! La chose cool que nous pouvons assigner des evens en dehors de ces choses ici est que vous pouvez maintenant assigner ce propre orteil klieg quel que soit l'endroit que vous voulez, non ? Tu peux arrêter d'être là où tu veux par quel autre personnage ? Un Donc vous pouvez aussi l'arrêter manuellement, n' est-ce pas ? Arrêt à tribord congestive et ça va s'arrêter et le temps par n'importe quoi Alors commencez et maintenant on pourrait s'arrêter commencer, arrêter. Ça marche. Et aussi, quand on commence, on ne veut pas arriver. Donc quelque chose comme ça n'arrive pas, non ? Cela concède aller plus vite, parfois sauter. On ne veut pas. Barket, si on ne veut pas l'emballer, on devrait vérifier ici, non ? Si cela existe cette fois sur le projet d'idée, nous voulons l'arrêter. Et le truc cool est que nous n'avons pas besoin d'orteils à nouveau. Fais quelque chose comme ça. On peut juste impliquer les côtés de la fonction Stop it. Arrête ça. Ils pourraient penser à la solution. C' est quand tu adhères à quelque chose qu'ils ont appelé ici, non ? Parce que tu pourrais te faire quelque chose. Vous voulez avoir plus de choses ici, comme des chèques ou d'autres choses comme ça. Alors, ah, vous savez, tout sera changé aussi dans cet endroit pour que nous puissions réutiliser notre manteau même à l'intérieur de l' objet. Alors maintenant, quand on commence, on peut le changer assez facilement. Rien sur les orteils ? Ça ne va pas être soutenu. Ok, donc la dernière chose qu'on doit faire, c'est le chèque. Si c'est inférieur à zéro, si oui, alors nous devons arrêter d'exécuter quoi que ce soit après les lignes quelque chose à retourner. D' accord ? nous devons quitter la fonction. Donc maintenant, vous pouvez voir 210 et c'est tout un genre de jeu. Maintenant, imaginez que vous aimeriez continuer. Alors pourquoi est-il si difficile au pays de faire une fonction pour continuer ? Quelle devrait la fonction de continuer le soudain juste impliqué cela ? Oui. Donc, jours qui commencent Stop. Quoi ? Encore une fois ? Je veux bien étudier le jeu. Juste trois jours. Ah. Ok, donc on a juste besoin d'en bas. Continuer, continuer. On a besoin de savoir. Enfilez sa bouteille. Et quand quelqu'un crie dessus, on veut s'arrêter. Montre orteil. Continuez. Alors va tomber. Quand on s'est arrêtés, ça s'est arrêté. Je ne continue pas. Son continuer avec juste réutilisé. Ils sont éclairés, et tout est qu'il est à l'intérieur d'un seul endroit. C' est la puissance de la programmation orientée objet. Et la chose la plus cool, c'est que tu pourrais avoir quoi ? Une autre montre, non ? Que vous pourriez assigner à quelque chose d'autre à quelque chose de nouveau que vous pourriez assigner à de nombreux endroits à la fois. Très bien, vous pouvez réutiliser le co autant de fois que vous le souhaitez. C' est pour ça que des choses comme ça sont très cool. Où vous pourriez faire, vous utilisez par exemple, quelque chose comme ça. Plusieurs fois pour créer, par exemple, gains lorsque nous voulons compter les choses à rebours. Droit ? ce moment, on compte comme ça. Ce que nous montrons, vous savez, quand des types comme ça nous en avons 15 000 et 123. Il y a un grand nombre, mais ça pourrait changer ces deux vraiment une fois, non ? Vous pouvez utiliser, par exemple, un objet date avant. Eh bien, alors ils s'opposeraient plus tard. Et vous savez, vous n'avez pas de capacités puissantes pour créer des choses qui seront vraiment faciles à utiliser. Et avez-vous pouvez changer plus tard qui sont lus en mesure. Vraiment ? Vous devenez expert. Tout le monde après chaque leçon, tu seras encore mieux. Tu as juste besoin de t'entraîner. Ce que j'aime que vous fassiez maintenant, c'est normalement le tribord fonctionne comme ça. Avec cela, lorsque vous cliquez sur arrêter, Vous ne vous arrêtez pas même instantanément. Mais tu n'es pas ce que tu es. Ajouter Inc. Ce numéro après chaque et quand vous vous arrêtez à nouveau, vous à un autre numéro à une sorte de texte, n'est-ce pas ? Vous voulez savoir, par exemple, voir jusqu'où est vos amis ont tort. Et tu es comme moi. Arrête des trucs, des trucs, des trucs. Et tu veux avoir tout le temps, tout le temps, non ? Pour que tu puisses faire des choses. Comme, si des choses comme ça vous avez juste besoin de savoir quoi ? Mettez à niveau la butée inférieure. Vous avez juste besoin que Teoh utilise les informations de la valeur de départ ici. Droit ? Tu peux l'avoir. Vous pouvez créer une fonction. Nous réduirions ces valeurs ici la valeur réelle, et vous pourriez juste en insérer. droite. C' est le pouvoir, non ? C' est plutôt génial. Faites-le comme un exercice. Si vous avez un problème, s'il vous plaît demandez. C' est une leçon nécessaire. Merci beaucoup. 45. Validation de formulaires: Bonjour. Aujourd'hui, je vais vous montrer comment très jour que les données mises en entrée par les utilisateurs hors de votre chemin à côté de la façon dont orteil faire de sorte que les choses qui sont de type ici sont correctement serrées. Nous devons informer l'utilisateur que quelque chose ne va pas. Donc il ne perd pas de temps, juste quand il a envoyé et qu'ils cricket, il devrait être là pour, tu sais. Mais voici quelque chose qui ne va pas ou même nous pourrions entrer pour lui. Quand il change juste le droit d'importation, ce sera encore mieux. Mais vous devez vous rappeler, avant d'entrer dans cette leçon plus profondément que les anciens contrôles, toutes les conditions qui feront sont juste pour l'utilisateur. Hum, et tu dois te rappeler que ça n'a pas d'importance pour un test de sécurité. D' accord ? Oui. Vous pouvez simplement désactiver JavaScript. Tu peux faire ce que tu veux avec Jarvis. Gardez presque pour que vous puissiez Hargett assez facile. Donc, vous devez vous rappeler que vous devez vérifier à nouveau toutes les valeurs du côté serveur. Donc, par exemple, en PHP, Ok, vous faites toutes ces choses pour rendre l'expérience utilisateur expérience sur votre site Web. Mieux. Et c'est vraiment très, très bonne idée parce que parfois, quand les gens tapent un grand formulaire et qu'il devient récent, ils quittent le site Web. Donc, vous perdez une voiture d'argent, par exemple, quand vous avez un magasin sans quelque chose comme ça. Ok, alors faisons-le. Nous devons former, que j'ai appelé mon formulaire et ici nous avons un bon nombre. Texte intégral, nom du champ. C' est quelque chose sur mon formulaire Bottom avec la valeur envoyée. Et nous avons les informations DIF que nous donnons quelques commentaires qui sont sur ici, que quelque chose ne va pas ou quelque chose va bien. Et nous en avons même quelques-uns que nous avons pu suivre dans cette leçon. D' abord, prenons quelque chose de notre téléphone. C' est une bonne question. Comment obtenir, par exemple, cette entrée de ce formulaire, est-ce pas ? Non, fais-le. Nous allons taper le document, obtenir une idée de barre de citron forme esprit. Et voici quelque chose de très nouveau. Vous n'avez pas besoin de connaître l'identification, un héros ou une classe pour l'obtenir. C' est vraiment rave utile, et c'est une bonne idée de savoir que lorsque vous avez un formulaire, alors chaque élément ici vous pouvez obtenir à travers l'écriture, exemple, quelque chose comme l'élément zéro. Ok, l'élément zéro est cet élément. Le problème à propos de cette solution est que vous savez, sont du citron. Ceux-ci maintenant deuxième n'est pas juste côté. Oh, tu sais, quand tu ajouteras quelque chose, ça pourrait être une solution problématique. Donc, cette pensée n'est utile que lorsque vous voulez, par exemple, à des événements orteils toutes les entrées, non ? Ensuite, vous pourriez passer par la boucle en utilisant ceci. Eric, le truc cool, c'est que tu peux Onley, tu peux taper ce nom humain. Ok, donc nous avons quelque chose comme, ah, obtenir élément par i d ma forme sobre à l'intérieur ici. Et nous pouvons simplement taper le nom de la valeur de l'attribut ah. Droit ? Andi, tout fonctionne bien. Donc, le nombre de craintes, Ok, quelque chose comme ça. C' est en train de le couper. On a un champ de texte sur ces chansons. Nous devons arrêter, soumettre, mais, mais, euh oh, donc comme ça et nous avons de bonnes informations. L' information est différente. L' information est juste à l'intérieur du fond, est-ce pas ? Donc, nous n'entrons pas dans le nom, est-ce pas ? Comme toi. Ok, donc c'est comme ça que ça marche. Nous ne pouvons pas assez facile d'accès par exemple, nombre, champ et passons par tous ces pairs. Alors la clé, comment ça marche ? Donc la clé vers le bas va même arriver pour n'importe quelle presse, quelle que soit la touche enfoncée. OK, donc nous allons, par exemple, arriver à l'info html interne sur Créer une variable simple,par exemple, par exemple, I Et augmentons à l'intérieur de lui, Comme vous pouvez le voir quand je douloureux html interne âne vers le bas hors cours sur la touche vers le bas. Euh um um um um comme vous pouvez le voir maintenant, quand mes clés vers le bas, ceux-ci que j'apprécie est en étant incorrects froissés. Pourquoi ça va mes clés ? Ça ne va pas, tu as aussi la même chose que la Guerre froide. Cela a fait appel à la touche. Vous pouvez voir qu'il est également augmenté. Le problème à propos de la solution est que vous pouvez également obtenir la touche qui a été pressée correctement . Et quand nous avons pressé la touche, comme vous pouvez le voir, nous pouvons obtenir quelle touche a été pressée. Mais le problème, c'est que quand je frappe les touches fléchées et quela que feuille de contrôle sur un autre enfant comme ça, presse de singes ne va pas m'aider, non ? Et à cause de cela, vous savez juste que vous devez utiliser sur la touche vers le bas pour obtenir des enfants comme les touches fléchées. D' accord. Donc, comme vous pouvez le voir dans l'objet pair, vous avez quelque chose avec ce appelé à qui, qui dit, quelle touche a été pressée sur ces divers nous informations parce que hors cette information peut dire si nous ah, vous souhaitez l'ajouter à l'importation. Ou peut-être que je veux dire bientôt que vous savez que quelque chose ne va pas. Tu tapes quelque chose de mal. Tu dois prendre ta retraite, bébé. D' accord. Et il y a un problème hors cours sur Internet. Sprah six et détestez que vous avez remorqué, créez une variable comme la presse de caractères, par exemple, dans quelque chose comme ça. Et parce que dans tous les navigateurs Web comme Internet Explorer 6 et 7, vous deviez utiliser le manteau de clé avec la grande majuscule. D' accord ? Et tu as du bien. Aussi, quelque chose de caractère radical appelé salaires. Presque le même mensonge ces gars au-dessus. Mais je connais Judy City, OK, OK, il est presque temps de ne pas prendre en charge. Il va être supprimé dans les nouveaux navigateurs. C' est juste pour que vous sachiez, que quelque chose comme ça existe. Ok, donc nous avons un singe sur la touche et si vous avez quelque chose ce qu'on appelle le singe en haut et ces très utiles parce que le singe en haut va juste être invoqué. Quand ? Quoi ? Quand vous, si vous continuez. Ok, ça pourrait voir que je dois relâcher la clé. OK, si je ne lève pas la clé, la clé de l'événement ne se produira pas. Nous avons aussi quelque chose discutera sur quatre cours. Um, ça revient à ça, et comme vous pouvez le voir quand on se concentre, ça veut dire que quand on cliquera ici, ça va être invoqué. Ok, nous avons aussi quelque chose avec ça appelé sur Blore, qui signifie que quand vous perdez la concentration, ok, alors quand vous changez juste à n'importe quel autre endroit correct à partir de cette entrée, et vous avez quelque chose avec ce appelé sur le changement qui est assez utile parce que quand rien ne change et que vous changez à une autre entrée, il ne sera pas invoqué. Mais quand tu changeras quelque chose, ça sera invoqué. Donc, comme vous pouvez le voir maintenant, il ne va pas être invoqué. Droit ? Mais quand vous ajoutez quelque chose ou que vous supprimez quelque chose, il sera invoqué. Ok, donc c'est comme ça que ça marche. Et maintenant nous entrainons un peu. créons Par exemple, un programme qui va dire ça. Hé, tu sais, je veux juste des chiffres ici. Alors, comment le faire ? La première chose que je pense qu'on devrait faire, c'est , c' d'utiliser l'encre même. Pourquoi ? Parce qu'on veut tester après avoir dactylographié, n'est-ce pas ? Eh bien, si la valeur est fausse, alors vous savez que quelque chose ne va pas. On ne veut pas le faire. Pourquoi ? Quelque chose est pressé parce que ce sera juste horrible parce que vous devez le faire. Juste que cette fonction serait invoquée juste orteil trop de fois, non ? Ce n'est pas utile pour nous. Et il y a une fonction qui s'appelle Ce n'est pas un nombre. Ok, donc le signifie n'est pas le nombre, et il et lu retourne quand quand la valeur envoyée ici n'est pas le nombre que je crée toujours . La fonction qui s'appelle n'est pas Humber, et il faut la valeur pour vérifier et nous allons revenir. Juste la chose qui est retourné par n'est pas un nombre de valeur à vérifier, mais nous voulons toe ST la valeur logique de true à false. Et maintenant, ça a l'air mieux. Tu sais, je pense que c'est très mal qu'ils aient appelé ça comme si ça n'était pas un numéro. D' accord. Ah, parce que c'est plus facile pour toi d'avoir l'impression que c'est quelque chose. OK, OK, c'est bon. Revenons. Vrai. Si quelque chose ne va pas, revenons. Faux. Mais voici est comme si ce n'est pas un nombre, alors retournez vrai. Et tu sais, quand tu vérifieras juste une chose, ça ne va pas te confondre. Mais si vous avez beaucoup de valeurs à vérifier et que vous faites des alternatives de conjonctions, cela peut rendre plus difficile, vous savez, penser Cleary ok, en mai conduire à des erreurs. C' est pourquoi je fais cette fonction utile pour nous. Ça va juste vérifier si quelque chose est un numéro, pour qu'on arrive à un chèque. Si quelque chose est le numéro. Donc nous pouvons faire quelque chose comme Eve, quelque chose est de connaître le numéro et nous voulons vérifier ça. Je me sens point loin. Donc le numéro craignait que la thèse se réfère à la fièvre du nombre maintenant, non ? Donc, il y a cette valeur n'est pas un nombre. Alors je veux faire quelque chose. Sinon, je veux faire autre chose. Et maintenant, nous devons décider ce que nous voulons faire ? Si ce n'est pas le numéro qu'on peut dire, s'il vous plaît taper le numéro, non ? Si ce n'est pas le numéro qu'on peut dire, s'il vous plaît taper le numéro, Je le suis. Je veux juste un numéro ici. Sinon, nous sommes juste, vous savez, a fait tous les messages qui ont été montrés ici et nous devrions donc changer par exemple, la couleur. Donc, ce style, couleur de fond nous allons changer pour, par exemple, droite, Et après, vous savez, nous faisons tout bien. Nous allons le changer en vert, comme vous pouvez le voir maintenant, quand nous tapons ici, ils ont ou ce qui ne va pas. Mais quand nous tapons un numéro, tout fonctionne bien. Vous pouvez taper votre numéro quel que soit le cas. Sinon, nous avons de bonnes informations, s'il vous plaît taper le numéro. Nous pourrions résoudre ce problème aussi un peu différent. Je pense que c'est une bonne idée de le faire de cette façon. Que nous vérifions après avoir tapé une lettre. D' accord, mais tu pourrais aussi savoir, Diesel Oh, presque tout faire ici. Tu sais, on aime quand je tape la clé. Je ne veux pas qu'il soit là, non ? Je ne veux pas que quelqu'un te mette quelque chose comme ça. Et on pourrait le faire correctement. Nous pourrions par exemple, le A une valeur par défaut prouvée. Lorsque vous utilisez quelque chose comme ça, vous pouvez taper améliorer unti fold. Eh bien, le problème est que nous l'avons après que l'âne a été invoqué sur Key Job après avoir eu votre clé, Abba, et il est déjà là. Donc, nous devons le changer. Donc, par exemple, sur la clé vers le bas et qui était de concevoir sont minuscules. Être rien ne fonctionne et parce que je peux maintenant faire quelque chose tuer Ah, je peux l'utiliser pour, par exemple, faire seulement si le gamin qui a été envoyé ici, c'est comme celui que je suis que ce, par exemple, savoir Numéro droit ? C' est pour un deuxième signe ici à l'enfant dans leur HTML, la valeur sur laquelle, prenons ceci sous la commande pendant une seconde. Et comme vous pouvez le voir quand nous tapons ici, nous obtenons une sorte de manteau unique, et nous devons utiliser l'Unicode. On pourrait, tu sais, faire quelque chose comme, Hey, ce que ça dans la saison sous la valeur 57 sous la valeur euh, 58 autres choses comme ça. Mais nous pourrions également utiliser l'objet sprink, qui a une méthode. Nous parlerons plus d'objet de chaîne plus tard, mais il y a un métal qui est appelé et il est très utile de manteau de personnage, qui va changer les jours dans le personnage. Donc quand on le rafraîchit, comme vous pouvez le voir, quand je tape quelque chose comme des lettres, elles apparaissent. Q. Pour que nous puissions l'utiliser. Vous pouvez juste comparer et vous pouvez y réagir. Donc, si ce sont des chiffres, c'est OK. Si non, ce n'est pas OK donc nous pourrions faire quelque chose comme ça, c'est en commun fait. Prenons ceci sous commentaire, et si quelque chose qui va être tapé ici bientôt donc ce personnage, alors nous allons montrer rat autrement vert droit. Et bien sûr, nous devons arrêter quand il a tort. Ok, je suis rafraîchissant et c'est dans les numéros de deuxième type. Mais quand je tape quand j'essaie de faire autre chose, ça ne marche pas. Le problème, c'est que soutient même le travail du président. Donc tu as un orteil. Vérifiez aussi si ce gars ici droit, hum et en même temps, à qui n'est pas égal à et retour arrière est en dessous de huit. Ok, donc maintenant quand il est d'abord au moins je peux dans l'espace arrière. Mais nous devrions aussi vous permettre de savoir, en tapant par exemple, que ou non. Peut-être que vous voulez juste permettre à quelqu'un de taper dans le Professeur ? Entier complet. Je ne veux pas avoir le numéro flottant. Droit ? Mais si vous voulez lui permettre nombre flottant, alors vous devez aussi dire et dans le même temps, ce qui n'est pas égal à la fille de cette valeur qui est 190, vous pouvez obtenir ces valeurs tapant Unicode JavaScript dans le et Google. Mais vous pouvez aussi assez facile Juste les obtenir de l'enfant. Un d'entre vous n'a même pas raison yuk injuste. Voyez ce qui est sous cette lorsque votre temps à juste basé. Ah, je veux dire, c'est que vous pouvez voir maintenant nous pouvons attacher qu'on ne peut pas taper de lettres. Il y en a. Bien sûr, certains en boîte est donc par exemple, je peux taper le centre commercial sur la fourchette de Cassie. D' habitude. Maintenant, par exemple, vérifiez ce qui est dans le dese cette valeur après, par exemple je sais le changer en une autre entrée O r. Peut-être que vous pourriez juste le vérifier après chaque fois que la fonction de touche est, vous Tu sais, exécuté ne fait pas beaucoup de choses que tu pourrais faire pour vérifier des choses comme ça. Mais la plupart des gens qui n'avaient pas quelque chose comme ça. Vous pourriez juste faire des pièces, vous savez , la valeur dans Internet. Entier désactivé flottant. Donc, vous savez, tout dépend de ce que vous voulez faire sur Dwell Askew peut voir maintenant quand je tape quelque chose de mal, il est rouge, mais il ne devrait pas être lu instantanément. Je devrais, tu sais, probablement pas sur la rampe rouge parce que, que, quand je tape quelque chose de mal, il ne viendra même pas. Droit ? Donc nous avons toujours le bon numéro ici. À mon humble avis, ce n'est pas la meilleure façon de procéder. Je pense que cette interface ne devrait pas vous le savoir, ceux-ci permettent de taper quelque chose à l'intérieur parce que, vous savez, l'utilisateur pourrait ne pas savoir ce qui se passe, est-ce pas ? Il vaut mieux, vous savez, après chaque touche, lui montrer le message, le truc rouge ou quelque chose que quand tout va bien, vous pouvez montrer, vous savez, quelques prend, tout va bien. Tu sais, à mon humble avis, quelque chose comme ça va être mieux. Meilleure expérience pour votre utilisateur. Ok, ça va, écoutez, merci beaucoup. 46. Bouton d'arrêt: Bonjour. Vous avez probablement remarqué dans la dernière leçon que nous avons gagné nos solutions au problème en vérifiant avec les chiffres. Lorsque nous tapons quelque chose de cultivé, nous pouvons toujours envoyer le formulaire et tout est situé à nouveau. Ce n'est pas la chose qui devrait arriver, non ? La personne qui est que vous savez, en visitant votre site Web devrait juste voir la soupe de message. Veuillez saisir le numéro. Si vous ne tapez pas le numéro, vous ne pouvez pas l'envoyer. D' accord, donc jusqu'à ce que tout aille bien, il ne devrait pas pouvoir l'envoyer. Et vous savez déjà que vous prenez juste la soupe dans mon bouton ferme et puis vous utilisez le propre événement click et vous obtenez l'objet même et même l'objet peut toujours empêcher les choses par défaut , non ? Actions de défense par défaut. Maintenant, ça ne va pas envoyer ce qu'il est ici. C' est juste. Et ce n'est pas le cas. Et nous devons savoir si tout allait bien ici. Et si on peut juste créer une variable, tout va bien ? Et par défaut a été dit qu'il le ferait aussi. Et on le change, tu sais, si tout ne va pas bien, donc si ce n'était pas un numéro avec le changement à faux, mais si tout va bien, on le changera à vrai, non ? Donc, à cause de cela, quand nous tapons votre quelque chose comme vous pouvez le voir, s'il vous plaît taper le numéro. Il ne sera pas envoyé, mais quand vous tapez le numéro, il sera envoyé. Mais nous avons dit bien sûr. Vérifie-le plus tard ici. droite. Si tout n'allait pas bien, alors empêché. Donc, comme vous pouvez le voir, ça ne va pas être envoyé. Il est envoyé. Ok, donc c'est une bonne chose à faire, parce que plus tard, quand vous voulez vérifier par exemple le champ de texte, allemand un autre vous savez, vous pouvez avoir des choses comme vérifier donner le droit labyrinthe de la possible. Diz. Raidi. Tu sais, c'était un nom de routine ou quelque chose comme ça. Vous pouvez vérifier des choses comme ça, E. Et vous savez, si même l'un d'eux a tort, vous pouvez juste dire qu'ils sont très capables de tomber et vous savez que ça va juste empêcher ces actions , et ça va montrer à l'utilisateur le message, juste que vous devez changer quelque chose comme un exercice. J' aimerais, vous savez, faire vous savez, quelque chose avec le champ de texte et, par exemple, vérifier si c'est un seul mot. S' il y a un espace à l'intérieur, ça ne le sera pas, tu sais ? Bien. Tu dois le mettre orteil. Si tout va bien ? D' accord. faute des orteils et comment le faire. Comment vérifier s'il y a un site d'espacement ? Regardez, champ de texte qui saisit la valeur. C' est vraiment un tableau. Vous pouvez utiliser, par exemple, un objet chaîne pour cela. Vous pouvez lire à ce sujet dans le, euh, Google. Ou vous pouvez regarder la vidéo sur l'objet strié que ceux-ci plus tard dans la prochaine série sections suivantes et vous pouvez simplement passer par toutes les lettres à l'intérieur du monde à l'intérieur de la valeur d'entrée. Eh bien, et s'il y a un espace, tu vois juste tu vois un message. Quelque chose ne va pas. Sinon, ne le faites pas. Vous avez des problèmes. Il suffit de demander. Tu dois t'entraîner. Rappelez-vous, Il est très important que dans la leçon. Merci beaucoup. 47. C'est box: Bonjour Aujourd'hui, je vous montre toujours comment cocher les cases à cocher ont été cochées par l' utilisateur et comment utiliser des informations comme celle que j'ai déjà créé. Nous ne perdons donc pas notre temps. Une forme et à l'intérieur de celui-ci, j'ai créé un profond et intérieur de la journée. S' il y a une étiquette pour chaque hors de l'entrée Donc, quand vous crivez sur le texte à côté de la case à cocher , vous pouvez choisir les livres de chèques autour d'elle, n' est-ce pas ? Il est très utile d'utiliser des étiquettes d'orteil et toutes ces entrées sont des cases à cocher. Et j'ai également ajouté et nommer des attributs avec le nom du cours de valeur. Et vous devez vous rappeler que pour les chèques, vous devriez toujours utiliser le même nom. Et la différence, c'est que ça fait, c'est bien ? Maintenant, quand vous allez utiliser le document, prenez un citron par la méthode I D et vous obtenez le formulaire et vous Creek dot, puis le nom des voitures de flic vous avez ici une zone. Donc ce type est sous la zone sous l'indice zéro sur leurs édicts. 12 gratuit pour Et vous pouvez choisir cette entrée cette entrée cette entrée cette entrée Cette entrée et obtenir de lui, par exemple, la valeur ou si elle est cochée ou non. Ok, donc ce n'est pas si dur. Donc, par exemple, allons à notre froid. Comme vous pouvez le voir, j'ai déjà eu mon téléphone. J' ai déjà eu le sous-marin dans la bataille et j'ai déjà l'info ici, droite eso où nous allons placer des choses pour l'affaire de voir quelque chose. Donc, nous allons utiliser le Je pense que le Lope parce que c'est la meilleure idée d'aller à l'émerger quand vous perdez boucle. Donc quatre ont pu je égale zéro et nous, je suis inférieur à ma forme. Et puis nous pouvons arriver à la ce que font le nom de cours Dark Lens. Parce que ceux-ci dans le tableau droit, je peux faire quelques choses si nous allons commencer à entrer dans le dans quatre et au HTML interne et juste taper ici quelque chose, mon nom de cause de formulaire et ensuite zéro que bien, donc je n'utilise pas ceci est de regarder étoiles. J' attribue en même temps la même chose à partir des premiers chèques. Très connu. Je clique. Ajouter comme vous pouvez le voir, nous avons la valeur ici. Le PHP sera toujours Petri. Parce que ce premier et vous devriez également remarquer que c'est la valeur. Ok, à l'intérieur de là, la valeur de l'attribut, la valeur de la valeur est PHP. Le problème est que vous savez que le penser que cet intérieur ici vous appelez une valeur droite ? Et le nom de l'attribut est aussi les valeurs doivent toujours le dire, mais le contenu de cet attribut est la chose que lui qui va voir ici. D' accord. Et, ah, pas ici. Ok, c'est juste une étiquette. La douzaine de mère voulez-vous taper ici ? Droit ? Tu peux faire quelque chose comme ça. Tu verras toujours le javascript sur ce truc. C' est la seule chose qui est importante pour, tu sais ? D' accord. Donc on peut utiliser quelque chose comme ça. Par exemple, nous faisons même quelque chose comme ça, est-ce pas ? Maman ? C' est parce que maintenant nous avons toutes les valeurs que nous pouvons. Il y a quelque chose comme ça. Baume. Comme vous pouvez le voir, toutes les valeurs que nous pouvons également utiliser quelque chose de bon est appelé une propriété de vérification. Ce truc va te dire ce qui a été vérifié ou il n'a pas été trompé. Comme vous pouvez le voir maintenant, tout était en échec. Donc on s'est battus faux partout, mais si je vérifie par exemple la grandeur ? Oui. Comme vous pouvez le voir, nous avons vrai après, vous savez, dans Js terre Donc, vous pouvez utiliser des informations comme ça assez facile. La première chose que nous avons fait mal ici parce que ce n'est pas efficace. On devrait créer, hum, une chaîne temporaire ici, juste comme ça. Et nous devrions assigner à la fin. Oh, on devrait faire quelque chose comme ça à la fin. Le résultat. D' accord. Pourquoi ? J' en ai parlé plusieurs fois. Tu veux le faire ? Parce que dans notre HTML augmente les pouvoirs à chaque fois que vous lisez quelque chose. Tout le contenu à l'intérieur va donc autour plus vite maintenant, non ? Comme vous pouvez le voir, quand on change ici quelque chose, ça change aussi ici que vrai, faux. Donc, vous pouvez utiliser des informations comme ça, fait quoi faire. Une déclaration conditionnelle. Si égal à vrai. Alors fais quelque chose. La vérité, c'est que nous n'avons pas besoin de faire quelque chose comme ça. Vous savez, tapez égal à travers parce que coché va revenir ici. Vrai ou faux. Donc, si coché est vrai, alors nous sommes arrivés ici juste à travers, donc nous n'avons pas besoin de, vous savez, faire la comparaison ici Q Comme utiliser des opérateurs spéciaux spéciaux Donc si Michael effectuer des appels nom sous le index des yeux est vérifié, alors je veux savoir au JAG, mais à valeur. Et comme vous pouvez le voir maintenant, nous ajoutons simplement les valeurs qui ont été vérifiées par nous. Ça marche bien. On peut éditer la fin. Va à quelque chose comme ça, hein ? Vous pouvez voir, c'est que je pense que c'est assez bien, vous pouvez freiner la ligne, peu importe pour que vous puissiez utiliser quelque chose comme ça. Par exemple, pour ajouter des éléments à votre panier. Balade temporaire en panier. Vous pouvez ensuite envoyer ces informations aussi à la paix de pêche jamais en utilisant les drogues A. qui est cool, c'est que ça ne sera pas dynamique Dina, non ? Vous ne pouvez pas Ah, les gens peuvent ajouter sur votre site web des choses. On a juré dans une attente. Donc c'est vraiment cool. Pensez à utiliser quelque chose comme ça. Ok, il n'y a que des leçons. Merci beaucoup. 48. Forme de radio: Bonjour. Aujourd'hui, je vais vous montrer comment travailler avec les importations de radio. Les importations radio fonctionnent comme ça que vous ne pouvez choisir qu'une seule option à la fois. Droit ? Vous ne pouvez pas choisir les deux options en même temps. Vous ne pouvez choisir qu'un d'entre eux. Et c'est bon à utiliser. Par exemple, quand vous voulez demander, vous vous asseyez. Agissez-vous en termes de non-service ? Oui ou non ? Droit. Donc, nous avons ici à l'intérieur des importations Dave avec le nom sauf ation, hors conditions, hors nom de service, et nous pourrions utiliser des séjours quand quelqu'un krieg dessus. Nous voulons cocher Modifier l'attribut disabled ici et le début. Je voudrais qu'il soit désactivé. Donc aussi au début, nous devrions choisir le vérifié où l'option pas. Et quand je clique sur le S, je voulais qu'il ne soit pas désactivé. Lorsque je clique sur Non, je veux qu'il soit à nouveau désactivé. Donc, il faut le faire là où nous pouvons faire, par exemple, quelque chose comme ça entrer dans l'attente hors conditions de service. Donc, ma forme attente hors conditions de service. Et quand quelqu'un clique sur le premier gars, je veux invoquer la fonction qui va changer la bataille soudainement. Désactivé à quoi ? Pour ne pas désactiver ainsi à false. Et quand quelqu'un clique sur le deuxième gars, je veux le changer en, comme vous pouvez le voir maintenant fonctionne bien. Alors, c'est seulement une leçon ? On pourrait y mettre fin, mais regardez-la une seconde ici. On pourrait y mettre fin, Je ne sais pas lequel est lequel. Tu sais, quand je le change pour quelque chose comme ça, comme vous pouvez le voir maintenant, ça ne marche pas correctement. Acceptez les conditions d'utilisation. Non. Et c'est activé. Donc quelque chose ne va pas en ce moment. Donc ça ne devrait pas être fait comme ça, tu sais ? Vous savez, le major appelé dépend de ce qui se passe ici, non ? Quelqu' un pourrait changer quelque chose de son plus grand temps. Il s'en éloigne. Mais tu es coach, tu devrais aller mieux. La prochaine chose est que vous savez qu'il est difficile même de Javascript ici pour voir si je choisis ici. Le gars qui devrait tirer changer d'orteil le travail ou non. Donc, nous savons juste à propos de cette chose sur la raison pour laquelle nous programmons juste après un mouvement ne se souviendra pas . Donc c'est une mauvaise idée d'utiliser quelque chose comme ça. On pourrait aussi utiliser les chèques. Accent ou non, cette option également disponible. Et mais quoi ? On utilise l'écriture en ce moment. Et Teoh Eh bien, comment mettre à jour ça ? Bien. On pourrait aller à Oh, hors de ce genre de choses. Comme l'attente en dehors des conditions, hors service, non ? Et faire quelque chose comme ça à la fois. Donc, nous pouvons vous inscrire, événement en utilisant donc Lope et une fois orteil chaque élément à l'intérieur de la zone comme ça, il est assez puissant, non ? Le problème est que nous sommes en train de définir est à false. Donc quand on créera quoi que ce soit ici, ça va être faux maintenant. Nous devons donc utiliser l'information de l'élément que Waas leur a dit que nous pourrions faire est, par exemple, dis mot-clé. Donc, nous faisons référence à celui que nous traversons la boucle et ensuite utilisons le volume. Pourquoi la valeur ? Parce que nous avons maintenant ici la valeur, la valeur, la valeur et la valeur à Et cela fonctionnera-t-il ? Comme vous pouvez le voir, il aurait dû. Vous devriez travailler mais ne fonctionne pas. Pourquoi ? Tu vois, quand on fait quelque chose comme cette alerte, tu verras que l'avoir ici tombe. Et ici, nous avons vrai. Alors pourquoi cela ne fonctionne pas parce que ce type de ces variables est string Quand nous faisons des choses comme ça , comme vous pouvez le voir, cela ne fonctionne pas. Aussi, ça marchera quand on sera là. À travers. Bowling, comme vous pouvez le voir maintenant, n' est pas désactivé. Droit ? Donc pour Maggie le bowling, nous devons faire une comparaison pour pouvoir décider. Comme il appelle à Oui, vrai équivaut à deux vrais instincts. Oui, je pense que oui. Comme vous pouvez le voir Falls à travers égale deux. Vous savez, pour nous, c'est le même. Mais pour l'ordinateur, il nécessite ici exactement le type de bowling. Comme vous pouvez le voir maintenant, ça marche bien. Et cette carte est universelle parce que vous pouvez changer. Vous connaissez la position. Ça va toujours fonctionner correctement, non ? On n'a pas besoin de l'orteil. Super. Quelque chose dans notre manteau ? Peut-être que cela semble un peu plus difficile, mais après que vous travaillez un certain temps avec votre code JavaScript. Ça ne devrait pas te chercher dans le coeur, accord ? Et vous pourriez aussi ne pas comprendre cette ligne. Vous devez vous rappeler que chaque fois que vous attribuez quelque chose orteil de l'arrivée, l'interprétation qui va d'abord exécuter ceci pour que ce doigt lise, Retour. Vrai ou faux. Et ça va juste signer cette valeur ici, non ? C' est comme ça que ça marche. Est l'importation de la radio. Ça ressemble presque à ça. Cases à cocher. Donc, ce n'est que la leçon. Merci beaucoup. 49. Sélectionnez dans la forme: Bonjour. Aujourd'hui, je vais vous montrer comment travailler avec select, qui est principalement dans les livres Kamba froid. Et ça ressemble à ça, non ? Alors, comment l'utiliser ? Comment ajouter de nouveaux éléments. Comment vérifier quels éléments ont été choisis par l'utilisateur de votre site Web, comment le faire. Eh bien, pour travailler avec cela, nous devons savoir qu'il existe des propriétés et des méthodes que nous devons connaître. Continuons à nous concentrer tout d'abord sur la façon dont fonctionne le discours sélect. On a été à l'intérieur des options, non ? Et il y a des hommes hors d'eux et vous pouvez choisir toutes les options en utilisant la propriété options . Après avoir obtenu cette sélection en utilisant le document obtenir élément par I d ou, vous savez, nommant ceci Donc, nous pouvons également le nommer en tapant des cours vidéo. Et nous pouvons maintenant obtenir des emplois en utilisant mon formulaire ici. Droit ? Um vous pouvez juste aimer mon formulaire et maintenant des cours vidéo et peut l'utiliser par exemple, que Zoller que voit-on ? Comme vous pouvez le voir, nous avons html sélectionner un citron. Donc, nous sommes là et nous pouvons aller aux options. Donc, afin d'aller aux options. Tu aimes juste ces options. Et nous pouvons choisir chacune des options parce que c'est vraiment un domaine. C' est parce que maintenant nous sommes dans l'alignement des options HTML, qui est le premier gars. Et nous pouvons aller à la valeur de la valeur de celui-ci, par exemple, en utilisant le texte, et cette chose renvoie ce droit, le texte. Mais le texte est le plus que je suis habitué à changer de texte à l'intérieur. Donc, par exemple, nous pouvons ajouter quelque chose à ah, à cela. Comme vous pouvez le voir, nous l'ajoutons maintenant à la fin. Destexhe ici, vous devriez utiliser la plus grande valeur de temps. La valeur de la propriété renvoie la même. Mais vous ne voulez pas toujours avoir la même valeur pour descendre vers PHP plus tard. Ah, que tu as là, non ? Et c'est pourquoi vous pouvez, par exemple, faire quelque chose comme ça. Et puis la valeur que nous avons retourné la chose qui est cachée à l'utilisateur, est-ce pas ? Vous voulez montrer parfois à un utilisateur quelque chose d'un peu différent. Donc, voici comment vous obtenez la valeur et maintenant nous pourrions également obtenir, par exemple, cette chose qui est sélectionnée. Ok, alors comment faire ça ? On pourrait juste faire quelque chose comme cet index sélectionné. Le problème est, maintenant que vous connaissez jeune, nous ne sommes pas manger, ne pas invoquer quoi que ce soit qui va changer le droit. Il sera une bonne idée de changer orteil après chaque fois que vous changez quelque chose dans votre si comme donc comment est la sélection même appelée lorsque vous changez quelque chose va changer le C'est cela. Ce n'est pas une surprise. Alors faisons quelque chose. Mes cours vidéo de formulaire point sur le changement égal fonction et nous pouvons les exécuter quelque chose comme cette alerte et est consommé. Maintenant, quand on change, on est informés qu'on pourrait utiliser les infos ici pour le générer. En outre, nous n'avons pas besoin de causer boîte à chaque fois, et maintenant nous pouvons simplement le changer. Vous pouvez voir que nous avons bien ici maintenant le nombre de l'index sélectionné. Donc nous pourrions aussi utiliser cette information pour, vous savez, montrer lequel du mur et le gars a été choisi qui les a sauvés dans la variable. Donc vous savez, vous pouvez voir que ce serait une bonne idée d'avoir en variable temporaire afin que nous n'ayons pas le pied à chaque fois. Prenez mon téléphone, que les cours vidéo que vous pouvez voir maintenant, il fonctionne toujours, mais c'est un code un peu plus court. Alors utilisons cette information. Donc, nous allons aller aux cours vidéo que les options. Et maintenant, nous voulons avoir ici, vous savez, le gars de l'index sélectionné. Pas celui que nous, tu sais, taper zéro va aller. La côte vidéo est le volume d'index sélectionné par point. Ainsi, lorsque vous soumettez quelque chose, vous pouvez facilement vérifier ce qui est bien choisi par l'utilisateur. Juste par, comme vous pouvez le voir, en utilisant cette ligne de code, non ? Peut-être dans l'événement de changement, ce n'est pas une bonne idée, mais c'est la façon de vérifier ce qui a été faux monde choisi par l'utilisateur. Mais vous ne pouvez pas le faire à leur propre changement. Même assez facile et assez rapide. Juste en utilisant ceci, cette bonne institution comme ça, vous pouvez juste le faire de cette façon. Et c'est juste plus rapide parce que ça va, tu sais, toujours avoir l'option qui vient d'être choisie. Ok, c'est pour ça que c'était très cool. Vous pouvez l'utiliser assez facilement comme ça. Ça marche bien. Bien. Je pense que aussi autour et chaque fois que vous faites quelque chose PHP Maya école sask autour deux ans, non ? Ça marche. Très bien. On peut faire ce qu'on veut avec ces valeurs, d'accord ? Et vous avez aussi des fonctions qui sont très importantes. Le 1er 1 est supprimé, ce qui est en train de supprimer quelque chose pour que nous puissions taper des cours vidéo qui ont enlevé le gars à l'index zéro que vous pouvez voir maintenant nous n'avons pas X html Cela commence ici, il est, et il disparaît. Vous pouvez l'utiliser parce que vous savez quelque chose. Tu pourrais faire un programme où quelqu'un taperait quelque chose. Informateur. Vous voulez supprimer quelque chose de la zone de liste déroulante comme ça ? Et vous pouvez aussi vouloir parfois à quelque chose Donc, vous pouvez prendre des cours vidéo dup à et ici vous devriez avoir un citron en option html. Le problème, c'est que nous devons le créer. Nous avons donc dû lier, par exemple, une nouvelle option qui équivaut au document. Créer élément afin que nous puissions utiliser dès maintenant la dans une démo de rage. Eh bien, nous avons appelé probablement certains travaillaient autour, mais c'est un moyen plus rapide cette fois. Ah, parce qu'il est intéressant de reproduire le manteau. C' est donc une meilleure façon de le faire maintenant. Une nouvelle option qui prend nous l'avons dit, par exemple, venir passer et juste ajouté comme ça. Comme vous pouvez le voir, nous avons un D et maintenant des écoles Compass avec un assez facile Nous ne pouvons pas être le début que vous pouvez voir maintenant c'est un début. Mais nous n'avons rien d'enfants. Parce que, par défaut, le gars a été choisi. Donc, au programme, ratez un rythme. Surprise. Que s'est-il passé ? Ainsi, nous pouvons également choisir l'index sélectionné. On peut faire un index sélectionné sur ce type . Cours vidéo qui ont sélectionné l'index Définissez-le à zéro. Vous pouvez voir maintenant Compass est choisi. Ok, ce n'est qu'une bonne leçon. Merci beaucoup. 50. Manipulation String: Bonjour. Aujourd'hui, nous allons parler de la façon de gérer une séquence hors caractère en utilisant des méthodes de chaîne parce que parfois vous voulez couper quelque chose de la chaîne. Parfois, vous voulez, par exemple, remplacer quelque chose d'intéressant. Trouvez quelque chose dans la chaîne afin que vous puissiez le remplacer plus tard. Vous voulez, par exemple, faire quelque chose du flux comme une lettre Toby majuscule ou minuscule. Vous voudrez peut-être faire des choses comme ça. Et vous devriez savoir qu'il existe de nombreuses méthodes qui vont vous aider beaucoup de temps dans votre voyage malmené. Ok, alors commençons. On les a arrivés ici. ficelle de Pereira comme ça. Nous avons bien à l'intérieur de l'e-mail furieux de l'objet info qui est ici, et nous voulons maintenant vérifier comment toutes ces fonctions fonctionnent sur un exemple pratique. Nous avons donc une chaîne temporaire de deux ans. Vous devez savoir que vous pouvez créer puanteur aussi comme ça parce que c'est un objet, non ? Donc ça va marcher de la même façon que nous le faisons, que nous ne sommes pas de cette façon. Et maintenant, nous pouvons, par exemple, vérifier un quel est le premier personnage ici ? Vous pouvez voir que c'est un droit. Et si c'était mon nom comme ça ? Comme vous pouvez le voir, ce nom commence à partir de minuscules, non ? Une lettre et ce n'est pas bon. Peut-être que quelqu'un dans votre formulaire va, vous savez, mettre son nom et son nom avec les lettres minuscules. Vous ne voulez pas les enregistrer comme ça dans votre base de données. Donc, c'est une bonne idée, tu sais, de les mettre en majuscules. Comment le faire. Vous pouvez utiliser, par exemple, la fonction qui est appelée en majuscules. Tu dois te souvenir de ça. Tu sais, ce truc est revenu quelque chose. J' ai quelque chose comme un droit comme ça. Donc nous courons sur le A en majuscules et cela peut voir que ce n'est pas grand et quand nous faisons quelque chose comme ça, ça va aussi marcher Comme vous pouvez le voir maintenant c'est grand, mais hors cours temporaire, très livre. Il n'a pas été changé. Donc, nous voulons changer. Les Pemper sont variables ici. Nous aurions besoin de faire quelque chose comme ça. Bus. Tout d'abord, nous devons en quelque sorte obtenir ce penser le reste de la ficelle. Alors, comment le faire ? Vous pouvez l'utiliser pour cela. Par exemple, sous chaîne ou tranche de métal de sorte que vous pouvez faire quelque chose comme Plus, et maintenant à partir du temporaire je veux utiliser la méthode de la substance vous mort qui coupe autant de caractères qu'il ne sera pas à quel endroit ? Et, tu sais, c'est comme 01234567 Donc on augmente le premier gars. Donc tu veux couper le deuxième gars, non ? Si vous ne spécifiez pas le deuxième argument, il suffirait de le couper à la fin, OK ? Spécifiez même le deuxième argument. Donc s'il a fait quelque chose comme ça, comme vous pouvez le voir, c'est couper le pied cette position. Ok, et des diapositives et des slips. sous-chaîne fonctionne de la même manière, donc vous n'avez pas besoin de, Ah, Ah, inquiéter à ce sujet. Sliced a un bon et peu d'avantage, mais la substance est un peu plus rapide. La plupart du temps parce que la tranche scolaire peut aussi, vous savez, couper en utilisant le négatif sont nombre négatif. Donc vous savez qu'on peut couper à partir de la fin le comptage de la fin. Mais je pense que ce n'est pas une bonne idée. Cela rend votre manteau horrible et difficile à lire, donc c'est comme si c'était la même chose que vous avez aussi quelque chose de bon est appelé sous-chaîne sans l'encre et cela peut voir que cela fonctionne de la même façon. Mais la différence est que vous pouvez entendre Put par exemple pour Et on appelle couper quatre caractères de cet endroit pour les personnages, pas remorquer la quatrième position. OK, donc c'est la différence. D' accord. Et bien, nous allons, par exemple, créer un lien comme ça. Une ville Bay cours vidéo en ligne qui viennent. Et par exemple, nous avons ici un cours sur le cours vidéo C plus blast HD Emma Comme ça. D' accord. Et nous aimerions obtenir seulement cette partie. Comment le faire. Comment obtenir cette partie de la Vous êtes tout ce que vous êtes dehors. Pour le faire, vous devez pouvoir de cet endroit. Mais comment savoir que vous voulez chat de Ah, quel est le numéro de quel est l'indice de cet endroit ? droite. Eh bien, pour y arriver, vous devez utiliser l'index off ou le dernier index de l'a atteint. Ceci ou celui-ci dans cette situation veulent obtenir le dernier possible corrigé comme ça. Donc on va utiliser le dernier index, non ? Si vous vouliez obtenir le premier gars utiliserait l'index. Donc, liez ce dernier index va revenir. Quand on tape ton truc comme ça, ça va revenir. Prenons ceci sous commentaire. La position de cette barre oblique. Donc on a assez de disposition qu'ils veulent se substituer à cet endroit, n'est-ce pas ? Donc, nous allons juste poser un plancher sous corde de cet endroit. Et comme vous pouvez le voir maintenant, nous l'avons obtenu de cet endroit de l'endroit. Où est cette barre oblique inverse. Mais nous ne voulons pas de cette barre oblique, donc nous devons simplement en adhérer une. Et maintenant, j'ai la position où nous en sommes, et c'est une bonne information. Nous pouvons utiliser l'emplacement de la fenêtre pour obtenir Où est votre utilisateur en ce moment ? Donc si nous utilisons par exemple, comme vous pouvez voir quelque chose comme ça, vous verrez que vous êtes tous ici, non ? Donc si on a fait quelque chose comme ça, comme vous pouvez le voir, euh dans l'endroit, faisons-le ce verre. Comme vous pouvez le voir, nous avons un index que html Donc, comme vous pouvez le voir, nous pouvons facilement obtenir Où est la personne sur votre site Web ? Droit ? Vous pourrez utiliser ces informations plus tard, nous parlerons plus de choses comme ça. Comme les propriétés de la fenêtre plus tard. Aussi. D' accord. Vous pouvez, bien sûr, utiliser des choses comme ça pour autre chose. Par exemple, vous pouvez avoir beaucoup de classes, est-ce pas ? Vous pouvez avoir une classe 45 par exemple, frontière que, ah, clause qui dit qu'il doit le faire correctement. Et puis vous pouvez vérifier la hauteur est un 4 à 6 à l'intérieur. Ou est-ce que la frontière est à l'intérieur ? Si oui. Et je veux faire quelque chose comme ça, non ? Vous pouvez utiliser les informations. J' aime comme ça. En utilisant l'index du dernier index désactivé parce que s'il n'y a rien de tel dans votre chaîne, il retournera moins un. Ok, vous pouvez utiliser des informations comme ça pour des choses comme ça. apprenons pas à propos de la scission. C' est important parce que c'est aussi très utile. Imaginons que vous avez une chaîne temporaire comme ça. Et il était sur la page B com par sauce, sol Js. D' accord. Quelque chose que nous devons peut-être venir. J' ai vu quelque chose là-dedans. Et vous avez cette chaîne provenant de votre base de données, par exemple. Droit ? Tu as quelque chose comme ça. Tu veux l'analyser, tu sais que tu peux. Vous voulez, par exemple, Ajouté à la sélection de livres ou quelque chose comme ça. Alors c'est difficile de le faire parce qu'il faudrait, vous savez, utiliser le lobe et aller ici. Et puis quand il y a une épice que vous avez à vous créer créer dans une rangée et au HTML X à ces zones, puis à la jetée de plage la nature complaisante. Et c'est nous et faites-le manuellement. Il y a déjà une fonction comme ça parce que ces situation commune assez commune. Et pour vous percer, vous utilisez leur split important, qui se divise à droite. Fractionner Ana. Chaîne une chaîne dans la zone afin que nous puissions faire quelque chose comme split. Maintenant c'est mordu C'est une variable. Temporaire, tout comme ça. Ok, donc maintenant nous avons ici, Comme vous pouvez le voir, X html dans la zone temporelle. Hors cours. ce moment, nous devons Else aussi au séparateur. Ok, donc le séparateur entre tous ces types est un espace. Ok, donc on va x html le second gars soit hb donc on a un aéré en ce moment et tu peux faire quelque chose avec ces divers. Ok, on peut changer ce type en, par exemple. Um CSS, ok, Donc ça a été changé, et maintenant nous voulons les relier ensemble afin que nous puissions variable de nouvelles chaînes égales et nous voulons connecter temporaires à je joins tous ces éléments à l'intérieur de la zone dans le remorquage, par exemple. Une chaîne avec les virgules entre tous droit comme ça et vous ne serez pas est que vous avez maintenant excitée mille-pattes Ph b C s sas grand Js Avant cela, nous avions travaillé. Nous avions une boussole PHP, mais sans tous ces comas et nous sommes en train de changer. Donc, nous pouvons très facilement faire des opérations comme ça. Et c'est comme vous pouvez le voir, très Bien sûr que vous pouvez remplacer, vous savez, comme si nous avions fait quelque chose comme ça pourrait aussi le voir temporaire qui remplacer, et nous pourrions le remplacer. Qu' est-ce qui a envoyé ici ? Un argument qui dirait quoi répondre. Donc, nous pourrions, par exemple, taper x html et je veux le reprendre à, par exemple, html cinq, est-ce pas ? Et vous pouvez voir um, remplacer la chaleur ici. Montrons que les 10 parties pensent que, euh , eh bien, il n'apparaît pas parce que cela remplace cela fonctionne, mais il retourne la nouvelle chaîne, donc cela ne fonctionne pas sur cette variable ici. Vous devez économiser, vous savez, la nouvelle valeur dans le remorquage. La même chose très ci-dessous à la nouvelle sur. Alors ça va marcher html 5. C' est ainsi que vous pouvez remplacer quelque chose. Aussi un joli, assez loin, assez rapide. Mais vous ne pouvez pas ajouter, par exemple, maintenant dans ah, après chacun de cet élément dans le coma et l'espace, , comme nous l'avons fait ici. Et, tu sais, tu ne peux pas les comparer faire des choses spécifiques comme des choses avancées, comme avec ça juste ici. Ok, vous avez aussi quelque chose de bon est appelé rêve, et cela est vraiment, vraiment utile pour stocker les mots de passe va parfois quand les gens copient pense et ils ont parcelé, par exemple dans le texte, pour la plupart des gens le font de la façon dont il n'y a pas de sécurité. Mais comme vous pouvez le voir leur coupe. J' ai fini par l'espace ici, par exemple, et quand ils l'ont attaché dans la boîte à passeport, les espaces ont interprété ce caractère ah. Et le problème est que quelque chose comme ça fera le problème parce qu'il leur a été dit que vous savez, votre mot de passe est faux et ils seront comme, Hey, mais juste tasse j'ai fait pourquoi ça ne fonctionne pas. Donc c'est une bonne idée, orteil. Toujours quand vous avez, par exemple, quelque chose comme ça. Et c'est bien sûr, le mot de passe. Par exemple, faites quelque chose comme rêve. Ça va enlever ces espaces ici. Ok, donc quand on le rafraîchira quand on ira au sac de pompiers, vous remarquerez qu'il n'y a pas de place. Il a raison ? Quand nous le faisons sans la fonction de rêve, vous remarquerez que nous avons ici un espace ici et un espace est apparu. Pas maman, pas plus parce que, eh bien, HTML fonctionne comme ça si vous avez plus d'un espace, pas bien interprété. Si vous voulez avoir plus d'un espace, vous devez faire la note espace stand Brickell. Mais le rêve peut supprimer l'émerveillement ceci ici et celui qui est ici à la fois. C' est une bonne idée de savoir aussi que vous pouvez utiliser la recherche pour rechercher comme l'index souvent dernier index, mais c'est un peu plus lent est préférable de l'utiliser ? Seulement lorsque vous utilisez quelque chose comme cet objet d'expression régulière dont nous parlerons plus tard . Et c'est aussi une bonne idée que vous pouvez obtenir, par exemple, comme ici avec quelque chose que vous pouvez faire quelque chose comme ça. D' accord ? Et ça va marcher assez bien, le problème est que cette syntaxe de la pause la casse. Mais avec le Squire, une parenthèse carrée ne fonctionnera pas chez les experts internes. Six et sept, peut-être huit. Je ne me souviens pas exactement, parce que la plupart du temps j'ai utilisé le caractère à sur le chemin. Ah, mais dans ça un peu, un peu plus vite, mais vraiment très petit. Une très petite quantité sans heurter était comme des milliers d'opérations et serait peut-être préférable de l'utiliser, mais il n'est pas pris en charge dans les anciens navigateurs. Tu ne devrais pas t'en soucier. Mais le problème, c'est que, comme vous pouvez le voir, quand on fait quelque chose comme ça, je ne sais pas exactement. Hey, je pense vraiment au premier personnage de ce temporaire de sont capables, vous savez, cet air, je pense que ça ne me fait pas penser que c'est une corde. Quand on regarde ici, droite, on doit aller ici, à la 21ème ligne et regarder Oh, c' est donc ça que c'était la ficelle. OK, donc je retourne ici. Et regarde comment ce Cody fonctionnait, non ? Si nous avons quelque chose comme ça, nous pouvons immédiatement le dire. Hey, s'il utilise, si j'utilise ce ah important. Il doit s'agir d'une chaîne de droite instances. Donc je pense que ça s'appelle. C' est plus lisible en utilisant celui-ci. Ah, dans les nouveaux navigateurs Web, cette chose est supportée assez bien. OK, ce n'est que la leçon. Merci beaucoup. 51. S'insérer en code: Bonjour. Une taxe très longue devrait être divisée en yeux mentaux dans le manteau, sorte que le code est plus facile à lire. Mais il y a un petit problème et des soucis. Quel est ce petit problème lorsque vous cliquez sur Entrée, par exemple Ici, comme vous pouvez le voir, si ce net signifie ne pas vous donner la solution qui est juste, cela ne fonctionnerait pas. Pourquoi ? Parce que le script de Java attend toujours de vous. Tu allais finir ta ficelle en une en ligne ? Si vous ne le faites pas, vous devez à vous une barre oblique qui dit, vous savez que la suite de la chaîne est dans la ligne suivante. Ok, vous avez probablement aussi remarqué qu'il y avait quelque chose comme la barre oblique inverse et qu'est-ce que cela signifie ? La barre oblique inverse et est le caractère spécial qui y donne entrée. Mais il va voir qu'on ne voit pas ici et qu'on entre dans une pause. D' accord. Et on devrait le dire ici dans le manteau. Le problème est que Firefox ne l'interprète pas. Par exemple, qu'en est-il du Google Chrome ? Comme vous pouvez le voir, quand vous allez ici, c'est en deux lignes. Hum, passons là. Et c'est rafraîchir d'abord, comme vous pouvez le voir, c'est dans les lignes ici après rafraîchissement, même ce n'est pas dans la vie. Ok, donc tu peux entrer dans le manteau comme ça. Backslash aan den. Est-il utile ? Peut-être. Eve, tu voulais que ton rhume soit mieux ici, non ? Mais le fait est que je ne m'en soucie pas. Tu ne devrais pas t'en soucier. Aussi, parce que vous savez que cela rend votre peau plus grande car c'est la première chose qui ne vous rend pas votre script mieux ici. Cela le rend meilleur dans la recherche dans le code source. Mais deuxième doigt, alors la personne qui va utiliser leur code source est la personne qui pourrait se conformer quelque chose pour chaque couche de ressources que vous avez une source appelée qui est ici qui semble assez cocu assez clair. Et c'est là que vous devriez concentrer votre attention orteil. OK, donc le rien n'a été d'ajouter le spécial corrigé comme ça. Mais des caractères spéciaux comme celui-ci sont parfois utiles parce que la barre oblique arrière est réservée. Lorsque vous faites quelque chose comme ça, comme vous pouvez le voir, nous ne pouvons pas voir de barre oblique inverse ici. Si vous voulez voir un chirurgien du dos doit faire à dos des slash tels dosserets et ceci contre lui maintenant nous pouvons en voir un. Et aussi, vous pouvez l'utiliser pour, par exemple. Tu sais, quelque chose comme ça. Ah, je veux citer quelque chose. Euh, le gars a dit qu'il a dit, et vous pouvez voir qu'on a des problèmes. Il a raison, parce qu'on utilise le double Coursey. On pourrait utiliser quelque chose comme ça, non ? Mais ce que Divi devrait juste faire quelque chose que je suis ? Ça ne marche pas maintenant, est-ce pas ? Parce que vous utilisez les deux lettres de laisser en ce moment, comme les strobes de pomme et la citation. Donc, la solution à ce problème est une barre oblique inverse parce que lorsque vous faites une barre oblique inverse avant cette citation ou avant qu' il y ait des gens avant l'adversaire avant la citation que vous allez voir en conséquence , le caractère qui est après la barre oblique inverse, Ok, peu importe passé en revue, utilisez des strobes de pomme ou vous citez au début de la chaîne. Donc juste que vous devriez juste continuer à utiliser un plus grand nombre de temps. Donc, il est probablement la plupart du temps mieux utilisé ces guillemets doubles, mais cela n'a pas d'importance. Ah, ce sera juste que vous pouvez le faire pour que vous l'utilisiez sur la seule option la plupart des fois savoir que votre code est plus facile à lire parce que vous ne vous changez jamais jamais dans tous les endroits possibles. Et puis vous avez des problèmes d'une manière que vous devez et vous êtes retrouvé ici que dans la seconde. Très bien. Il faut en effet aimer ça. Il suffit de le garder à la seule option. Donc, dans cette situation, si nous utilisons le plus de temps le double liège, la citation, nous devrions faire quelque chose comme ça et tout fonctionnerait bien. Vous pouvez aussi continuer le manteau comme ça. Vous pouvez faire Plus ici. D' accord. Et ça va aussi marcher. Bien, mais c'est un peu plus lent que la solution qu'ils vous ont donnée il y a une seconde. Cependant, cela est également plus pris en charge. D' accord. anciens navigateurs pensent que cela pourrait ne pas fonctionner pendant une longue période. D' accord. Il n'a pas besoin d'une leçon. Merci beaucoup. 52. RegEx: Bonjour. Aujourd'hui, je vais vous montrer le moyen le plus puissant de chercher vos cordes dans votre manteau. C' est très important parce que parfois vous ne connaissez pas les données qui vous arrivent. Vous voulez vérifier exactement si c'est juste ? Ainsi, par exemple, lorsque vous prenez les bons formulaires, donc les expressions régulières sont très utiles dans des situations comme ça, vous pouvez vérifier si l'e-mail est monté. Vous contractez. Si le manteau si le téléphone est juste et d'autres choses comme ça assez rapide et facile en utilisant quelque chose avec ce appelé expressions régulières, vous devez également vous rappeler que vous pouvez l'utiliser dans n'importe quelle langue car il ressemble au même PHP et d'autres langues. Ok, donc c'est une capacité très utile. Donc c'est une bonne idée d'apprendre cette chose. Ok, Donc , par exemple, nous avons quelque chose comme ça et j'aime obtenir de ces index sur celui qui commence par un et qui doit tiret, par exemple, et puis un nombre, droit, l'index Pas si, par exemple, quelque chose qui et comment le faire, ou peut-être comment obtenir sur les numéros Lee. Comment les choses comme ce moyen facile et rapide normalement devrait aller avec donc robe et aller après chaque personnage et vérifier. Il y a un caractère précédent qui ressemble à ça. Si non, avez-vous à faire quelque chose comme Imbaba bla, bla, bla, cela vous prendra beaucoup de temps, et vous devez chaque fois pour chaque modèle que vous penseriez pour rechercher dans votre pue, vous devriez penser à une nouvelle façon de financer les choses correctement, et nous avons quelque chose avec une expression régulière. Allons apprendre. Comme vous pouvez le voir, il existe de nombreuses méthodes que vous pouvez voir. La première méthode est appelée Search, et, comme son nom l'indique, est cette recherche et elle renvoie l'index hors. La chose que vous cherchez dans votre formule dans le modèle que vous avez envoyé ici de la série fait si bien, mais ce que nous ne voulons pas exactement la fin, c'est que vous voulez trouver ce gars, ce gars, ce gars et ce gars et Ce gars en ville. Je veux l'avoir dans une zone et à cause de cela utilisera la fonction beaucoup, ce qui est fait juste correspondre. Il essaie. C' est quelque chose qui s'insère dans la formule. Si ça correspond à la marche, je vais le choisir dans la zone, non ? Donc, oui, c' est quelque chose que nous devons utiliser. Donc, je voudrais juste que les index qui correspondent. Et maintenant, nous devons utiliser une expression régulière. C' est un potier. Comme vous pouvez le voir ici, nous avons un très beau texte que nous analysons bientôt. Et le modèle ressemble à ce que vous devez utiliser les antislash ists, backsplashes et à l'intérieur un partenaire qui peut être combiné de tous ces êtres ici et puis les modificateurs. Donc je dois faire quelque chose comme ça. Mais cette barre oblique inverse peut être à côté de l'autre car alors c'est un commentaire. Donc ça devrait être comme ça. Et maintenant, quand je tape par exemple A, je trouverai tous les A possibles ici. Quand je fais quelque chose comme ça très capable et par exemple, résultat. Donc, je vais avoir une zone à l'intérieur du résultat et je peux le montrer, Par exemple, dans info HTML interne. Comme vous pouvez le voir, nous n'avons qu'un A. Même si nous avons Goodman hors d'eux, pourquoi ? Parce que beaucoup par défaut va vous trouver seulement la première occurrence. Et c'est une bonne chose parce que ça ne va pas perdre ton temps, non ? Donc, si vous voulez rechercher plus, vous devez utiliser un modificateur. Aflac comme ça de global, cherchant toute la force avec les choses comme ça ici, comme vous pouvez le voir maintenant, si nous pouvions trouver tous les A possibles dans notre force que nous avons ce gars, ce gars, Ce gars et ce gars, on n'a pas seulement ces gars. Pourquoi ? Parce que c'est une petite lettre. Si vous ne voulez pas, vous savez, vous savez, pensez que si une loterie petite ou est grande, nous pouvons simplement ajouter ici un drapeau comme dans sensible, ce qui signifie insensible à la casse. Peu importe si sa majuscule ou minuscule. Ok, donc en tapant ici une seule lettre, vous auriez juste toutes les choses possibles qui ressembleraient à ça, non ? Chaque type 12 avec Nous trouverons ce 12 ici parce que c'est seulement un comme ça. Mais vous savez, la plupart du temps, vous ne voulez pas trouver des choses comme ça, vous voulez trouver un modèle spécial sur les choses dans votre rue. Il y a donc beaucoup de façons de faire les choses. Par exemple, vous pouvez taper point, ce qui signifie et le caractère Donc, si vous tapez un point ici, cela signifie que nous trouverons n'importe quel caractère possible. Et ce qui est cool, c'est que nous avons divisé notre ficelle en mal. Cela a tous les caractères possibles dans la zone qui est appelé résultat et nous pouvons, vous savez, choisir aussi. Par exemple, le premier c'est un Le second est tiret sur. On pourrait aller sur la droite ? La chose cool est que nous pouvons maintenant, par exemple, rejoindre tous ces gars en utilisant la fonction que nous connaissons de la dernière leçon et bombe. Nous avons tous avec le brillant ou quelque chose qui si c'est un seul personnage, sangsues, caractère unique. C' était beaucoup sur un seul personnage, mais je veux dire exactement, Hey, je veux un sur puis tiret. Donc maintenant, nous avons toutes les options possibles où il y a un A et et et puis j'ai entendu dire vouloir avoir un numéro, non ? Mais nous ne savons pas quel est ce nombre, et à cause de cela, nous devrions utiliser quelque chose comme ça. Cela pense beaucoup est dans un seul caractère dans une portée de A à D, ce qui signifie, en conclusion, que si vous prenez quelque chose comme ça, 0 à 9, il choisirait demandé n'importe quel nombre. Donc, si je tape quelque chose comme 0 à 9 et je le rafraîchis, comme vous pouvez le voir maintenant, nous avons le premier numéro après un Donc c'est cinq. Il est cinq ici, cinq ici, cinq ans et bien neuf. Oh, désolé. Ce gars n'était pas celui qui. Et celui-ci n'a pas été choisi parce qu'on l'a fait lire, est-ce pas ? Donc c'est pourquoi nous avons donc à neuf et cinq et 5559 Ok, donc ça marche bien. Et j'aimerais avoir ici autant de chiffres qu'il ne le fera pas. Alors, comment le faire ? Nous avons à la sagesse de faire cette chose marches et une chaîne qui contient et ou plus occurrences sur le personnage précédent. C' est cool. Cool, non ? Parce que nous pouvons Nous voulons avoir le caractère précédent, qui est un nombre cette fois. Comment l'argent ? Une ou plusieurs fois, comme vous pouvez le voir, on a tous les gars ici. Et quand on est aux nouveaux. Ainsi, par exemple, il apparaîtra également ici. C' est génial, non ? D' accord. Donc, nous pouvons aussi le faire un peu différemment. Cette chose peut être remplacée par des allumettes et une chaîne qui contient une ou plusieurs occurrences de la prison en caractère. Donc, au lieu de taper quelque chose comme ça, nous pourrions aussi taper quelque chose comme ça. Et aussi, vous pouvez, au lieu de taper quelque chose comme ça, utiliser ce modèle spécial, qui ressemble à ça. Et cela signifie aussi la même chose. Donc, cela signifie la même chose que ça. Ok, il y a plusieurs façons de faire les choses. Je vous les montre parce que certaines personnes peuvent utiliser quelque chose de différent. Vous ne comprendrez pas les autres, les expressions régulières, les expressions. Droit. C' est ainsi que nous faisons ce qui fonctionne. Donc maintenant, nous pourrions choisir assez les options possibles comme ça. Et si je voulais, par exemple, choisir, euh, aussi ces gars et ce gars ? Eh bien, et tous, n'est-ce pas ? Il y a beaucoup de façons de faire des choses comme ça. Par exemple, on pourrait utiliser que tu adoptes correctement quand tu disais que tout va apparaître parce que c'est n'importe quel personnage. Le problème est que c'est un personnage. Il peut être aussi un personnage, par exemple, comme pour uh hein droit, que tout caractère tout possible donc Parfois, vous voulez dire exactement lequel nous voulons choisir. Ensuite, nous créons Le parent est comme ça. Et on dit : Hey, Hey, je ne vais pas me déchaîner. Je veux aussi quelque chose comme, par exemple, Ha sh ! Et c'est tout ce que ça va voir maintenant nous avons du bon avec chaud sur le tableau de bord. Ça marche bien. Donc, pour choisir tout cela, nous utilisons l'opérateur ou où il est, comme vous pouvez le voir ici, il est également très excellent, par exemple, pour vérifier les extensions. Si nous avons fait quelque chose comme ça, J j p g o r g si c'était beaucoup ou quelque chose comme ça. Par exemple, chef du paysage, le chef est le monde ici, et il le choisirait pour que nous puissions vérifier exactement si c'est une image ou non. Droit ? Donc, vous ne pouvez pas, par exemple, sortir 5. Il ne sera pas et ira à droite afin que vous puissiez choisir des choses comme ça en utilisant l'opérateur ou sur. Et si je voulais choisir ? Aussi le point ? Le problème, c'est que nous faisons vraiment quelque chose comme ça. Il choisirait à nouveau et le caractère possible. Si vous voulez utiliser un caractère qui est un mot clé dans l'épave. Attendez-vous à X. Donc, par exemple, si vous voulez utiliser les charrues, l'Astérix, le point d'interrogation sur le sont sur d'autres choses comme ça et vous voulez le trouver ici et seulement cette chose. Vous devriez utiliser le backspace avant qu'il ne soit activé. Ensuite, il trouvera le qu'il interprétera. C' est comme un point ? Donc, si vous voulez trouver seulement les gars, ça a du bien que je fasse quelque chose comme ça. Et ce Considine. Oui, ça marche. Maintenant, je n'ai que ces gars, non ? C' est ainsi que fonctionnent les expressions régulières du rack X. Allons à d'autres choses. Ici, vous avez quelque chose de déesse appelé Astérix, et il marche et une chaîne qui contient zéro ou plus occurrences sur le personnage précédent . Donc on a eu quelque chose comme ça. Un nom, Mark. Il sera beaucoup le gars sans lui au début. Donc ARIC sont l'épave Mark. Eh bien, si ça doit être en minuscules, on devrait utiliser le drapeau en écriture insensible. Vous devez vous rappeler à ce sujet et il choisirait aussi un Marek Mark avec le sport. Petit. Le problème est qu'il va également choisir les gars qui a un bon homme am compétence, est-ce pas ? Parce qu'il contient zéro ou plusieurs occurrences. Donc ça peut parfois être un problème que tu veux dire Hey, ils doivent être exactement un. Quoi ? Vous ne l'utiliseriez pas d'une manière que vous faisiez quelque chose comme ça. Lorsque vous tapez un seul caractère, cela signifie qu'il doit être là. Et il doit être un seul gars si vous utilisez le plus avec beaucoup de chaîne d'anis qui contient une ou plusieurs occurrences du caractère précédent. Donc conclusion de celui-ci, il nécessite correcteur précédent au moins une fois. Donc ici, zéro ou plus un ou plus donc chaque fois que quelque chose comme F a Plaza de il correspond à la forme et il correspond à la graisse droite ? Mais il ne correspond pas à FD parce que nous devons avoir au moins un A cette chose correspond et une chaîne qui contient zéro ou une occurrences hors du personnage du président. Donc, si nous avons fait quelque chose comme M et puis point d'interrogation d'accord, ça va bien. Je vais détruire Mark et Maverick avec cette fumée plus petite et majuscule est juste, donc le pont n'a pas besoin d'être un M, mais ça peut l'être, mais il peut y en avoir plus d'un. Donc il y a une bonne solution à quelque chose comme ça, non ? Et chaque fois que quelque chose comme ça, il correspond à n'importe quelle chaîne qui contient exactement et les occurrences du caractère précédent. Donc, si vous tapez des trucs comme ça z o. et puis cela signifie que, comme je dois voir ici à des gars comme ça est très utile. Quand vous voulez vérifier, par exemple, un numéro de téléphone, n'est-ce pas ? Vous voulez dire quelque chose comme un numéro de téléphone variable et, par exemple, en Pologne, votre numéro de téléphone devrait ressembler à cela. Euh, deux chiffres. Puis des nombres libres, des nombres libres et trois chiffres. Ils ne savent pas exactement à quoi ça ressemble dans votre pays, est-ce pas ? Tous les pays ont des choses différentes comme ça. Mais hé, je veux voir des chiffres gratuits. Chiffres libres. Freedy it Et ici deux chiffres à droite que c'est une bonne idée de la magie des orteils comme ce numéro 11 mars et je veux voir un chiffre. Alors faisons-le comme ça à chiffre et je veux le voir. Combien de fois ? Deux fois. Pas moins ou plus. Je veux voir deux fois et puis je veux voir un espace comment le faire Espace. Un espace est un caractère blanc, non ? Donc, je vais faire comme prix. Et puis je veux voir exactement ce que je veux voir. Numéros gratuits. Donc, ce sera D et libre et dans cet endroit. Et puis je veux avoir ce que d et libre, puis comme espace sur et il réserve barre oblique OPEP Eh bien, c'est pourquoi je ne veux pas que je n'aime pas utiliser les soeurs arrière sessions pour quelque chose que c'est plus. Je pense que c'est plus clair quand vous c'est du poids mort. Droit ? Donc 093 fois que la barre oblique s puis 09 temps libres retour espace sur puis nous avons 09 temps libres. Donc en faisant quelque chose comme ça, , vous savez, le disant au résultat, vous remarquez que vous avez bien réussi quand on fait quelque chose de mal. Donc exemple comme ça. Eh bien, ça marche bien parce que tu choisis, comme ce gars, ce gars, et prends ce gars. Donc, nous devons le dire exactement. Hey, ça doit partir de deux chiffres et il a l'extrémité des orteils. La pleine force doit se terminer par des nombres libres. Et maintenant ça ne marche pas. Vous pouvez voir, mais c'est comme ça que ça marche ? Très bien. Donc vous avez obtenu ce que vous avez. Tu n'as pas remarqué qu'on peut utiliser d'autres choses comme ça. Tu n'as pas remarqué qu'on peut utiliser d'autres choses comme ça. Les caractères comme ça, ce qui signifie que vous devez avoir à la fin de la chaîne complète, cela rend le modèle à rechercher seulement beaucoup. Seule chaîne que ça se termine par quelque chose comme ça, non ? Il faut que ça finisse. C' est ce qui est très utile dans quelque chose de situation comme ça. Ok, alors allons à un autre aliment. Vous pouvez beaucoup anesthésique qui contient et ou plus occurrences du caractère précédent. Parce que parfois tu sais bien, c'est la même chose que ce gars, non ? Et ça marche de la même façon. Le problème est que l'utilisation de cela, vous pouvez utiliser l'une de l'artère afin qu'il corresponde à n'importe quelle chaîne qui contient beaucoup de Molly et d' occurrences et Maxie, Molly et occurrences off. Présentation corrigée. Vous pouvez dire, Hey, il peut y avoir libre à 10 ou 12 six. Laissez si les caractères comme ceux qui précèdent. C' est très utile. Droit ? Donc voici le truc, c' ça. On a appris pour ces gars ? Il est seulement beaucoup le début d'une chaîne de sorte que la formule comme ça correspondra au trou de pont . Mais il ne sera pas grand chose dans l'ensemble parce que leur ensemble il ya en ce moment au milieu de cette chose n'est pas au début ici. Quand il tape des trucs comme G et dollar, il ne sera beaucoup que la chaîne qui se termine par le caractère G. Ok, si ça ne finit pas par G, ne magie pas du tout. Lorsque vous faites quelque chose comme ça, il marche et hors du caractère et enfermé dans le caractère dit comme ça et pense comme il est que c'était un seul caractère, Trop Donc, par exemple, si vous tapez quelque chose comme un et alors b nt Voir, vous avez BMT ici à l'intérieur dans beaucoup d'ABC et 80 c mais il ne fait pas beaucoup de btc ou autre . Vous savez, si vous avez plus d'un personnage qui ne correspond pas, droite, il est beaucoup seulement ce gars n'est pas beaucoup, vous savez, par exemple, une clé. Voir à droite. Nous ne savons pas grand-chose ces choses. Ah, quand tu l'aimes comme ça. Donc, si des années quelque chose comme ça désolé comme ça, cela signifie que vous excluez être vide tellement est tout. Ex accepte ABC 80 c donc il correspond à un D. C, C,une clé C et d'autres autres choses comme ça. Quand tu le fais comme ça, on en a déjà parlé que tu utilises le tableau de bord à l'intérieur. Il sera beaucoup n'importe quel nombre dans ces et un petit caractère de casse et un grand caractère de casse lorsque vous utilisez le port en lourd avec beaucoup de n'importe quel caractère lorsque vous l'utilisez avec beaucoup de caractère et le et un trait de soulignement. Donc vous savez, parce que parfois vous ne voulez pas utiliser le modificateur de flak insensible partout, non, parce que c'est parfois vous voulez être, avoir son cas sensible dans certaines situations, mais vous sera à un endroit du motif de pièce. Vous voulez avoir son cas en ville,par exemple, par exemple, est-ce pas ? Alors ce sera une bonne idée d'utiliser le caractère quelque chose comme ça, cette recherche sur un an que nous mangeons beaucoup comme tous les personnages sauf ABC. Andy, c'est ça ? Donc on sait aussi qu'on a appris sur ce type. Ce caractère vous permet d'interpréter des caractères réservés comme, par exemple, le point Astérix et d'autres choses comme ça comme un correcteur pour rechercher le droit de l'orteil à la recherche. Donc la formule f et puis la recherche arrière et Astérix retour de tels accidents. Les boxeurs ! Astéroïde ! Eh bien, imaginez que F vous savez que vous pouvez aussi utiliser quelque chose comme ça et c'était sûr prend. Donc, si vous faites quelque chose comme ça par exemple, que ce sont des choses très utiles parfois si vous faites quelque chose comme ça sur, avez-vous fait quelque chose comme ça ? Cela signifie que vous sauvez le dans un oeil dans vous venez de 1234 et puis vous vous complaisez dans n'importe quel endroit vous ne le ferez pas plus tard. Donc ça changerait totalement ce que ça va ressembler. Donc, si vous voulez choisir par exemple notre chalet maintenant je taperais Arkady, AJ et Haye. Je veux que ce soit les cinq maintenant. Donc je voulais être un bon début, donc je taperais ici cinq, non ? Si je veux être au milieu, il sera rayé, par exemple au milieu. C' est le juste puissant, très puissant et comme vous pouvez le voir maintenant, vous savez aussi comment remplacer le bon travail ? Il y a aussi quelque chose comme il va correspondre oeufs seulement si pourquoi est après le X. Donc, vous avez, par exemple, les noms et les noms de famille et vous voulez seulement choisir. Ah je veux seulement choisir l'Eric qui a le monde notre tour après. Donc, il est aussi que nous faisons nous enlevons sur Ce sont un grand ceux-là. Il ne sera pas retiré parce qu'il a obtenu Novak soudainement. Et on pensait que cette chose fonctionne de la même façon que celle ci-dessus. Mais il financera. C' est seulement qu'il n'y a pas pourquoi. Et à ce sujet, nous avons appris au début, nous avons aussi eu de l'importance que ce test choses qui est très utile parce que vous pouvez dire, Hey, si ça correspond, alors oui, c'est juste. Donc, je pense que c'est une bonne idée d'utiliser quelque chose comme un test pour des choses comme vérifier GIF si le numéro de téléphone, par exemple, est correct. Donc, si nous le faisons de cette façon, comme vous pouvez le voir, nous ne voulons pas dire ce chiffre maintenant. Nous voulons juste dire si le nombre est juste, donc pour le faire, vous devez taper les formules comme ça. Ensuite, vous devez utiliser le point que le test et la chaîne que vous voulez tester. Par exemple, un numéro de téléphone et le résultat cette fois de sorte que le résultat sera vrai ou faux. Donc, comme vous pouvez le voir maintenant, c'est vrai quand on fait quelque chose de mal comme ça. C' est faux, non ? Quand on fait quelque chose comme ça, c'est faux. Vous pouvez, bien sûr, c'est une bonne idée de faire de l'exercice et d'essayer de penser comment le faire pour que vous puissiez aussi lier votre numéro comme ça, n' est-ce pas ? Certaines personnes voudront peut-être le permettre. Aussi taper sans espacement, épices, le numéro de téléphone. Il y a une bonne idée de permettre aux gens de faire des choses comme ça. C' est un exercice pour toi en ce moment. Dans la leçon suivante, nous parlons de la fonction exacte. C' est seulement cette leçon, merci beaucoup. 53. Méthode exec: Bonjour Aujourd'hui, nous allons parler de la fonction exacte. Eh bien, comparez-le au 1er mars. Comme nous le savons, la fonction Mars est juste de vérifier le modèle. Et si ça correspond et deux distincts, il va sélectionner des choses qui sont que la bonne sortie fonctionne de la même façon. Mais il y a une petite différence. La première chose est que nous devons créer une variable temporaire pour l'épave. Exp Donc on doit faire quelque chose comme ça. Et maintenant, nous devrions faire Rag X. Ensuite, nous devrions exactement sur cette expression régulière, chaîne que nous voulons la rechercher. Ok, donc quand on le fait comme ça, comme vous pouvez le voir comme résultat, on a un 0,51. Alors ces mecs, changeons ça. Alors on va chercher Annie et le genre de gars, on peut avoir des personnages, non ? Et comme vous pouvez le voir, nous avons un tableau de bord 565. Mais, hé, nous avons eu le lointain problème global vous pourquoi nous n'avons pas réussi d'une manière ou d'une autre tous les autres bien ? Par exemple, ce gars comme par exemple, jours c'est dans ce. Pourquoi ce qui s'est passé ? Eh bien, le problème est qu'il reviendra toujours sur le seul résultat. Quand nous le faisons à nouveau, vous pouvez voir maintenant nous avons une bonne 50 libre Quand ils le font à nouveau, c'est hachage 58 et puis un 0.51. Donc nous devons le faire autant de fois qu'il y a un résultat, est-ce pas ? Euh, hein. Quand il n'y a rien. Donc après ce type, comme vous pouvez le voir, il n'y a rien. n'y a rien qui s'appelle Non. D' accord. Et non, en condition signifie aussi tomber. Donc, il a été arrêté de courir. Et vous pouvez l'utiliser pour, par exemple, pour quelque chose comme ça. Nous allons créer une flèche variable temporaire. Et bien que nous puissions attribuer une nouvelle valeur en utilisant ce droit, nous allons ajouter au résultat la valeur qui vient d'ici. Et comme vous pouvez le voir maintenant, nous avons toutes ces valeurs. Et maintenant vous pouvez faire ce que nous voulons avec cela avec ces valeurs, juste dans quelque chose comme ça est utile parce que maintenant vous pouvez savoir,par exemple, par exemple, orteil chacun de ces développements que vous pouvez à quelque chose que vous savez que vous pouvez, par exemple, mélangez-le avec un autre mal. Vous pouvez, par exemple, exclure quelque chose que vous ne voulez pas quel temps vous pouvez exclure toute clé, est-ce pas ? Mais la chose cool est que vous pouvez le faire au moment où vous extrayez les choses de la bonne Certains. Par exemple, Si vous extraire et après, si vous pouvez dire, Hey, Je veux sur les éléments gratuits donc si je peux faire quelque chose je zéro Et si je suis inférieur à libre ils étaient plus grands que Free Dan break donc je peut obtenir sur les objets gratuits comme ça. D' accord, d' accord. J' ai plus prier l'incrimination devrait être ici. Et comme vous pouvez le voir, nous avons obtenu la liberté extraite uniquement gratuitement. Nous ne perdons donc pas les droits de mémoire. Nous n'avons pas extrait toutes les options possibles qui correspondent à ce modèle au début de ah, non. Vous devez vous rappeler qu'une utilisation n'utilise pas le global. Il ne montrera toujours que le premier gars. Droit ? Vous devez donc utiliser les FARC globaux afin d'obtenir toutes les options possibles. Et c'est vraiment utile comme vous pouvez le voir pour extraire et avoir le contrôle. Donc, ce pourquoi a aussi obtenu ici et avertissement droit ? Avertissement n'est pas un Avertissement Arabe c'est comme, Hey , vous savez, il peut y avoir une erreur. La vérité est qu'il n'y a pas de héros. Mais la plupart du temps, quand on fait des trucs comme ça, ça peut être une époque, non ? Parce que l'assignation est très similaire à comparer des choses comme le droit. Donc tu pourrais aussi faire quelque chose comme ça. Pourquoi ? Ce n'est pas égal à savoir. Alors on peut l'exécuter, n' est-ce pas ? Andi ? Et ça marche pour la même chose. Comme si on le faisait de cette façon. Donc, Donc, c'est juste un raccourci. Comment tu peux le monter. C' est peut-être une oreille. Ou c'est pour ça que nous avons un avertissement. Droit ? Mais tout va bien. D' accord ? Il n'y a que cette leçon. Merci beaucoup. 54. Vérifier le mot: Bonjour. Dans cette leçon, nous allons former les formules d'expression régulière sur l'exemple pratique. Vérifiera si le passeport est fort. Ou peut-être que ce n'est pas aussi fort qu'il devrait l'être, alors on ne devrait pas le passer correctement ? Alors, comment faire des choses comme ça en JavaScript ? Utilisation des expressions régulières. Tout d'abord, nous devrions penser à laquelle de la méthode que nous devrions utiliser. Je pense que celui-ci est bon parce que nous venons de revenir vrai ou tombe. C' est OK si ce n'est pas le cas. Nous avons donc besoin pour cela d'une variable de formule juste où nous pouvons la stocker. Et ici, nous l'aurions. On a besoin d'un mot de passe. Donc bien, c'est, par exemple au début, lourd la variable temporaire. Plus tard, nous le prendrons à partir du HTML 5. Donc, nous voulons tester. Nous voulons sans orteil. Testez le mot , et il veut en obtenir le résultat au dîner. Html off info. Donc maintenant c'est fini parce que, hé, nous avons l'épice ici, et voici aussi de l'espace, donc tout fonctionne bien. Ok, alors supposons à quoi devrait ressembler notre passeport. Je pense qu'il devrait être au moins huit ou peut-être sept caractères de long droit, Alors comment le faire ? Ça ne devrait pas être si dur parce qu'on a juste besoin de travailler. Avoir un caractère possible, est-ce pas ? Peu importe si c'est vraiment que je ne connais pas de caractère comme ça. Vous pouvez utiliser des choses comme ça dans le passeport. Autoriser les gens qui utilisent les. Il n'a pas besoin d'être, vous savez, ABC le seul afin de permettre l'utilisation de n'importe quel personnage parce que ce serait juste vous juste le rendre encore plus fort. Plus fort, non ? Utilisons ce point, mais nous ne voulons pas sur le seul personnage, mais plus d'entre eux au moins huit, non ? Donc, il fait un type de personne orteil ici, au moins huit caractères, comme vous pouvez le voir maintenant, nous avons forcé donc 1234567 a. Et maintenant, il fonctionne bien. Mais bien sûr, possible comme ça est très faible. Alors, comment changer ? Nous devrions faire ce modèle pour avoir à la liste. Par exemple, un personnage qui est minuscule voulait sa majuscule, non ? Alors, comment le faire ? Allons ici, et nous avons ici quelque chose comme ça avec beaucoup de X seulement si pourquoi est après les oeufs bob les résultats. Un autre utilisateur a dérivé. Quand vous ne l'utilisez pas, ce sera comme ça. Vous devez avoir dans la chose qui est après elle dans le modèle après elle. Donc, dans notre situation, le modèle suivi par il est ce que vous devez avoir la chose qui est à l'intérieur ici. Ok, donc si on fait quelque chose comme cette bombe, bombe et le point d'interrogation, puis ça appelle. Et maintenant je dis, Hey, je veux avoir, par exemple, un personnage petit. Correct. Donc maintenant, comme vous pouvez le voir, c'est faux. Mais quand on est un petit personnage, ça va marcher. Très bien. Le problème est que quand je l'ai eu comme ça, le personnage comme ça devrait être au début, non ? Nous ne voulons pas un personnage avec le début sur le chemin comme de l'avoir aussi ici. Maintenant, nous allons bien travailler. Mais quand on enlève le premier gars comme vous pouvez le voir, on a une faute. Alors comment orteil résoudre un problème comme ça ? On pourrait dire quelque chose comme ça. Hey, la vérité est qu'il peut y avoir n'importe quel personnage, mais il n'a pas besoin d'être ici du tout. L' astérisque comme vous pouvez le voir beaucoup est toute chaîne qui contient zéro ou plusieurs occurrences du caractère précédent. Donc ça veut dire n'importe quel personnage. Donc ce n'importe quel personnage peut être ici. Oh, il n'a pas besoin d'être là. Droit ? Et si c'est là, accord, c'est bon. Et puis il peut y avoir quelque chose comme s'ils ne savaient pas, non ? Donc c'est quelque chose qui fait d'avoir un QI et un personnage. Et après l'un ou l'autre peut être quelque part, par exemple , le, um le petit personnage. droite. Donc, c'est très quelques-uns à cause de lui, Comme vous pouvez le voir maintenant, nous avons vrai. Donc, parce que hors de la solution comme ça, nous pouvons attacher, comme vous pouvez le voir, le petit personnage partout où j'ai besoin avec le travail. Très bien. Donc maintenant, nous avons juste besoin de le faire deux fois. Et ce que nous mangeons aussi il majuscules au moins une fois. Et nous voulons aussi ce que vous voulez aussi un chiffre. Donc zéro ce soir. Et à cause de cela, comme vous pouvez le voir maintenant, c'est faux. Mais quand nous ajoutons, par exemple, majuscules, cela fonctionnera bien. Donc, oui, c' est un mot de passe fort parce que vous avez des majuscules. Nous avons une petite affaire. Nous avons le numéro, et aussi c'est au moins un chiffre. Donc ça va bien marcher. Vous pouvez également utiliser une autre science, par exemple, un dollar. Rappelez-vous, ne pas interdire l'utilisation de quelque chose comme ça parce que cela ne fait que renforcer le mot de passe des gens. Et vous savez, si quelqu'un utilise le même mot de passe partout, ce qui n'est pas la meilleure idée de s'il utilise un personnage comme ça et qu'il ne sera pas capable d'utiliser un personnage comme ça sur votre site, il il suffit de le laisser, afin de lui permettre d'utiliser une introduction en bourse possible. Ah, possible problème de caractère. Peut-être que même les six personnages suffisent. Parce que la vérité est que le mot de passe, s' il est assez long, il sera fort tant que vous l'aurez correctement protégé du côté serveur. Ok, si vous utilisez vendu et d'autres choses comme ça. Mais c'est un sujet pour les voitures PHP. Ok, donc c'est juste, vous savez, a avant d'envoyer le droit possible s donc nous avons ici Passeport. C' était Ah, c'était, vous savez, le démarrage de la variable temporaire. Créons maintenant. Et pour importer la première entrée qui va démarrer le passeport. Et ensuite que nous boutonnons, ce sera tester toutes ces choses, non ? Alors, copions ce mouchard. Et maintenant, sortons de mon passeport formulaire qui va commencer la variable pops verrue. Bon, donc on n'en a plus besoin ici. Et nous avons aussi besoin de bâton que le test du crâne. Donc comme ça. Et quand quelqu'un clique sur test, vous voulez appeler une fonction qui va tester et informer ce qui se passe. Donc la formule va être testée par le mot de passe. Cela devrait être vérifié à chaque fois après avoir cliqué, car il peut changer, non ? Il ne devrait pas être sur le chargé quand la fenêtre est chargée, à droite, Nous devrions obtenir la valeur sur le passeport. Non seulement le mot de passe est une entrée, et nous voulons tester sa valeur par cette formule. Donc oui, ça devrait bien marcher. Mais nous allons dans le but du test. Changons-le en texte pour qu'on puisse voir que je sais à quoi je pense le temps. Donc, oui, on est faux quand on a une grosse lettre et un numéro. Comme vous pouvez le voir, nous n'avons pas de vrai. Quand c'est un peu court, c'est faux. Donc, nous pouvons utiliser des informations comme ça aussi dans notre script, nous pourrions. Par exemple, au lieu du bouton, nous pourrions nous faire un peu. Permet donc aux utilisateurs de soumettre. Prenons et même ici. Et nous voulons au début, empêcher par défaut. Ah, événement. Donc on ne veut pas qu'il soit envoyé, non ? Je ne vérifie pas les choses en premier. Donc nous suivons les choses. Nous voulons utiliser ce résultat de cette formule formellement et si la formule est correcte, alors oui, mais peut-être c'est OK. Vous voulez soumettre notre formulaire, Nous voulons donc obtenir notre formulaire et nous voulons le soumettre. droite. Donc, comme vous pouvez le voir maintenant ne va pas être soumis, mais bombe il a soumis. Droit ? Parce que le mot de passe est en ce moment fort. Mais sinon, si quelque chose ne va pas, je veux informer notre utilisateur. Alors nous allons aujourd'hui en quatrième position, vous allez à Dana, les joindre et je dis non. Votre mot de passe n'est pas assez fort. Bien sûr que tu pourrais vérifier. Tu sais, tu pourrais t'enregistrer. C' est cette formule, non ? Par exemple, vérifions d'abord. S' il y a un nombre Oh, et puis s'il y a au moins six caractères, puis s'il y en a un, le caractère aussi grand , puis s'il y a ah petit cas et vous devriez le faire comme un exercice. Savez-vous un par un et ensuite informer votre utilisateur que quoi ? Qu' est-ce qu'il a fait de mal dans son possible. Droit ? Donc c'est un exercice pour vous pour cette leçon ? Si vous avez un problème, demandez. C' est tout. Merci beaucoup. 55. Date: Bonjour. Il y aurait de la magnétisation lorsque vous avez besoin de manipuler le temps en JavaScript. Et pour cela, il y a un objet spécial objet spécifique qui est appelé date Object Help ! Le nom est re suggérant le doigt ce dia faire donc essayons d'apprendre toutes les questions qui sont à l'intérieur. Ok, il y a des lois en dehors d'eux et je vais vous montrer la plus importante. Je vais vous montrer comment manipuler le temps en utilisant cet objet. Mais d'abord, allons nous demander quand quelque chose comme ça serait nécessaire. Par exemple, vous pouvez afficher l'horloge sur votre site Web. Vous savez, vous pouvez dire que l'heure est maintenant, par exemple, 10 heures du matin ou quelque chose du genre. Vous pouvez également, par exemple, dire l'utilisateur. Combien de temps ? Combien ? Combien de temps il est nécessaire pour que quelque chose se passe, par exemple, droit, Donc, il y a beaucoup de situations comme ça et vous pouvez utiliser pour l'objet date. Mais avant d'y aller, je voudrais aussi vous informer que l'objet date ne vous donnera pas le bon moment . Cela va vous donner le temps que votre utilisateur a fini ses paramètres correctement dans les paramètres de Windows . Donc vous ne vous souvenez pas que vous ne devriez pas penser à la date ici comme un jour que c'est vrai, non ? Mais pour des situations comme une horloge, comme, par exemple, dire combien de temps il a fait quelque chose comme ça est très utile. Et d'une certaine manière, vous pouvez entrer dans les variables de script Java de PHP, par exemple. Droit ? Donc, nous utilisons, par exemple, un Jack, donc s il sera utile pour vous de toute façon, Vous pouvez créer, par exemple, un jeu où vous voulez descendre quand quelque chose est fini de construire ou quelque chose comme ça. Quelque chose s O date est vraiment utile. Ok, Donc, afin de créer un objet date, vous créez juste une variable, par exemple aujourd'hui et types de nuit Nouvelle date. Et nous ne pouvons pas assigner à, par exemple, dans le HTML aujourd'hui et quand nous l'actualisons. Comme vous pouvez le voir, nous avons du bien ici de nos jours. Nous avons donc le 11 mai lundi 2015. Il est maintenant temps 2028 4 Et comme vous pouvez le voir, je suis dans le fuseau horaire GMT. Donc j'ai ce plus deux ici donc probablement fait le tour de ceux-ci. Tu dois faire la différence. Vous connaissez les résultats de la spéciale ici parce que je suis de Pologne. Donc c'est mon fuseau horaire. Mais la plupart du temps, tu ne veux pas voir des choses qui ressemblent à celles que tu aimerais voir à la place de ma mère. Lundi, c' est ça ? Vous souhaitez voir le nom complet. Par exemple. Vous aimeriez formellement le grand différent. Je vais vous montrer bientôt comment le faire. Par exemple, utiliser cela compte, n'est-ce pas ? Donc, par exemple, vous aimez avoir un jour de congé pour que je puisse montrer quelque chose de genre de réflexion aujourd'hui. Ça et je voudrais avoir seulement un mois, est-ce pas ? Ça pourrait arriver ici en toute sécurité. Tapez pour par hauteur. Mai est vraiment le cinquième mois, non ? C' est janvier, février, mars, avril mai. Alors pourquoi on est là pour ? Parce que vous comptez à partir de 00 est pour le gin. Le 1er janvier est pour février. Ok, donc c'est très important que si tu veux mourir de peur, tu devrais faire quelque chose comme ça, hein ? Donc, c'est un vrai mois, et vous pourriez, par exemple, à quelque chose comme un mois sur, alors je voudrais, par exemple, voir un jour. Donc aujourd'hui obtenir rendez-vous. Nous avons retourné la date actuelle. Et je voudrais également montrer à l'utilisateur toute l'année. Donc une épice. Et aujourd'hui, toute l'année. Eh bien, peut-être une barre oblique. Comme vous pouvez le voir maintenant, nous avons un rendez-vous ici. C' est exact. Tout fonctionne bien. Et tu peux le faire ressembler à ce que tu veux, non ? Il pourrait l'utiliser à la place. Au large de maman. Peu de froid, par exemple. Stroh quelqu'un. Combien d'heures sont maintenant ? Combien de minutes ? Secondes 2 mai. Donc, ces questions sont assez faciles. Vous pouvez juste pour mon résultat à l'utilisateur comme vous le voulez, est-ce pas ? Le problème, c'est que nous avons encore ici. Cinq. Et si je voulais voir ici plein May et d'autres choses comme ça, non ? Ah, je ne veux pas qu'il soit visible en force. Je pourrais faire des fonctions spéciales. Ainsi, par exemple, pourrait créer une fonction qui, ah, créerait ah, un nom de saupoudrage complet. Donc, par exemple, obtenez Sprink mois du numéro quelque chose comme ça. Et ici nous prendrons un argument. Le numéro Le numéro du mois droit numéro du mois maintenant nous pouvons créer un Vrabel temporaire que nous commençons le nom de plus pour que je crée quelque chose que les mois sur. Et je vais créer une voie respiratoire pour que je puisse en prendre, comme Janvier Février Mars à qui ? Vous pouvez, John July. Maintenant, nous allons faire une entrée ici, il est donc plus facile de lire notre rotateur. Droit ? Beauté générale. Mai Juin, Juillet ou invité Août, um, Septembre, Octobre, Novembre sur Décembre écrit ce numéro. Donc nous avons maintenant, ici, commencer tous les mois, non ? Et maintenant tu es comme retourner par ces numéros le mois approprié, non ? Donc, si je l'ai de cette façon Donc, par exemple, quand j'ai obtenu une chaîne de la plupart des nombres comme ceci quelque chose que et je tape ici, par exemple zéro, je voudrais voir Janvier. Alors, comment le faire ? Je reviendrais juste mon mois. 00 est là. Donc vous venez de copier ici. Vous voyez maintenant que nous avons un bon général, est-ce pas ? Et nous pouvons envoyer ici, par exemple, aujourd'hui. Obtenez un mois. Nous voyons des cas qui aujourd'hui est mai et cela fonctionne bien comme un exercice. Vous devriez faire la même chose pour le jour de congé de la semaine parce que c'est une bonne idée de vous entraîner, accord, et le Metal Gate Day revient la semaine de congé. Mais tu dois te rappeler, sois prudent. Vous comptez à partir de zéro, et le premier jour n'est pas le lundi. C' est dimanche. Exercice si décent pour vous. Si vous avez des problèmes, créez simplement une discussion. Je vous aurai. Et maintenant essayons de le faire un peu mieux parce que vous savez, j'aime avoir ces voitures un peu plus pro. Ecoute, en ce moment, nous devons invoquer la fonction et nous devons envoyer leur pouvoir et arriver à la sortie. Il y a beaucoup de travail à faire ici, non ? Vous pourriez peut-être les créer avant l'arrivée et les enregistrer, par exemple, ici, le mois dans les mois complets ou quelque chose comme ça. Mais c'est le problème de l'Arctique. Quoi de mieux si nous avions déjà une fonction, cela vous donnerait le mois actuel dans la chaîne. Eh bien, vous savez, les créateurs de ces fonctions n'y ont pas pensé. Droit ? Mais pourrais-je ajouter en quelque sorte à la fonction de date, constructeur, quelque chose qu'il comme vous le pouvez. J' espère que vous avez déjà regardé la leçon de prototype sur le prototype. D' accord ? Et si vous aviez votre paradis dans l'eau, alors allez-y, faites-le parce que nous pouvons utiliser le prototype. Nous pouvons faire quelque chose comme le prototype, et vous pouvez maintenant créer nos propres fonctions afin que vous puissiez obtenir mois en force et nous pouvons créer notre propre fonction ici que nous qui ne pouvons pas être exécuté Isra comme ça. On peut. Alors il y a quelque chose comme ça aujourd'hui. Obtenez un mois en force et c'est tout. Nous avons juste besoin de revenir maintenant, le bon mois. Nous devons donc créer un pouvoir temporaire comme ici. Mais maintenant, nous avons juste besoin de retourner ce que re mois ville. Et maintenant, nous avons besoin d'ici. Zéro Anto gratuit ou bien, le courant à la fois Le mouvement actuel que vous pouvez obtenir de ce mois get, n'est-ce pas ? Il sera nul ou un ou deux ou libérera le courant. Ça va faire référence au jour actuel. C' est Ah ok. Que la variable utilise la clé, est-ce pas ? La variable actuelle qui va invoquer un dysfonctionnement. Donc, dans notre situation est cette variable ici ? On vient de cet endroit ce mois-ci, n'est-ce pas ? Donc, quand rafraîchissements, vous pouvez voir que nous avons mai, Mais il est plus facile de années. Nous pouvons immédiatement voir que cette méthode est liée à la journée. Donc c'est génial, non ? Ainsi, vous pouvez créer vos propres méthodes. Vous pouvez les ajouter facilement pour faire des objets en cours. Vous pouvez les étendre par vos fonctions. C' est puissant, n'est-ce pas ? Ok, donc maintenant essayons de, vous savez, voir un peu plus et trouver l'objet de données. On est du type ? Puisque je pense comme aujourd'hui, la chaîne de temps locale, que se passerait-il ? Comme vous pouvez le voir, nous avons Good. Maintenant, c'est l'heure. C' est génial. Nous vous avons des heures, minutes et des secondes. Mais vous savez, c'est la chaîne temporelle de verrouillage. Qu' est-ce que cela signifie que si dans l'un des nombreux pays, il est un ami un peu différent que le navigateur Web pourrait interpréter, il serait différent lorsque le pays pourrait interpréter un peu différemment. Alors ces choses auront l'air un peu différent. Ok, alors c'est fort d'entendre le Firefox quand on court. Par exemple, les dates locales boivent problème. Eh bien, dans mon pays, vous avez le plus de temps jours que de mois. Puis année comme vous pouvez le voir, c'est ainsi que nous montrons aux gens le plus de temps nos dates. D' accord, mais probablement dans votre pays. C' est différent. C' est plus de jours et puis des années, peut-être quelqu'un que certains utilisent ici à la place, partir du 5 mai ou quelque chose comme ça. Cette chose peut retourner l'homme et des choses différentes dans beaucoup de différents navigateurs Web et d'autres choses comme ça. Le temps est la plupart du temps re présenté de la même manière, mais cette pensée et l'air différent dans de nombreux pays différents. Mais parfois c'est ce que tu veux, non ? Vous voulez soutenir tous les pays et vous voulez les sentir bien ailleurs. Mais, tu sais, ça va juste paraître différent dans un pays ou dans chaque navigateur Web. Il peut aussi être différent. Tout droit par ça. Regarde la même chose parfois. Droit ? Donc, ici, vous avez aussi à la chaîne locale qui connecte les deux options. Andi. Eh bien, le moins grand. Maintenant, il Comme vous pouvez le voir, nous avons quelque chose appelé est une méthode. Un disque définissant la date que vous pouvez changer facilement. La date à quelques autres jours de congé exemple. Je veux fixer la date à la nouvelle que je veux obtenir aujourd'hui. Cela et je veux ajouter, par exemple, un jour et à cause de cela. Comme vous pouvez le voir maintenant, nous n'avons pas eu 11e fait d'ici mais 12 mai. Droit ? Donc nous pouvons voir envoyé ici à ce jour mort et parce que nous avons envoyé le même jour comme ici et nous avons eu celui-là, nous avons 12 pas vrai ? Donc ça va marcher comme ça. Vous pouvez également utiliser l'heure définie. C' est le moment qui va marcher, comme, comme, tu sais, avoir le temps, méthode. Um, prends le temps. La méthode retourne le temps réel en plusieurs secondes. Déjà à partir des premières années de janvier. C' était dans la police. D' accord. Euh, à partir du 1er janvier 1919 70 ans, ça n'a pas d'importance. Vraiment quoi ? Parce que, vous savez, ils ont juste décidé de dire que ça devrait venir de cet endroit et c'est très utile. C' est très utile parce que vous pouvez maintenant sous-structurer par exemple, la date à laquelle ces cinq jours à partir de maintenant à partir des dates qui est aujourd'hui et vous pouvez voir exactement comment maney millisecondes a des pouvoirs et vous pouvez utiliser des informations comme ça parce que vous peut, par exemple, diviser les millisecondes par 1000 et ensuite vous avez des secondes, est-ce pas ? Si vous divisez les secondes par 60, vous avez deux minutes. Quand vous divisez les minutes par 60, vous avez des heures. Alors c'est ça. C' est ver ver des choses très utiles comme ça afin que nous puissions utiliser le temps fixé, leurs minutes. D' autres, comme, dit heures définit les minutes que les secondes méthodes que vous pouvez utiliser comme ça. Mais vous devez vous rappeler que vous affectez ces méta exactement à droite. Donc, si vous vouliez créer demain très capable et que vous souhaitez, par exemple, créer une nouvelle date que ce vraiment demain, vous pouvez utiliser d'autres constructeurs pour le constructeur de fonction de date . Ok, vous pouvez, par exemple, simplement moi deuxième. Donc on pourrait utiliser par exemple aujourd'hui et maintenant avoir le temps, non ? Et je voudrais ajouter ici combien de millisecondes à ces parce que quand j'allais voir maintenant demain est égal aujourd'hui, non ? Mais quand j'ajoute ici, par exemple, notre grand nombre, comme vous pouvez le voir, ça change la beauté ici sur neuf heures parce que c'est en millisecondes. Donc ça devrait être un grand nombre. Pour que nous puissions adhérer. Par exemple, un jour comment ajouter un jour un jour est 1000 millisecondes multipliées par 16 est maintenant quoi, 60 secondes. Je veux avoir. Je n'ai pas 60 secondes. Pas une minute. Je veux avoir 60 minutes, soit une heure. Donc maintenant ça va à une heure, tu peux le voir et quand on le multipliera à nouveau par 24, on aura un jour pour que tu puisses ajouter un truc comme ça un jour, non ? Et tu as du bien. Maintenant, demain ici. Et quand vous faites quelque chose comme ça par exemple à moral moins Aujourd'hui, vous remarquerez que nous avons ici en millisecondes la journée complète et nous pouvons utiliser des informations comme ça pour vérifier comment quand les secondes ont des taches d'une fois à une autre fois Si vous veulent voir aucun mal dans les secondes est passé de Ah, vous savez que cet endroit à afficher a pris ce temps, vous pouvez simplement diviser par 1000 sur. Ensuite, vous n'avez pas de bonnes secondes quand vous divisez à nouveau. Par quoi ? Par exemple 60 vous avez maintenant minutes Quand vous divisez à nouveau vous aurez ah heures donc heures et maintenant gagner diviser par 24 vous auriez des jours. Ok, donc tu peux utiliser des informations comme ça. Il est facile de voir comment comment minutes vous devez,Par exemple, obtenir à Par exemple, partir de ce moment à ce moment il y a aussi d'autres constructeurs. Donc, vous pouvez utiliser, par exemple, nouvelle date et vous pouvez taper année, mois et jour afin que vous puissiez créer une variable demain comme ce nouveau mort et vous pourriez obtenir aujourd'hui qui obtiennent l'oreille complète aujourd'hui qui obtiennent le mois sur aujourd'hui qui obtiennent date et plus un et il nous donnera le même résultat. Mais comme vous pouvez le voir, nous avons ici le petit puits, non, le même résultat que nous avons ajouté un jour. Mais tu sais quand on fera quelque chose comme ça demain si bien, demain tu verras qu'on doit les utiliser le 12 mai. Mais vous avez ici le temps 0000 parce que nous n'avons pas spécifié minutes secondes en plusieurs secondes, seulement d'abord pour vos arguments sont nécessaires, vous pouvez ajouter plus d'entre eux, donc vous devriez taper get nour, get moyens get me secondes et tout fonctionnera bien. Mais c'est juste beaucoup de travail de guerre, non ? Je pense que c'est une meilleure façon de le faire. Mais tu sais quelque chose ? Vous voulez réaliser des choses de père pour que ce soit la façon dont vous voulez le faire. D' accord. Pour que nous puissions le faire de cette façon. Il y a juste plusieurs façons de faire beaucoup de choses comme ça. Vous pouvez également créer demain, par exemple, comme cette nouvelle date. Et vous pouvez simplement taper ici la chaîne des jours. Mais tu as remorqué Garder le premier comme ça. Ok, tu dois garder le premier comme ça. Tu dois lier Pierre. Tout d'abord, l'année Ainsi, par exemple, 2000 sentir Ah, 50. Et maintenant, le mois. Donc c'est mon Et maintenant le jour. Donc il est 11 et maintenant on en a 11. Je veux l'avoir demain. Alors maintenant, il est 12. Oui, ça marche bien. Donc, si vous voulez,par exemple, par exemple, créer une pensée que nous retournons obtenir pour la date de marché la date où vous avez juste besoin de retour orteil ici, est-ce pas ? La valeur que vous voulez montrer exactement aux personnes sur votre site Web. Et puis vous pouvez utiliser ces méthodes avec les objets de date et je pense que c'est la façon la plus cool . Et je pense que vous devriez le faire est un accès. Je reviens ici comme tu veux avoir des gens sur ton site. Voyez votre heure. D' accord. Que ces perspicacité, l'objet comme ça. C' est quelque chose qui ne te remercie pas beaucoup. 56. Hornie utilisant un objet date: Bonjour. Essayons les enchères Un objet date en créant, exemple, Oclock. Oui, le club de comptabilité. Parfois, il est utile d'avoir quelque chose comme ça sur votre site Web. Bon, Donc, l'utilisateur peut voir exactement quelle heure est. Non. Alors, comment faire quelque chose de génial ? Eh bien, nous pourrions le faire un moyen un peu plus facile, mais je crée juste une fonction de variables qui comptera sur d'autres choses comme ça. Mais on va en faire une grosse voiture. Faisons-le à cause de frère beau professionnel loin. Donc, nous avons tout en un seul endroit. Donc, cela signifie que nous allons créer un constructeur de fonction comme, par exemple, ça. Ok, donc nous allons créer un constructeur de fonction, ce qui signifie que nous pouvons maintenant créer, par exemple, horloge toujours capable et nous pouvons faire quelque chose de nouvelle horloge. Je voudrais être en mesure de leur envoyer un gestionnaire de citron que je serai en mesure de montrer leur cuisinier. droite. Alors j'aimerais envoyer ici. Donc, le gestionnaire d'éléments et moi aimerions le voir assigné quelque part ici. Donc, je voudrais le créer et la propriété pour cet élément droit de classe, gestionnaire et j'aime affecter ici le gestionnaire d'élément, que cela vous a envoyé comme ça. Ok, alors maintenant, quand vous l'aurez là, nous pouvons. Nous aimerions aussi commencer l'horloge. Donc, je voudrais créer une fonction qu'il va commencer. D' accord, certaines femmes le font. J' aimerais voir tout jouer correctement. Alors, comment avons-nous besoin de créer une fonction de démarrage qui a commencé toutes ces choses correctement sur quoi ? Je pense qu'il devrait commencer à compter. Alors, comment compter ? Je pense que nous devrions venir chaque seconde, donc nous devrions nous impliquer comme mis en fonction terrible. Ok, définissez l'intervalle. Et ça va l'Iran intervalles. Si tu ne sais pas ce qu'ils ont rencontré, s'il te plaît va écouter quand je parle d'eux, OK ? C' est là que je parle du plateau de même des dernières leçons hors pair. Donc mettre la fonction terrible est très nouveau ici, et nous voulons Ron chaque seconde frit. Mais ce que nous voulons courir. Créons si vous êtes une fonction anonyme qui exécutera une fonction qui va à quelques secondes. Ok, donc créons à ce point à la seconde fonction, qui va être à la seconde heure de notre date réelle. Donc, la date réelle devrait être également la date réelle de la propriété. Et on peut faire des trucs comme un nouveau rendez-vous sur Dwell. Nous voulons également, par exemple, méthode qui sera, par exemple, le gestionnaire d'éléments de mise à jour. Comptable. Donc, il mettra à jour le contenu hors 11 secondes. Ainsi, vous pouvez également l'appeler gestionnaire d'éléments de jeu, par exemple. droite. Mais nous voulons mettre à jour exactement le comptable. Donc je pense que cette chose de bébé mieux nommer pour elle la fonction. Et nous voulons mettre à jour avec cet élément de méthode, Hunter. Donc, nous voulons aller à ce chasseur d'éléments que HTML interne et mis à jour avec les dates réelles de ce jour réel. Droit ? Donc, quand nous n'avons pas besoin de rien se passe parce qu'il n'y a pas d'importance l'exécution, nous pouvons, Par exemple, il commence également invoqué cet élément de mise à jour. Contenu du gestionnaire. Comme vous pouvez le voir maintenant, nous avons la valeur de départ. Et maintenant nous voulons à chaque seconde à notre date réelle. Et vous second pour qu'on puisse le faire. Par exemple, comme ce nouveau jour où nous portons le nouveau jour. Ce ne serait qu'un nouveau jour. Le droit, donc nous vous trouvons Deuxième. Andi, ça va bien marcher. Pour qu'on puisse ajouter une nouvelle seconde comme ça, Andi. Eh bien, nous devons juste l'invoquer chaque seconde avec la méthode terrible de réglage. Mais vous devez vous rappeler que l'intervalle envoyé frappé n'aura pas accès avec le monde E disque à cette méthode dans death metal parce que l'intervalle défini est ah, une méthode spéciale et il ne voit pas dans sa portée ces méthodes. Ok, ici. Donc, vous devez créer une variable temporaire comme, par exemple, self et nous avons des jours où vous pouvez facilement accéder, par exemple, à la seconde parce que vous voulez ajouter une seconde. Et après l'ajout de la seconde, je veux mettre à jour l'élément 100 comptable. Et maintenant, comme vous pouvez le voir quand vous êtes dessus, la deuxième partie de la seconde se met à jour assez bien. Donc ça marche bien. Nous venons de tout programmer. Pro Perry. La chose cool à propos de, vous savez, sur son est que j'ai divisé toutes les actions en remorquage. Différentes questions que vous pouvez voir ici est la mise à jour. Il est là, il ajoute des secondes. Donc, vous voyez exactement ce que font ces méthodes. Vous savez, vous devriez toujours créer une fonction pour chaque tâche à faire OK comme ça parfois quand le programme court peut-être la tête suivie même vous pouvez. Tu sais, on pourrait aussi faire une simple fonction ici, non ? Et faites toutes ces choses sans toutes les propriétés, d'autres choses comme ça. Mais vous devez juste, vous savez, je pense que si votre peau doit être très grande, peut-être que parfois vous n'avez pas besoin d'avoir des crises. Très. Le script fait ses débuts. Vous ne devriez pas vous concentrer sur faire, vous savez, très bien codé dans la discothèque que le code n'a pas besoin d'être toujours très bien. Lisez un livre, non ? Parce que parfois la vitesse compte plus à cela dans le script Java. Ça compte beaucoup parce que tu es juste flippant va charger plus vite si tu as moins de choses. Il a raison. Mais tu dois juste penser une seconde que ça va te payer ou pas. D' accord, mais quoi ? Eh bien, allons nous entraîner un peu comme ça, et nous avons du bon temps maintenant, mais ça n'a pas l'air bon, donc on peut le changer pour, par exemple, les jours s'arrêtent. Et nous pouvons utiliser leur heure locale simple, juste, par exemple, comme ça. Et comme vous pouvez le voir maintenant, c'est le premier. Je le suis. Wow. Oui, il est presque 2 heures du matin ici en Pologne et, ah, nous sommes arrivés ici à l'heure indiquée. Donc c'est plutôt bon. Mais, vous savez, dans votre pays, peut-être que vous utilisez le AM et le PM donc avant 12 heures, c'est AM après 12 heures. C' est PM, les bonnes choses. Par exemple. 13. Ah, quand on aura 13 heures ici, ça devrait être le PM, il est assuré que le premier PM a raison ? C' est comme ça que les gens, euh, dans d'autres pays l'appellent. Peut-être que l'heure locale Spink va marcher comme ça pour toi. C' est que c'est la cicatrice locale qui devrait marcher, non ? Mais si vous voulez faire voir tout le monde cette semaine d'un M ? Non. Seulement dans votre pays, vous voulez les orteils, tout le monde voit AM et PM droit ? Ensuite, vous devez créer votre propre médicament. Par exemple, vous pouvez créer cette date mise en forme et nous pouvons créer la fonction. Ça va le faire. Ok, donc, hum, créons une variable temporaire pour des heures cette date réelle sur, prenons la nôtre à partir de là. Et copions-le, Bam, bam ! Heures, minutes, secondes, heures, minutes et obtenir secondes. Et maintenant, nous pouvons revenir des heures. Ensuite, j'appelle et mec, c'est je veux dire, c'est euh, là, quelques secondes. Et maintenant on peut faire quelque chose comme ça. Prends rendez-vous pour ma mère. Et comme vous pouvez le voir maintenant, ça marche. Très bien. Mais bien, nous ne donnons pas de zéros principaux ici, donc nous devrions les ajouter. Donc si le nôtre est plus lent que 10, alors à deux heures, zéro plus les heures, non ? Nous voulons juste ajouter avant 12345670 Donc c'est comme ça que nous le faisons. L' Europe comme la nôtre. Ok, donc on ne le fait pas deux fois de plus, heures, minutes, et maintenant secondes. Et comme vous pouvez le voir maintenant, ça marche. Très bien. OK, maintenant nous devrions aussi faire quelque chose du AM et PM Donc si le nôtre est inférieur à 12, je voudrais créer une variable la disco pour les exemples suffixe, qui signifie ce qui va être à la fin, droite du monde. Et ce sont eux. Sinon, nous devrions créer PM Mais nous devrions aussi penser à des heures parce qu'ils sont normalement ici. 0123 pour 12 13 14 bam, bam, bam ! On devrait faire quelque chose comme le nôtre, moins 12. Tu devrais, tu sais, retirer 12, parce que sinon ça n'aura pas l'air bien, est-ce pas ? Et maintenant aussi ajouter le suffixe. Ainsi, par exemple, sa base. Et puis le suffixe concède, Oh oui. Donc si les heures étaient plus grandes, on verrait ici ESPN C'est un travail de charité. Nous avons donc créé notre propre rendez-vous pour Mère. Et maintenant, vous pourriez penser comme, devrait-il être ici ? Est-ce vraiment connecté à ça ? Mais pas tous. Pas du tout. Nous devrions créer une fonction prototype ici. Nous devrions prolonger la date par la mise en forme de notre format il date. Je reçois du temps formatif. Quoi ? Ça devrait être appelé comme ça. Aucune fonction égale, Onda. On devrait l'avoir d'ici. Prends-le ici et maintenant. Nous ne travaillons pas sur la date réelle. Donc nous devrions juste quelque chose comme ça et à cause de ça non, nous n' avons pas de bons jours, mais vous pouvez être le à quelque chose comme ça qui a fait ça pour le temps de la mère. Et maintenant ça marche aussi bien, mais c'est un Quincy. Ceci est connecté à ce jour en ce moment, nous pouvons l'utiliser dans l'eau pour les applications dans votre programme. Cependant, cette méthode n'était pas seulement utile ici, non ? Tu pourrais appeler ça un peu différemment. Peut-être avoir du temps de formation. Vous pourriez créer un parlement, une question qui, vous savez, vous savez, influencerait exactement ce que vous pourriez faire de l'argent en dehors du temps formaté. Droit ? Et vous pouvez retourner différents types en fonction de ce que l'alcool serait envoyé ici. droite. Donc c'est comme ça que vous pouvez faire une façon pro, hum, horloge et l'horloge qui peut être dupliquée. Droit ? Vous pouvez maintenant faire quelque chose comme ça. Maintenant, nous pouvons rivaliser sur vous pouvez faire quelque chose comme ça, et vous pouvez commencer la deuxième coke. La soupe au poulet n'a pas à coaxer ça. Tu sais, tu pourrais arrêter celle-là ou celle-là. Et c'est votre exercice pour créer une fonction d'arrêt qui va arrêter Said Interval. Je fais des choses comme ça dans la leçon sur la mise en place. Terrible. Donc, il ne fait pas d'exercice. Donc, vous verrez si vous pouvez vraiment répéter un entraîneur comme ça pour créer une fonction d'arrêt. Mais tu dois penser à ce que tu dois vraiment arrêter quelque chose comme ça ? La plupart du temps, tu n'as pas besoin. Alors rappelez-vous, kilo-octets sont très importants en javascript. Si vous le faites, vous n'utiliserez jamais de fonction stop. Il suffit de ne pas créer parce qu'il prend vos kilo-octets. Ok, ça va ton site va gonfler plus lentement. Donc, vous quand vous programmez, vous devriez toujours penser à la taille de votre programme sera en JavaScript parce que kilo-octets font le chargement de votre site Web et la fleur donc Mais, vous savez, situations dar où vous pouvez sécuriser des kilo-octets de disque. Parfois, c'est la batterie aussi orteil appelé comme ça parce que votre code sera plus facile à comprendre plus tard. Et ça vous ferait gagner du temps. Mais tout dépend de la situation. Si vous l'espérez dit, ceux-ci ne peuvent pas être, exemple, visités par 1.000.000 de personnes. Les et les choses comme ça ne sont pas génial parce que même 10 kilo-octets sont importants, est-ce pas ? La vitesse est la chose qui compte le plus. Mais parfois, vous pourriez même dire en créant une fonction comme ça. kilo-octets sont, vous savez, boulots de temps. Parce que, vous savez, vous pouvez l'invoquer plusieurs fois, comme vous pouvez créer deux horloges. La plupart du temps, vous n'avez besoin que d'un sage. Donc, probablement ce n'est pas la meilleure solution pour cela. Mais c'est une bonne idée de former des choses comme ça. Donc vous savez comment appeler correctement. Ok, ça va ça. Ecoute, merci beaucoup. 57. Qu'est-: Bonjour Aujourd'hui, je vais vous dire ce que sont les cookies. Comment les créer, comment les utiliser, etc. Donc, le cookie est la solution. La solution pour ne pas être en mesure de stocker des variables dans toutes les pages possibles à la fois. Vous voyez, quand nous sommes dans l'index html et nous aurons un autre HTM de cinq Lorsque vous créez une variable, par exemple comme cela ont été capables ne sera pas disponible dans cet autre site, non ? Ce ne serait qu'une arrivée neuve. Chaque fois que vous perdez le comptable, vous êtes peut-être comme moi, mais pourquoi aurais-je besoin de quelque chose comme ça ? Par exemple, vous pouvez stocker. Vous pouvez identifier la personne qui visite votre site Web. Vous pouvez ensuite, par exemple, stocker le mot de passe de journalisation, le mot de passe. Mais vous pouvez stocker qu'il est enfermé à droite, et à cause de cela, il n'a pas besoin de regarder dans chaque page. Ainsi, lorsque vous êtes sur le forum, par exemple, lorsque vous revisitez des sujets et que vous voulez répondre, vous n'avez pas besoin de regarder à chaque fois après avoir regardé ceux dans lesquels vous regardez. Donc, les cookies utilisent quelque chose pour des choses comme ça. Vous pouvez commencer les préférences de l'utilisateur, par exemple, il veut avoir l'arrière-plan à lire. Vous pouvez commencer ce qui est à l'intérieur d'un formulaire, par exemple, quand il a vécu une page Web. Ou alors quand il revient, vous pouvez voir tout est encore dans la forme parce que toutes les choses sont stockées sur son ordinateur. Maintenant, les cookies sont juste des conteneurs qui commencent sur l'ordinateur de l'utilisateur qui visite votre site Web, et les choses commencent comme si King est votre site Web, égal à 31, puis la clé point-virgule à la valeur huh, et vous pouvez ensuite obtenir ces valeurs de cookie de document. C' est donc la solution. Comment l'utiliser. Utilisons pour créer un bouton de cookie. J' ai créé un remède à Barton Create Cookie et supprimer la cuisson de coups de pied que nous avons nous un peu quand ils ne créent la cuisine sur clic. Hum oh, cliquez. Je voudrais créer notre première cuisine afin de créer une cuisine que vous tapez. Documentez cette cuisson, puis le signe égal, et vous devez simplement taper la valeur clé. Vous avez juste besoin de vous rappeler que vous ne pouvez pas créer sur le seul cookie à la fois. Ok, vous pouvez faire comme Kiki à la fois comme ça Quand vous faites quelque chose comme ça, vous remarquerez quand vous créez Cookie et vous allez au feu arrière, Avez-vous une seule clé avec la première valeur ? Ok, donc si nous faisons quelque chose comme le nom et que, par exemple, sommes Kaddish, vous remarquerez que j'ai créé un cookie. Je reçois ne peux pas supprimer tous ces cookies. Ok, donc quand vous cliquez dessus, comme vous pouvez le voir, vous créez la cuisine. Quand tu creuses Morton veut que tu ne crées pas un autre cookie, mais tu peux changer. Par exemple, la valeur ici est terminée. Lorsque vous faites des choses comme ça, comme vous pouvez le voir, la valeur est en cours de modification. Donc, pour changer la valeur, suffit de taper ici quelque chose comme quelque chose de nouveau, et il va travailler. Ok, maintenant, créons une autre cuisine. Donc, si vous voulez créer plus d'une cuisine, vous prenez un type quelque chose, par exemple, comme nom de famille et Seigneur sont poussin. C' est taper ton nom propre. Et comme vous pouvez le voir maintenant, nous sommes arrivés chez Kiki tout de suite, non ? Et le cookie est calculé sur ces domaines. Il a la taille et il dit, bon de bouffer le chemin est très important parce que maintenant cette cuisine est disponible. Le contenu pas partout, Comme je l'ai dit au début de la leçon, mais seulement dans les sous-dossiers et ce dossier. Donc, si vous aviez quelque chose, ce site, par exemple ici, alors vous ne seriez pas en mesure d'obtenir cette cuisine si vous voulez l'avoir disponible partout dans tous les dossiers. Et c'est très important parce que parfois vous pouvez créer une cuisine Certains, vous savez, vous pouvez avoir les catholiques comme, par exemple, des cours vidéo. Oh, pourriez-vous aller à des cours vidéo en ligne dot com Et vous remarquerez que lorsque vous allez à, par exemple, des cours de programmation de neuf. Allez ici. Vous remarquez que si vous aviez, par exemple, votre cookie créé ici, il ne sera disponible que dans ce dossier et pages Web ici. D' accord. Il ne serait pas disponible ici sur le site principal. Vous voulez l'avoir disponible partout et la plupart du temps il veut. Parce que, par exemple, quand vous regardez bien dans la droite, journalisation, il veut savoir exactement que Ah, que l'utilisateur il est. Regardez dans tous les endroits, non ? Non, pas un seul endroit. Ensuite, vous devez si vous avez Ah Que Vous devez prendre bouffée et quelque chose comme ça lorsque nous créons un gain de cookie après rafraîchissement. Comme vous pouvez le voir, nous avons une bonne autre cuisine. Donc on n'a pas changé de ces gars ici. Pourquoi ? Parce qu'il doit dire à un nouveau cookie qui est disponible partout ces cookies sur la table dans ce sous-dossier. Ok, alors rappelons-nous toujours que tu dois presque toujours faire quelque chose comme ça, non ? Donc, créez la cuisine et le gain. Nous avons obtenu Nous allons supprimer les cookies qui ont déjà été créés. Nous voulons les avoir toujours comme ça la plupart du temps. Et, eh bien, la cuisine va être supprimée après que vous fermez le Firefox ou tout autre navigateur Web qui ne restaure pas session. La plupart étaient frères restaurer session après, euh, les ouvrir. Ok, quand tu as ouvert, il y avait un frère. Ils restaurent la session qu'à cause de ça, ils sont cookie va toujours enchérir. Mais si le frère du monde ne le fait pas le plus de temps par exemple, expérience interne ne le fait pas, cookie disparaîtra. Parfois, vous voulez retirer la cuisson après, par exemple, 30 secondes même si vous ne voulez pas l'avoir à chaque fois. Vous savez à temps plein sur l'ordinateur de l'utilisateur. Lorsque vous voulez modifier la date d'expiration, vous pouvez utiliser le flak expire afin que vous puissiez décider quelque chose comme ça. Et puis ici, vous pouvez à une date et ces jours va être créé en utilisant l'objet date. Donc, la chose que nous avons appris dans la dernière section à droite sur les dates Donc, nous pouvons, par exemple, que pour quelque chose XP date de fonctionnement hors cuisson et nouvelle date quand vous le faites comme ça et puis j'ai utilisé le format UTC est très important parce qu'il nécessite un ancien spécial. L' univers est le temps universel pour la mère. Ok, donc tu dois le faire comme ça. Andi, quand on se rafraîchit ici et crée un cookie, comme vous pouvez voir qui il a enlevé, c'est venu aider. Le problème est que lorsque vous avez dit ici une date d'expiration de temps au jour, qui est maintenant cette date, non ? La nouvelle date nous revient. Maintenant, le cookie va être retiré parce que quand on l'a créé instantanément, avec une seconde après ce temps, non ? Donc, vous devez changer la date d'expiration de la cuisson. Faites avec la méthode par exemple, définir le temps. Vous pouvez ensuite utiliser la date d'expiration du cookie obtient le temps et par exemple, à 60 me secondes. Euh, c'est là. Une seconde, 60 secondes. Peut-être même plus que 60 minutes. Personne. Actualisez-le et créez un cookie. Comme vous pouvez le voir, les cookies seront enlevés à 58 donc c'est comme ça que ça marche. Nous modifions maintenant la date d'expiration, et elle sera supprimée dans trois heures. Donc, l'utilisateur sera seulement, par exemple, connecté pendant des heures libres comme ça. Um, ou les choses dans le premier vont commencer pour trois heures de congé pour stocker bûcherons ou quelque chose comme ça. Tu devrais faire des choses de sécurité, d'autres choses comme ça. Mais c' est la plupart du temps. Des choses comme le verrouillage sont faites en PHP. OK, donc ne t'inquiète pas pour ce genre de choses. Vous l'utiliserez la plupart du temps. Ainsi, par exemple, envoi entre le JavaScript été PHP des valeurs de valeur sur quatre pour des exemples, stockant des valeurs dans les formulaires. Donc les choses ne sont pas oubliées, est-ce pas ? Lorsque vous allez pour vous,par exemple, par exemple, cours vidéo en ligne qui viennent quand nous allons ici et que nous ajoutons quelque chose au panier, vous remarquerez que nous ne sommes pas allés ici. Nous vous tapons, par exemple, sur le principal. Hum, on ferme et on commande à nouveau. Ce n'était pas le cas. Est-ce que haute TC Mary Steve ici, il est très utile parce que vous ne faites pas des zones. Ils sont en colère, vous savez, la plupart du temps. Ah, il y a beaucoup, beaucoup plus d'entrées, non ? C' est une bonne idée de commencer des choses comme ça parce que l'utilisateur va vous remercier . Alors c'est comme ça que tu le fais. Avant les cookies exemple, droit. Tu peux commencer ça. Par exemple. Nom de l'entrée ici sur, alors. La valeur de cette entrée ici. Et vous pouvez douter alors vérifier si le cookie existe alors. Hé, faisons quelque chose. Donc c'est comme ça qu'on fait des choses comme ça. Eh bien, vous pouvez également utiliser le stockage local pour cela. Le stockage local est local. Le stockage est de html cinq jusqu'à swing javascript. Mais regardez les histoires non supportées ainsi que les cookies. Ok, Eso, on n'en parle pas maintenant ? Revenons aux cookies. Pas en ce moment. Nous devrions vraiment apprendre aussi comment supprimer un cookie, et vous avez probablement déjà remarqué avoir à le faire. On a juste besoin de savoir quelque chose comme ça, non ? Donc, si nous voulons enlever une cuisson, c'est à quelque chose comme enlever la cuisson. Et puis nous voulons juste, par exemple, supprimer le droit juif Arkady. Nous voulons donc supprimer, par exemple, le cookie avec ce nom avec le nom de la clé. Supprimons le désarmement. Et nous avons juste besoin de définir la date d'expiration que le jour qui s'est passé déjà droits, par exemple, mineurs un ici. Et quand le réfugié l'actualisera et qu'on pourra l'enlever. Comme vous pouvez le voir, nous supprimons ce cookie droit En cliquant dessus, nous pourrions même le faire de cette façon, parce que la vérité est que le temps passe grinds. Et donc, quand nous pouvions supprimer la cuisson et quand la date ici est la date réelle, eh bien, eh bien, une seconde s'arrête, alors un cookie est en train d'être retiré, alors c'est comme ça que vous supprimez le cookie. Vous pouvez également définir la date d'expiration en utilisant quelque chose va discuter des marques âge. Ce sera très cool si nous le faisions de cette façon, parce que ce serait un peu plus facile. Regardez ici, nous aurions besoin de seulement types en fait, marques âge puis égal à. Je pourrais faire quelque chose comme pas plus plus plus 16 secondes, par exemple. Peut-être plus. Un peu plus. Et maintenant, quand on fait référence à la feuille et qu'on crée une cuisine Comme vous pouvez le voir, la cuisson va expirer dans une heure. Quand on fera comme ça, ça va expirer dans un jour. C' est tout simplement génial, parce que, comme vous pouvez le voir, nous n'avions pas besoin de créer des choses comme ça. Le problème est qu'il ne me soutient pas que les experts six et ok, si vous n'avez pas besoin de le soutenir, alors allez-y. Utilisez ces versions. C' est aussi très cool. Donc, dans cette leçon, vous avez appris ce que sont les cookies ? Comment les créer, comment servir les valeurs. Mais comment, vous savez, récupérer ces divers plus facile comment les créer un peu plus rapidement. Retirez-les un peu plus vite parce que si vous deviez le faire à chaque fois, la même façon pour les cas médicaux serait juste enlever beaucoup de temps aux seigneurs. C' est pour ça que nous allons créer dans les prochaines leçons, des fonctions spéciales qui vont vous faire le faire. Les cookies sont assez importants. Je pense le savoir. Mais nous allons nous concentrer sur la création de fonctions qui vont vous faire travailler avec eux que vente fait Westen. Merci beaucoup. 58. Créer une fonction cookie: Bonjour. Dans cette leçon, je vais vous apprendre comment créer une fonction qui va vous faire créer des cookies. Foster, faisons-le. Créons une fonction que nous appellerons fonction, créons un cookie. Et c'est un argument. Prendra ici la valeur Nom les jours. Non, nous devons créer une cuisine si facile à faire des choses comme ça. Et on veut juste changer ici. Maintenant, ce nom va être spécifié par la personne qui envoie que deux a fait volume de fonction comme , par exemple, bien, nom ou prénom ou âge ou d'autres choses comme ça, droit. Et pas de salle de jeux, nous avons besoin de vous. Les valeurs vont le changer, Père. Vous plus, euh, et quoi ? On peut faire quelque chose avec le temps, mais faisons-le plus tard parce que c'est un peu plus compliqué. Faisons quelque chose rapidement, Puff nous avons juste comme ça. Donc, quand vous le faites de cette façon, nous pouvons juste maintenant la cuisine créative. Je veux créer un cookie avec le nom um ce h 26. Peu importe. Et quand on te rafraîchira, va tirer en arrière. Supprimons les cookies de la dernière leçon créée cuisine. Comment créer un cookie n'est pas une fonction créer un cookie n'est pas la fonction qui le problème est que pris d'Adidas. Un nom comme toi. Oh, crée un fond de biscuit. C' est de bonnes bouteilles de fond. D' accord. Bouton Barton. Ok, comme vous pouvez le voir maintenant, nous avons votre âge pour entrer six ans. Cela fonctionne, de sorte que vous pouvez facilement maintenant créer des cookies sans penser à ce bizarre. La façon vraiment très bizarre de créer des cookies peut en créer un autre, et il va être créé très rapidement. C' est très, très utile, bon baume. Et maintenant, quand vous avez dit quelque chose sur les jours, si je n'envoie pas de jours ici, comme vous l'avez remarqué, nous n'avons pas un proche. Mais cette chose est alors définie afin que nous puissions vérifier si les jours ce n'est pas indéfini que je voudrais aussi faire quelque chose comme ça expire. Date d'expiration viol Au début, il n'y aura rien. Donc on peut facilement l'ajouter ici, n' est-ce pas ? Et cela n'affectera pas du tout notre manteau, parce que nous ne recevons rien. Mais si il ya quelque chose vous envoyé s'il ya des jours depuis que vous Dan, nous pouvons faire quelque chose comme, par exemple, création d'une date d'expiration de la cuisson comme ça et nous pouvons définir ici combien de jours nous voulons ajouter. Alors, comment le faire ? Eh bien, nous pouvons utiliser à la place de l'heure définie ladite date aan den toe ici dit obtenir date heure et juste adhérer jours. Droit ? Et maintenant, nous avons besoin de créer nous orteil assigné à la date d'expiration nouvelle valeur qui va être interprété ici. Normalement, nous ne ferions que taper ici. Quoi ? Quelque chose comme ça, non ? Tout comme nous avons besoin du point-virgule. Donc, nous serions juste taper quelque chose exactement comme qui expire égale date d'expiration, pâte à biscuits difficile, chaîne UTC. Et il va être ajouté ici si quelqu'un est spécifié ici. Donc si je veux que ce type ait 30 jours et 20 ans, tu ne l'es pas. N' est-ce pas maintenant quand je crée un cookie, il va expirer dans 20 jours. Donc c'est très utile, non ? Nous pouvons maintenant créer un cookie avec 20 jours d'expiration instantanément sans penser à ce code à nouveau. Ok, donc c'est comme ça que vous créez un cookie. Voie rapide. Dans la leçon suivante, je vous montre comment supprimer un cookie. Un compagnon rapide. Ce n'est que la leçon. Merci beaucoup. 59. Supprimer une fonction cookie: Bonjour. Aujourd'hui, je vais vous montrer comment créer une fonction qui va supprimer un cookie. Voie rapide. Pour le faire, nous allons créer la fonction qu'on appellerait. Retirez Cookie, et nous retirons juste un nom du cookie. Vouliez-vous supprimer ? On retire le fonds que Cokie, en faisant quelque chose comme ça, on a juste besoin de savoir Changer ça, penser à nommer. En plus, c'est bon. Nous sommes assis la date d'expiration à la date réelle du véhicule. Faites un peu plus d'opérations. Il a raison, par exemple, le mettre au jour qui est déjà arrivé. Mais nous n'en avons pas besoin, parce que le temps passe sur le chemin. Et on vient de dire que le nom de la cuisine expire bombe par bombe. Mais vous devez aussi toujours vous rappeler que cela va seulement supprimer les cookies qui ont mis pop à ça. Tous les cookies possibles. D' accord. Si vous créez un cookie sans ce chemin sans utiliser la méthode de cuisson de création, alors vous pouvez avoir un problème, car le chemin que vous pourriez avoir tort. Donc, prenez dans mon toujours Donc quand nous l'utilisons maintenant, par exemple, enlever la cuisson, nous pouvons supprimer, par exemple, cookie d' âge qui est poussé dehors. Rafraîchissons ici et la crème de cuisson. Créer la cuisine. Véritable carrière de cuisine. Cokie Remco travaille, donc c'est bien que ça va écouter. Merci beaucoup. 60. Cookie - récupérer la fonction: Bonjour. Aujourd'hui, je vais vous montrer comment créer une fonction qui va vous faire récupérer la valeur des cookies en spécifiant la clé de la cuisson. Bon, alors saluons la fonction qui s'appellera Get cuisine par nom de clé. Et je viens de vous envoyer et ils vont bien, alors comment le faire d'abord ? Regardons à quoi ressemble le cookie lorsque vous faites quelque chose comme ça dans le HTML interne avant et nous vous avons envoyé la cuisine de document. Vous ne le ferez pas. Est-ce que vous avez avec votre mission lorsque nous avons créé plus de cookies et nous sommes rafraîchis. Comme vous pouvez le voir, nous avons, mais certainement pour l'astuce. Âge de 26 ans. Donc nous pourrions être ici un point-virgule et ensuite un espace si nous avions plus de cookies. Donc on a fait quelque chose comme ça. Nom sur. Maintenant, voici Kaddish. Vous remarquerez que cela n'a pas été créé. La cuisine ? Oui. Créer une cuisine. Nous sommes à nouveau cyniques sur cette base. Ça veut dire qu'on pourrait bien se séparer. Nous pourrions diviser cette chaîne car il y a une chaîne en clé de valeur clé. Une valeur clé sur vous. Comment le faire. Eh bien, nous pouvons justice si, comme ce document cuisiner cette séparation et ensuite point-virgule dans cet espace. Donc, à cause de ça, nous avons du bien. Maintenant, une zone de cookies quand le retourner faire quelque chose comme ça sur la frappe enfant. Peu importe. Parce que le nom n'est pas utilisé que maintenant, Comme vous pouvez le voir, nous avons Inari. Qui saura ici, la virgule sur quand nous faisons quelque chose comme les cookies hors zéro. Nous avons un nom aigre avec Logique, et nous faisons des clés sur une. On avait un bon âge. 26 Quand nous faisons des cookies ont ici. bons noms sont Kaddish, non ? Tellement bien. Tous les cookies ici ? Non, mais en ce moment on veut diviser la clé en utilisant ce que vous pensez être égal. Ok, donc tu veux diviser huit par jours, non ? Et à cause de ça, on va avoir quel nom ? Viens dans notre chalet. Et puis nous pouvons obtenir, par exemple, le premier sur la clé. Mais quand on fera quelque chose comme ça, on aura le volume, non ? D' accord. Donc nous pouvons utiliser ces informations parce que nous devons aller à tous les cookies pour trouver celui avec le nom comme leur nom qui va être envoyé ici. Par exemple, lorsque nous tapons votre nom de famille, je veux y arriver. Quelle est la valeur du billet ? Droit. Donc dans utilisé, par exemple de quatre lope. Nous devons donc aller aux cookies pour tous. Donc c'est à ça que notre état va ressembler à incriminer que je chaque boucle Andi Okay, donc nous avons besoin de savoir Check oh plus vite et m'a fait partager la cuisine Donc cookies off je partageons huit par ce signe et que l'enregistrement entré pour des exemples variable cookie plaquée. Donc, sachez exactement ce qu'on a, non ? Divisez la cuisine. Et maintenant, nous allons créer en label privé que nous représentons le nom du cookie. Donc fougueux Cookie Nom Cookie Nom de la clé. Eh bien, ce sera encore plus. Spécifiez un nom spécifique. Le nom de la clé de cookie est le premier. Le 2ème 1 est le volume des cookies, mais bien, nous n'avons pas besoin de manière. Vous n'avez pas besoin de valeur pour obtenir de la valeur parce que ce sont les juges du temps, n'est-ce pas ? Et si le nom n'est pas juste, donc si le nom est égal au nettoyage de cuisson, alors oui, nous pouvons faire quelque chose comme la création de volume de cuisson, qui est plaqué cookie Dans le deuxième index, qui est un et vous pouvez il suffit de retourner le volume des cookies ici. Droit ? Et à cause de ça, vous pouvez voir qu'on a quelque chose. Qu' est-ce que tu veux qu'on mange comme ça pour avoir un nom ? On a juste gagné. Nous avons été, euh, kaddish. Génial, non ? Cette fonction va vous faire gagner beaucoup de temps parce que vous devrez le faire chacun à une poignée. Obtenir quelque chose du cookie. Il y a aussi quelque chose avec l'école, stockage local, qui est plus facile à utiliser. Vous n'avez pas besoin de créer des choses comme ça parce qu'elles sont articulées. Mais regardez, un stockage n'est pas quelque chose qui peut également être utilisé par PHP. Par exemple, les cookies peuvent être utilisés par PHP par Travis keyed par Well ah, puis le web de langue, en développant un langage qui peut y accéder et a obtenu un p a pour cela. Ok, écoutez, les autorités juste pour javascript, c'est plus facile à utiliser, mais c'est aussi supporté. Si vous voulez faire quelque chose localement, vous pouvez en apprendre davantage sur le stockage local. Si vous voulez faire quelque chose localement, Ce sera que je vais en parler dans le cours HTML cinq à l'avenir, parce que ceux-ci de html cinq Ok, ce n'est que cette leçon. Merci beaucoup. 61. S'échapper: Bonjour, là. Les valeurs que nous avons utilisées jusqu'à présent étaient assez faciles, mais faciles. Je veux dire, le quand Pas de caractères spéciaux ici, nous n'avons pas utilisé, par exemple, caractères qui pourraient être interprétés par, par exemple, javascript un peu différent. Par exemple, le point-virgule à l'intérieur. C' est vrai ? Lorsque nous faisons quelque chose et que nous adhérons, quelque chose comme ça serait un frais et nous créons un cookie. Comme vous pouvez le voir, il n'apparaît pas ici juste quand on prend un nom aigre. Comme vous pouvez le voir, nous avons été en congé sans ruse parce que le point-virgule est réservé, vous savez, a-t-il été conçu après le même appel ? Il devrait y avoir quelque chose comme une nouvelle clé. La vie, par exemple, expire sur quelque chose de puissant que ce n'est pas quelque chose qui à coup sûr. Et il y a beaucoup de caractères spéciaux comme ça lorsque vous, par exemple, voulez envoyer un U. R l au cookie A pense comme s'échapper comme l'encodage est très important. Vous pouvez simplement le faire en utilisant la fonction qui est appelée manteau Inco. Vous êtes un composant. Vous juste que j'ai été sur la valeur à cause de lui, et vous pouvez voir maintenant nous l'avons ici, ese mais nous devons aussi nous souvenir après. Si nous en manteau dans la création de la cuisine, nous devons aussi décoder leur volume de cookies plus tard parce que donc il va être interprété correctement . Vous pouvez voir maintenant nous pouvons utiliser les caractères spéciaux assez facile sur et c'est comme ça que vous le faites. Ce n'est que la leçon. Merci beaucoup. 62. Fenêtres Popup: Bonjour. Aujourd'hui, je vais vous montrer à la boîte d'information est celui qui montrera le message que vous avez dit qu'ils voulaient. Nous demandons à l'utilisateur si problème de faire quelque chose, et s'il ne l'est pas, il peut choisir que l'option du conseil ou quand il est sûr qu'il peut choisir l'option correcte. Et aussi à propos de l'invite. C' est juste demander à l'utilisateur d'entrer. Ok, donc ce sont des méthodes de pieds comme ça et vous pouvez les utiliser en utilisant la fenêtre. Cela, puis le nom de la méthode. Donc, comme vous pouvez le voir, méthode comme alerte, confiant, confiant, invite est à l'intérieur de la fenêtre. Mais parce que la fenêtre est dans global, vous pouvez était portée globale. Tu peux taper Allard qu'on a utilisé Allah a fait plusieurs fois, pour qu'on puisse taper des trucs comme Hello, Irak. Et quand nous nous rafraîchissons, comme vous pouvez le voir, nous avons reçu le message. Bonjour, Eric. Si vous voulez faire un côté d'entrée, vous devez savoir que pour le faire, vous devez utiliser la barre oblique inverse. Et comme vous pouvez le voir maintenant, nous sommes entrés. Sinon, il ne sera pas en mesure de le faire. Ok, alors qu'est-ce qui se passe avec le venu quand tu comptes pour lui. Vous confirmez simplement si l'utilisateur est sûr de quelque chose pour que vous puissiez demander. Êtes-vous sûr de dilater votre compte ? Eh bien, c'est une chose très, très importante. S' il se réjouit de son récit par erreur, bien, il pourrait être un problème, non ? Parce que toutes les informations peuvent être supprimées. Donc, voilà, nous avons une once pour répondre. Et comme réponse, si, comme vous pouvez le voir, il clique sur OK, nous aurons dans ces variables. Vrai. S' il pouvait ex conseil, on aura l'enfer. Faux. Donc, quand je clique sur OK, je peux dire quelque chose. Comme si la réponse est correcte. Rien dans la condition que ce pas faux Pâques, non ? Donc si vous répondez alors nous pouvons dire quelque chose comme au revoir. Ok, quelqu'un qu'il recréera son compte. Alors, donne-moi, c'est comme ça que ça marche. Sinon, quand il clique sur le cancer, rien ne se passe, non ? Vous pouvez nous faire si vous voulez faire quelque chose de spécial. Si vous gardez clics conseil comme faire votre esprit eso vous pouvez le faire Vous pouvez demander à personne sur certaines choses très importantes qu'il ne fait pas votre site Web S'il est sûr d'eux ok. Et il y a aussi une invite Nous pourrions faire quelque chose comme prompt. Quel est votre nom et votre variable ici. Nous aurions le résultat de l'invite et nous pourrions décider comme alerte. Au revoir. Résultat. Ok, donc comme ça. Et maintenant, quand tu te rafraîchis Ok. Quel est votre nom ? Je m'appelle euh, Kaddish. Au revoir, notre Kardashian. Donc, ce n'est qu'une invite. C' est demander à l'utilisateur de l'entrée. Il y en a une qui profite à ces fenêtres. Comme vous pouvez le voir, je peux faire pour lui dire n'importe quoi. Quand ? Quand ça arrive. droite. Et parfois vous voulez qu'il ressemble à eux, mais la plupart du temps en deux. Membre, vous ne voulez pas utiliser toutes ces choses du tout. L' allergie est bonne pour le débogage. L' invite n'est pas bonne du tout. Venez ferme est bon pour très, très confiant, montré toutes les choses très importantes. Une fois, quand l'utilisateur va capacités, je ne peux pas par erreur. Ça va faire des problèmes. Droit ? Alors peut-être que la confusion est bonne, mais seulement savoir en ce moment c'est que les gens inventent une meilleure solution pour des choses comme ça. Quoi ? Tu pourrais,par exemple, montrer une boîte en bas, non ? Tu pourrais, par exemple, montrer une boîte en bas, Et tu dirais quelque chose. Tu es sûr de ce truc ? Si ce n'est pas le cas, cliquez en arrière et il reviendrait juste en arrière et tout sera inversé directement sur. S' il ne grince pas, la boîte disparaîtra au bout de quelques secondes. C' est dur de dio. Non, nous aurions juste besoin de créer une boîte ici, puis commencé à afficher non. Et s'il clique sur quelque chose que cette image, il change à partir de l'affichage non au bloc d'affichage. Et puis le message sera montré. S' il clique sur l'envers, on a juste besoin de l'orteil défaire ce qui a été fait. Donc, par exemple, quand il ajoute, alors nous pouvons juste sous-traiter correctement. Et tu pourrais juste commencer ces informations quelque part. Et s'il ne fait rien après, par exemple, 10 secondes étaient ainsi en utilisant le temps défini. Admets-le, on pourrait faire disparaître ces boxes. C' est votre exercice pour le disque A. Pour cette leçon. Je pense que cette solution est meilleure pour demander des choses. Eh bien, peut-être pas pour ça en compte, mais pour, vous savez, choses simples que l'utilisateur fait parce que quand, par exemple, il supprime des enregistrements, droit ? Eh bien, c'est quelque chose qui pourrait causer un problème, non ? Mais la vérité est que quand quelqu'un crie enlever le il aurait besoin d'orteil chaque fois Creek accent. Actif, actif, actif, actif. Ça prend son envol cette fois, non ? Et qui par homme, j'en suis sûr. Pourquoi ai-je besoin de te le dire à chaque fois ? Il est donc préférable de montrer une boîte et de demander justice. Retirer. Oh, c'est vrai. Je dois inverser ça. Ok, c'est une meilleure solution. Je pense que ce n'est que la leçon. Merci beaucoup. 63. Méthodes de mathématiques - Valeurs arrondies: Bonjour. Aujourd'hui, je vais vous montrer des méthodes mathématiques utiles que vous ne pouvez probablement pas utiliser dans votre aventure hors programmation en javascript. Ainsi, la première méthode est appelée autour de laquelle l'Iran est le nombre au plus proche en enseignant. Parfois, vous pouvez avoir un entier ressemblant à ça, mais vous voulez l'avoir comme un entier entier complet. Droit ? Alors, comment le faire ? Tu as juste quelque chose comme les maths autour. Et comme vous pouvez le voir, nous avons maintenant ici pour cela est arrondi au premier chiffre ici. D' accord ? Et c'est arrondi en maths, ce qui veut dire que si tu as quelque chose comme ça, tu verras libre. Si tu as quelque chose comme ça, tu es nazi aussi. Ok, donc moins de cinq ici dans la première position après le point. Ensuite, nous voyons toujours le numéro de ce problème. Si le nombre après le point est supérieur à cinq. Oh, tu sais, après cinq ans, par exemple, un. Alors tu verras libre. Vous avez aussi, quelque chose de bon est appelé plafond. Le plafond est dans notre maison, non ? Donc vous courrez toujours. Donc si tu fais quelque chose comme ça, tu verras toujours le libre dans une situation comme ça. Même comme vous pouvez le voir, il fonctionne comme si ce plancher fonctionnait un peu différemment parce que le sol est en bas dans notre maison . Donc vous courez toujours vers le bas. Donc, quand vous avez même 2.99999, vous verrez toujours aussi. Et vous avez aussi le quelque chose qui note la bibliothèque de mathématiques, mais est très utile. Et je pense que je devrais en parler maintenant parce que, comme vous pouvez le voir, nous sommes arrondis à un seul chiffre. Que faire si je veux garder les choses qui sont après le point Et si je veux ? Même s'il n'y a pas de choses après ça pour montrer des zéros. Donc, par exemple, quand je fais quelque chose comme ça, hum, sans mon plancher vous n'êtes pas, c'est que nous avons obtenu ce 0000 OK, parfois vous voulez garder comment les choses sont imprimées sur votre site Web et qui à cause de cela , vous dites simplement qu'il doit être réparé. Doit être toujours position libre après le point et aussi cela signifie aussi que si vous allez faire quelque chose neuf 677 il a besoin que nous avons travaillé neuf gratuit et aide parce que sept est plus grand que cinq. Donc ça va être un et comme vous pouvez le voir maintenant nous avons raison. Donc, il est aussi en cours d'exécution, mais la partie qui est après le point OK, et ceci est différent avec n'est pas dans la bibliothèque mathématique. Mais même si je ne vous aidais pas maintenant, vous sauriez probablement entendre parler de ce serait difficile de trouver cette fonction parce qu'il est difficile de la trouver, ok. Et il y a aussi un B nous, ce qui signifie valeur absolue, ce qui signifie toujours tiré positif. Vous voulez parfois modifier la valeur. Est-ce que ce négatif négatif. Donc, faites quelque chose comme ça à la valeur du dispositif. Donc, comme vous pouvez le voir maintenant, c'est positif. Dis même qu'on a bien ton moins. Pense comme ça sont utiles lorsque vous voulez, par exemple, faire des valeurs sous-strictes et le résultat est négatif lorsque les résultats devraient être positifs parce que, par exemple, vous voulez vérifier comment, um comment les hommes dans combien de temps est la partie d'un endroit à un autre sur l'Europe, par exemple, écran droit lorsque vous cliquez ici et puis ici et vous, par exemple, sous-ensemble le nombre d'ici, vous aurez la valeur positive. Mais si vous vous arrêtez comme d'abord, ces valeurs de cette valeur. Ainsi, par exemple, vous avez ici, par exemple, pour 300 pixels. Si vous avez 500 choix est alors vous avez une valeur négative. Mais la sous-structure dans de ceux-ci cette différence devrait être positive dans la manière. Droit ? Donc, un bs est utile pour des choses comme celle que vous avez aussi, quelque chose va discuter de la puissance de manchon afin que vous puissiez obtenir par exemple Hey, Je veux avoir le, um ils sont libres de la mise hors tension, par exemple gratuit. Donc, cela signifie que nous avons ici 27 droit libre multiplié par des multiplis libres très libres. Et il y a aussi quelques problèmes. Lorsque vous faites des choses comme ça, vous devriez savoir que dorénavant, le type hors du type de est une méthode qui va vous donner le type de la variable. Comme vous pouvez le voir chaîne de la maladie. Quand vous le faites de cette façon, vous avez un bon nombre, et parfois vous pouvez avoir des chaînes comme moi et parfois des gens peuvent acheter des types mystiques. Je pense bien, et à cause de ça, quand tu le fais, même quand tu fais quelque chose comme, par exemple, les maths autour. Comme vous pouvez le voir, nous avons bien connaître le nombre. Donc, cela ne fonctionne pas sur des choses comme ça, mais vous pouvez alimenter. Donc, nous pouvons, par exemple, parties pour entier toute cette chose et à cause de cela. Comme vous pouvez le voir, cela fonctionne bien, parce que cette fonction va prendre la partie qui ressemble à un entier. Et cette partie, c'est ça. Si vous faites les pièces flottent, il faudra aussi des nombres après le point Donc, il ne voit pas la fonction rand, parce que ce tour seulement à l'inter gingembre sans le point eso Nous allons utiliser cela pour corriger en ce moment , donc x deux fixe et nous faisons quelque chose comme, par exemple, numéros gratuits. Et c'est quelque chose de carte comme ça, vous pouvez voir que nous pensons libre que 1 à 5 sans les pièces flottent. Cela ne fonctionne pas parce que nous ne pouvons pas travailler avec la chaîne comme un nombre, non ? Donc parfois taper les choses sont importantes. La plupart du temps en javascript, vous n'avez pas besoin de vous inquiéter, mais dans des situations comme ça, c'est important parce que bien, parfois vous pouvez prendre, par exemple, qui ont la classe, et vous peut avoir un ensemble de 50 six. Et si vous voulez seulement ce contraste 56 pièces le bon. D' accord. Sur et comment faire des nombres aléatoires. C' est très, très important. Sujet en parlera plus dans la prochaine leçon. Dans cette leçon, je voudrais juste vous montrer que ce retour de la valeur comme ça quand je vais continuer rafraîchir le site Web que vous pouvez villes est en train de changer à l'Iran, le nombre ressemblant à ça. Et nous devons changer en quelque sorte pour, par exemple, des nombres de 0 à 10. Et nous pouvons utiliser quelque chose comme ça pour, par exemple, pour, par exemple, citations généralement aléatoires sur vos sites Web ou quelque chose de aléatoire, peu importe. C' est ainsi que vous créez un autre numéro. Mais nous devons aussi savoir comment créer, avoir un orteil, le rendre meilleur. Comme si vous voulez le changer d'un nombre comme ça à, par exemple, pour libérer 45 Et cette chose fera la prochaine leçon. Il y a beaucoup, beaucoup, beaucoup plus de choses dans les mathématiques. Comme, par exemple, vous pouvez venir le coût des personnes âgées et d'autres choses comme celle La Guardia. Mais la vérité est que dans bien, je vais chasser 95%. Vous n'utiliserez pas ce genre de choses. Si tu en as besoin, vas-y en maths. Re étranger. Il suffit de taper la grand-mère amis libres JavaScript et vous trouvez toutes les méthodes. La plupart du temps. Tu as juste besoin de les utiliser. Il y a le plus important. Ne fais pas cette fois. Je cherche quelque chose dont tu n'as pas besoin. Droit. Ok, il n'y a que cette leçon. Merci beaucoup. 64. Génération de numéros aléatoires: Bonjour. Dans cette leçon, je vais vous montrer comment générer un nombre aléatoire. Pour le faire, vous devez utiliser le manchon autour d'eux fonction. Et comme vous pouvez le voir quand je parle du site que vous n'êtes pas, c'est que nous avons un chiffre bizarre . Le nombre est très grand après le point mais il y a toujours zéro ici. Donc, ce nombre est toujours entre zéro et un. Le problème est que ce n'est pas très utile pour nous, est-ce pas ? Nous voulons la plupart du temps un entier. Nous voulons avoir 012345 Donc, nous pouvons l'utiliser, par exemple, comme un index pour Inari. Donc, nous pouvons montrer, par exemple, à partir des citations de zone ou quelque chose comme ça. Eh bien, pâte et exercice comme ça dans la prochaine leçon. Mais dans cette leçon, apprenons comment générer correctement ces nombres. Donc, pour obtenir maintenant,par exemple, par exemple, nombres plus grands, je suggère de le multiplier par, par exemple, comme vous pouvez le voir maintenant, nous avons de bons nombres entre zéro et deux. Donc oui, ça commence plutôt à fonctionner mieux et bien, nous voulons juste partir avec cette partie du numéro, et nous allons le faire en utilisant le My floor important maintenant, Comme vous pouvez le voir, nous avons de bonnes nombres compris entre zéro et un. Donc, si je vous tape par exemple cinq, vous remarquerez que nous avons des nombres entre zéro et droit. Ok, donc c'est très cool, parce que vous pouvez générer un nombre assez facile entre zéro et cinq. Mais comment pouvons-nous générer des nombres qui ne sont pas entre zéro et un certain nombre ? Droit. Si vous voulez avoir zéro et 100 entre zéro et 100, tapez simplement. Ça sonne comme ça, non ? Et ils doivent entre zéro et 100 si vous voulez. Entre zéro et 11 ou zéro, il suffit de taper deux. Donc vous avez juste remorquer, genre, moins un bon résultat dans cet arrêt. Mais si vous voulez obtenir en quelque sorte des nombres de, par exemple un et gratuit comment le faire ? Que se passerait-il si j'en ajoutais un ici ? Cela signifie que le minimum en ce moment est un droit. Eh bien, si ici est zéro point quelque chose, quelque chose comme le sol va le porter à 00 plus un est toujours un. Donc cela fait que les nombreuses lune en ce moment est un droit ? On est en train de le faire. Donc c'est sur Lee un si je tape ici au minimum est en ce moment aussi deux. Et la chose que j'ai ici est celle qui dit que nous allons avoir le numéro à partir de maintenant, non ? Donc, chaque type ici libre, il sera entre libre et quatre. Si vous adhérez un de plus comme ça, nous serons entre libre et cinq. Si j'avais ici un de plus ce sera beau Win entre libre et, euh cherche droit fonctionne bien. Donc c'est comme ça que vous évaluez congénitale ce que vous voulez avec le nombre aléatoire. Mais la plupart du temps, vous voudrez simplement générer des nombres de zéro à par exemple Ah, 10 pour 2030. Ou parfois, vous voulez simplement sauter le plus de temps. Vous ne pouvez pas d'une certaine manière en javascript à partir de zéro Lorsque vous voulez générer des nombres, vous voulez la plupart du temps l'avoir de compter à partir de zéro et utilisera cette méthode qui dure Lesson est allé où nous générerions citation aléatoire que la vente de la leçon. Merci beaucoup. 65. citations aléatoires: Bonjour. Dans la dernière leçon, vous apprenez comment créer un nombre aléatoire en utilisant la fonction aléatoire. Pour le faire, vous avez juste besoin de taper ici le bon. Préparez les numéros qu'il veut obtenir. Donc si tu veux obtenir le numéro de zéro à gratuit, tu vas taper quelque chose comme ça ? Vous n'avez pas besoin de ça zéro ici pour qu'on puisse taper quelque chose comme ça. Et aujourd'hui, je vais vous montrer comment créer un programme. Le script A qui va montrer à l'utilisateur des citations aléatoires sur votre site Web quand il visite votre site Web. Il va voir à chaque fois, un manteau aléatoire et ici j'ai quatre citations cool. Je pense qu'une personne qui n'a jamais fait d'erreur n'a jamais rien essayé. Vous allez le payer et nous allons créer une variable que nous stockons notre devis. Je pense que cela devrait être un domaine parce qu'on peut les remuer là-bas et je mourrais juste , mais ici comme ça. Peu importe à quel point vous allez lentement tant que vous ne vous arrêtez pas. Ok, c'est très cool. Alors enroulez la suivante. Nous pouvons rencontrer beaucoup de défaites, mais nous ne devons pas être vaincus. Ok, ajoutons ça à nos citations. Et si vous pouvez le rêver, vous pouvez le faire. Alors faisons-le comme ça, idiot. Et maintenant pourquoi j'ai ajouté à une zone Parce que regardez ici en ce moment, nous générerions des nombres de zéro à libre. Droit ? Zéro Vous voulez libérer ? Hé, c'est ce qu'on veut. On ne peut pas l'utiliser comme ça. devis. On est sur le numéro inférieur. Et comme vous pouvez le voir maintenant nous avons aléatoire Ce qui sur notre site a pleuré, n'est-ce pas ? Maintenant, nous pouvons ajouter aussi nos alters comment se connecter. Citation avec alters. Nous pouvons simplement créer une autre variable que nous appelons , par exemple, modifie et bien, juste un signe ici. Auteurs, si le même ordre. Donc, Albert Einstein conflit Confucius, peut-être que je le lis mal. Donc je suis désolé. Je ne connais pas certaines de ces langues. Ok, donc, comme ça. Et maintenant, vous pouvez simplement taper quelque chose que cette citation et puis vous pouvez taper quelque chose comme modifier électeurs de droite hors nombre aléatoire qui a été généré application, Topia. Comme vous pouvez le voir maintenant, nous avons une bonne citation aléatoire et l'autre bien sûr, vous pouvez le faire paraître mieux et c'est votre exercice. Créez vous, Dave, je, par exemple, citation Et à l'intérieur de ceux-ci, il devrait avoir deux travées, par exemple, pour l'extérieur et aussi pour la citation et. Et par exemple, faites la citation avec le CSS Stites pour le mieux. Donc, il est, par exemple, écrit en italique et l'extérieur serait, par exemple, en gras. Et ce serait plus petit. Droit ? Et vous devriez insérer dans despond au lieu de l'insérer comme ça. Ah, la citation à l'automne cette zone cette leçon. Merci beaucoup. 66. Emplacement de fenêtre: Bonjour. Aujourd'hui, je vais vous montrer comment obtenir l'emplacement que vous êtes l l'endroit où votre utilisateur est dans votre site Web la bouffée Comme vous pouvez le voir dans l'ordre ensemble, vous venez de taper l'emplacement de la fenêtre et bien nous avons Bon puis le chemin avec le domaine avec le sous-dossiers avec le dans la demande vocale ici et pensez comme ça est utile parce que vous pouvez également le changer en utilisant la fenêtre, cet emplacement quand quelque chose comme ça serait utile. Par exemple, créons un lien vous-même. Eh bien, changez d'endroit. Par exemple, exemple html. Ok, donnons-lui un 19. Créons votre html cinq. Andi, quand je clique dessus, comme vous pouvez voir où Changer le site Web Et si je voulais faire quelque chose avant d'aller sur ce site, non ? L' utilisateur a changé quelque chose sur le site Web. Je veux que les orteils lui permettent d'y aller. Mais seulement après avoir fait certaines choses dans le script Java ? Vous devez faire quelques opérations avant de lui permettre d'y aller. Comment le faire Eh bien, pour le faire, nous devons obtenir cet échantillon. Donc, obtenons-le en utilisant l'élément get par I d. Et maintenant nous devons changer le propre clic même parce que nous pouvons utiliser l'objet pair dont nous parlons. Vous pouvez également utiliser la méthode par défaut éprouvée qui empêche le comportement par défaut. Donc pour l'instant, on n'ira pas à l' université comme ça. Le problème est maintenant que comment changer après avoir changé les choses que nous voulons faire, faire, que vous allez bien, Comment changer l'emplacement. Eh bien, imaginons que nous avons ici des opérations d'hommes comme, ah que nous voulions faire. Et maintenant, nous voulons changer l'emplacement. Comment le faire. Nous avons juste gagné l'emplacement et nous changeons en HTML simple, n'est-ce pas ? Il est possible de voir quand Creegan il ne fonctionne pas assez bien. Le problème est que Hey, si je change la fille, je devrais le changer aussi dans la vache. Mais bonjour. Je connais le JavaScript. Vous connaissez aussi le JavaScript maintenant avant Parce que vous regardez toutes mes vidéos. Et vous savez que si nous sommes ici dans la variable exemple parce que c'est le gestionnaire de l'élément ici, non ? On peut utiliser quelque chose comme ça. Cela fera référence à cet exemple maintenant, et nous pouvons obtenir cet attribut ici. Alors obtenez l'attribut. La méthode oublie cette valeur. Droit ? Et vous pouvez simplement taper l'âge re Ferentz et ceux. Bon, maintenant, comme vous pouvez le voir, le lien fonctionne. Mais vous pouvez faire des opérations d'hommes avant d'aller à la dislocation. Ok, ce n'est qu'une bonne leçon. Merci beaucoup. 67. Préchargement d'images: Bonjour. Aujourd'hui, je vais vous montrer comment les images de chargement des orteils seulement quand ils sont nécessaires. Parce que parfois, lorsque l'utilisateur explique leur site Web, il ne voit pas toutes les images possibles qui commencent le début, est-ce pas ? Il ne fera pas défiler la plupart du temps. Et à cause de cela, vous pouvez enregistrer votre bandage. Et dans le même temps, l'utilisateur va charger votre site Web plus rapidement car il n'aura pas besoin de charger toutes les images possibles qui sont cachées quelque part, est-ce pas ? Vous pouvez les pré-charger. Vous pouvez les charger quand vous pensez qu'ils pourraient être bientôt nécessaires. Par exemple, quand il fait défiler vers le bas à droite quand il y a un rouleau, vous pouvez aussi aimer droit ? Parce que nous avons été inégales sur le défilement. On pourrait le faire avec un rival de parchemin, et le gars se déplace vers le bas et il est très proche de l'image jusqu' à la fin, vous savez, contenu. Et bientôt il devrait y avoir des images. Nous devrions pré-baisser les fichiers image parce qu'il ne le dirait pas ou quelque chose comme ça, ou nous devrions le précharger comme 500 pixels avant, non ? Quelque chose comme ça est aussi appelé, par exemple, quand quelqu'un a un curseur juste quand il ya un curseur avec des images d'argent que vous pouvez pré-loi a écrit. Vous pouvez charger les images visibles qui démarrent. Mais quand il y a plus d'images qui ne sont pas vues, vous pouvez les charger lorsque l'utilisateur va juste les dire bientôt. Droit ? Donc c'est là que vous utilisez quelque chose comme ça. Et maintenant, allons-y et faisons-le bien. Comment pré les bas peut-être enfant pour charger l'image uniquement avec JavaScript comment le faire. Donc, nous avons ici dif pour les images où nous allons commencer de nouvelles images, nous avons obtenu baton si la charge d'identification plus sur le bouton. Et nous avons l'image unique de ce début. droite. Ok, donc on a quelque chose comme ça. On vous a décharger la fenêtre. Nous avons une bonne charge dis, plus de bouteille et sur le clic, même nous allons invoquer cette fonction d'images pauvres et comment créer une image en javascript Pour le faire. Tu as juste besoin de faire quelque chose comme ça. Image Var. Nouvelle image. Ok, donc maintenant on a une image sans la source. Nous devons définir la source. Ok, alors comment le faire ? Vous tapez juste image cette source comme notre C et ensuite vous tapez la source de, par exemple ici, images barre oblique écran un J p. D. Et oui, donc nous avons bonne la source maintenant, Et voyons comment cela fonctionne quand vous allez tirer en arrière. Comme vous pouvez le voir, nous avons chargé chaque image. Et comme vous pouvez le voir, nous avons chargé contre un vert. Mais bien sûr, vous pouvez charger une autre viande. Donc quand je clique dessus, comme vous pouvez le voir, nous avons annoncé aller charger, non ? Plutôt génial. Nous l'avons chargé juste en cliquant sur ces bas. Ok, donc, um, quand en ce moment, on doit s'insérer dans notre site Web Comment le faire. Eh bien, prenons ces jours ici. droite. Donc, créons un gestionnaire pour cela, les obtenir et par des images idéales et maintenant avec quelque chose comme des images, et je pense que nous pourrions arriver l'enfant er ok. Nous ne devrions pas utiliser le HTML interne parce que nous allons le modifier plus d'une fois. Droit ? Et dans notre HTML est à nouveau analyser tout ce qui s'est passé, essayé sera plus rapide et nous descendons juste comme ça à propos ah, images dans l'enfant. Bien sûr. Ici, nous devons citer comment pourrait A oublie comme vous pouvez le voir maintenant quand nous cliquons dessus, nous chargeons l'image. Nous chargeons les mêmes moyens. Alors, comment charger d'autres images ? Nous pourrions, par exemple, créer une variable, j'entends. Et on pourrait juste insérer ici, non ? Bombe I plus plus donc on va juste l'augmenter à chaque fois. Alors regardons ça. Ça a commencé. devrait être un parce que vous partez d'un baume à droite et bombe, comme vous pouvez le voir. Nouvelle image bum à nouveau. Nouvelle image. Super. Maintenant, il y a plus de problèmes. Le problème, c'est que le fond ne bouge pas. Avoir à déplacer le bas à la fin de notre site Web Cette chaîne un peu Tout d'abord, nous devrions supprimer l'image de thèse. Eh bien, ce fond doit le faire. Ah, la charge Plus d'images est impliquée par la charge plus bas Donc, mais le bouton que je veux détruire je veux supprimer. Donc, cela fait référence à ce modèle et maintenant nous voulons aller à la note graciée. Donc, si vous utilisez la note parent, vous êtes dans le bâtiment et alors vous pouvez utiliser la méthode remove the child qui supprime enfant et nous pouvons juste en dessous de ceux-ci. Donc si quelque chose comme ça quand nous cliquons dessus, comme vous pouvez le voir, nous sommes et obtenir une nouvelle image ici tandis que le même ici, ici, ici, passer à Soviétique. Ne répétez pas, mais nous avons la nouvelle image, mais le bouton est supprimé. Ok, donc on n'a plus de bâton. Comment savoir à cette fête Retour à la fin, hors de notre site Web. Eh bien, nous devrions avant d'enlever ce bouton. Nous devrions également commencer le clone pour que nous puissions créer un bouton variable, um bouton, bouton bouton, charger plus. On devrait y aller. Peut-être charger plus de clone de bouton qu'il y a un meilleur nom et que nous avons besoin de cloner. Donc nous devons cloner ce droit ? Je veux dire à venir jours Kalon. Notez ceci et vous fonctionneriez. Tu ne le sais pas. Je ne vous l'ai pas montré. Et ça s'appelle juste le clonage. Est-ce juste se conformer à toutes les choses de la date des jours, qui est cette fois un peu plus bas, non ? Et quand nous devons mettre ici aflac vrai ou faux, le vrai signifie que nous voulons orteil copier tout à l'intérieur. Ainsi, par exemple, ce Texas a permis plus d'images. Si tu disais que ça tombe aussi. Nous avons des problèmes. Tellement désolée. Rappelez-vous de mettre le troupeau ici orteil à travers. Donc, en ce moment, nous avons obtenu ce fond conforme afin que nous puissions l'ajouter après, par exemple, en l'supprimant dans notre document. Et nous nous référerons au corps et ensuite nous réfèrerons l'enfant. On va charger plus de clone de boutons. Et comme vous pouvez le voir, quand je suis allé au cricket, nous avons une bonne main non plus. Le problème est que lorsque je clique à nouveau, comme vous pouvez le voir, cela ne fonctionne plus. Pourquoi ? Parce que le clonage ne signifie pas qu'on clonait aussi des paires attachées, non ? Donc, afin de le réparer, nous faisons juste quelque chose comme ça Après avoir griffé, je veux aussi arriver à nouveau. Toe Oakley sur clic même bombe bombe droite. Comme vous pouvez le voir, il craque cinq. Maintenant, quand nous cliquons à nouveau bien, nous avons sur les images libres. On ne devrait pas pouvoir cliquer dessus. Bon, donc nous devrions créer des conditions de désagrégation. Donc si je suis plus grand que quatre alors bien, inférieur à quatre, alors invoquez des choses comme ça, non ? D' accord. Bom bom bom. Cela ne fonctionne pas dans le plus droit donc nous n'avons pas un plus proche, mais la charge Plus d'images devrait disparaître après avoir connu l'après certaines choses comme ça . Si je suis égal orteil bien, pas égal à libre. Je n'invoquerais pas à nouveau l'opération de clonage. Donc cette partie ne sera pas invoquée Tout va bien ? D' accord. Donc, comme cette bombe beaucoup si Eisner est égal à libérer quelque chose ne va pas. Mais je ne sais pas ce que nous tombes bombe sensorielle inégale Si je ne suis pas équipé de libre, um, si je suis égal à trop loin donc bien sûr parce que nous avons l'incrimination ici. C' est pour ça que j'ai fait cette erreur. Comme vous pouvez le voir, même si vous êtes avancé, programmeur votre maison faisant des hommes dans beaucoup de moi six musique simple parce que vous pouvez le voir l'oeil après ça va avant. Donc, si nous ne voulons pas que ce soit pour une charge, plus d'images ont ralenti plus d'images. Et maintenant, comme vous pouvez le voir, fonctionne bien. On a chargé toutes les énergies possibles sur tout ça. Tu sais maintenant qu'on doit aller en discrète si tu veux. Nous voulons orteil avoir notre script, travailler avec de nouvelles images que nous adhérons. Donc, ce sont des scripts problématiques que vous pourriez mettre à jour Vie, par exemple. Quelque chose serait Scott Ajax. Vous pouvez ensuite vérifier à partir de leur base de données s'il y a plus d'images et obtenir des sources d'eux. Donc ce serait probablement une meilleure façon de faire des choses comme ça. Cependant, instant, nous ne connaissons pas Ajax. Et à cause de toi, tu dois monter le manteau comme ça ? Je pense que l'apprentissage est Écoutez, ces outils utiles à cause de cela. Vous allez dire sorcière de groupe et en même temps, améliorer l'expérience utilisateur sur votre site Web. Ce n'est que cette leçon. Merci beaucoup. 68. Préchargement d'images: Bonjour. Aujourd'hui, je vais vous montrer comment les images de chargement des orteils seulement quand ils sont nécessaires. Parce que parfois, lorsque l'utilisateur explique leur site Web, il ne voit pas toutes les images possibles qui commencent le début, est-ce pas ? Il ne fera pas défiler la plupart du temps. Et à cause de cela, vous pouvez enregistrer votre bandage. Et dans le même temps, l'utilisateur va charger votre site Web plus rapidement car il n'aura pas besoin de charger toutes les images possibles qui sont cachées quelque part, est-ce pas ? Vous pouvez les pré-charger. Vous pouvez les charger quand vous pensez qu'ils pourraient être bientôt nécessaires. Par exemple, quand il fait défiler vers le bas à droite quand il y a un rouleau, vous pouvez aussi aimer droit ? Parce que nous avons été inégales sur le défilement. On pourrait le faire avec un rival de parchemin, et le gars se déplace vers le bas et il est très proche de l'image jusqu' à la fin, vous savez, contenu. Et bientôt il devrait y avoir des images. Nous devrions pré-baisser les fichiers image parce qu'il ne le dirait pas ou quelque chose comme ça, ou nous devrions le précharger comme 500 pixels avant, non ? Quelque chose comme ça est aussi appelé, par exemple, quand quelqu'un a un curseur juste quand il ya un curseur avec des images d'argent que vous pouvez pré-loi a écrit. Vous pouvez charger les images visibles qui démarrent. Mais quand il y a plus d'images qui ne sont pas vues, vous pouvez les charger lorsque l'utilisateur va juste les dire bientôt. Droit ? Donc c'est là que vous utilisez quelque chose comme ça. Et maintenant, allons-y et faisons-le bien. Comment pré bas l'enfant peut-être pour charger l'image uniquement avec JavaScript comment le faire. Donc, nous avons ici dif pour les images où nous allons commencer de nouvelles images, nous avons obtenu baton si la charge d'identification plus sur le bouton. Et nous avons l'image unique de ce début. droite. Ok, donc on a quelque chose comme ça. Nous avons une fenêtre en charge. On l'a. Cette charge plus de bouteille et sur le clic, même nous allons invoquer cette charge. Les images médiocres fonctionnent et comment créer une image en javascript Pour le faire. Tu as juste besoin de faire quelque chose comme ça. Image Var. Nouvelle image. Ok, donc maintenant on a une image sans la source. Nous devons définir la source. Ok, alors comment le faire ? Vous tapez juste image cette source comme notre C et ensuite vous tapez la source de, par exemple ici, images barre oblique écran un J p. D. Et oui, donc nous avons bonne la source maintenant, Et voyons comment cela fonctionne quand vous allez tirer en arrière. Comme vous pouvez le voir, nous avons chargé chaque image. Et comme vous pouvez le voir, nous avons chargé contre un vert. Mais bien sûr, vous pouvez charger une autre viande. Donc quand je clique dessus, comme vous pouvez le voir, nous avons annoncé aller charger, non ? Plutôt génial. Nous l'avons chargé juste en cliquant sur ces bas. Ok, donc, um, quand en ce moment, on doit s'insérer dans notre site Web Comment le faire. Eh bien, prenons ces jours ici. droite. Donc, créons un gestionnaire pour ça, les obtenir et par des images idéales et maintenant, avec quelque chose comme des images, et je pense que nous pourrions arriver l'enfant euh ok. Nous ne devrions pas utiliser le HTML interne parce que nous allons le modifier plus d'une fois. Droit ? Et dans notre HTML est à nouveau analyser tout ce qui s'est passé, essayé sera plus rapide et nous descendons juste comme ça à propos des images ah dans l'enfant. Bien sûr, ici, nous devons citer. Comment pourrait-on oublier comme vous pouvez le voir maintenant lorsque nous cliquons dessus, nous chargeons l'image. Nous chargeons les mêmes moyens. Alors, comment charger d'autres images ? On pourrait, par exemple, créer une variable que j'entends et on pourrait juste insérer ici, droit Bomb I plus plus donc on va juste l'augmenter à chaque fois. Alors regardons ça. Ça a commencé. devrait être un parce que vous partez d'un baume à droite et bombe, comme vous pouvez le voir. Nouvelle image bum à nouveau. Nouvelle image. Super. Maintenant, il y a plus de problèmes. Le problème, c'est que le fond ne bouge pas. Avoir à déplacer le bas à la fin de notre site Web cette chaîne un peu. Tout d'abord, nous devrions supprimer l'image de thèse. Eh bien, ce fond doit le faire. Ah, la charge Plus d'images est impliquée par la charge Plus de boutons donc, mais le bouton que je veux détruire je veux supprimer. Donc, cela fait référence à ce modèle et maintenant nous voulons aller à la note graciée. Donc, si vous utilisez la note parent, vous êtes dans le bâtiment et alors vous pouvez utiliser la méthode remove the child qui supprime enfant et nous pouvons juste en dessous de ceux-ci. Donc, si quelque chose comme ça, quand nous cliquons dessus, comme vous pouvez le voir, nous sommes et obtenir une nouvelle image ici tandis que le même ici, ici, ici, passer à Soviétique. Ne répétez pas, mais nous avons la nouvelle image, mais le bouton est supprimé. Ok, donc on n'a plus de bâton. Comment savoir à cette fête Retour à la fin, hors de notre site Web. Eh bien, nous devrions avant d'enlever ce bouton. Nous devrions également commencer le clone pour que nous puissions créer un bouton variable, um bouton, bouton bouton, charger plus. On devrait y aller. Peut-être charger plus de clone de bouton qu'il y a un meilleur nom et que nous avons besoin de cloner. Donc nous devons cloner ce droit ? Je veux dire à venir jours Kalon. Notez ceci et vous fonctionneriez. Tu ne le sais pas. Je ne vous l'ai pas montré. Et ça s'appelle juste le clonage est juste conforme à toutes les choses de la date des jours, qui est cette fois un peu plus bas, non ? Et quand nous devons mettre ici aflac vrai ou faux, le vrai signifie que nous voulons orteil copier tout à l'intérieur. Donc, par exemple, ce Texas a permis plus d'images Si vous avez dit Il tombe trop. Nous avons des problèmes. Tellement désolé. Rappelez-vous de mettre le troupeau ici orteil à travers. Donc, en ce moment, nous avons obtenu ce fond conforme afin que nous puissions l'ajouter après, par exemple, en l'supprimant dans notre document. Et nous nous référerons au corps et ensuite nous réfèrerons l'enfant. On va charger plus de clone de boutons. Et comme vous pouvez le voir, quand je suis allé au cricket, nous avons une bonne main non plus. Le problème est que lorsque je clique à nouveau, comme vous pouvez le voir, cela ne fonctionne plus. Pourquoi ? Parce que le clonage ne signifie pas qu'on clonait aussi des paires attachées, non ? Donc, afin de le réparer, nous faisons juste quelque chose comme ça Après avoir griffé, je veux aussi arriver à nouveau. Toe Oakley sur clic même bombe bombe droite. Comme vous pouvez le voir, il craque cinq. Maintenant, quand nous cliquons à nouveau bien, nous avons sur les images libres. On ne devrait pas pouvoir cliquer dessus. Bon, donc nous devrions créer des conditions de désagrégation. Donc, si je suis plus grand que quatre alors bien, inférieur à quatre, alors invoquez des choses comme ça, n' est-ce pas ? D' accord. Bom bom bom. Ça ne marche pas dans le plus droit. Donc, nous n'avons pas un plus proche, mais la charge Plus d'images devrait disparaître après que vous connaissiez l' après après certaines choses comme ça. Si je suis égal orteil bien, pas égal à libre. Je n'invoquerais pas à nouveau l'opération de clonage. Donc cette partie ne sera pas invoquée Tout va bien ? D' accord. Donc, comme cette bombe beaucoup si Eisner Dick tout pour libérer quelque chose ne va pas. Mais je ne sais pas ce que nous tombes bombe sensorielle inégale Si je ne suis pas équipé de libre, um, si je suis égal à trop loin donc bien sûr parce que nous avons l'incrimination ici. C' est pour ça que j'ai fait cette erreur. Comme vous pouvez le voir, même si vous êtes avancé, programmeur votre maison faisant des hommes dans beaucoup de moi six musique simple parce que vous pouvez le voir l'oeil après ça va avant. Donc, si nous ne voulons pas que ce soit pour une charge, plus d'images ont ralenti plus d'images. Et maintenant, comme vous pouvez le voir, fonctionne bien. On a chargé toutes les énergies possibles sur tout ça. Tu sais maintenant qu'on doit aller en discrète si tu veux. Nous voulons orteil avoir notre script, travailler avec de nouvelles images que nous adhérons Donc ce sont script problématique que vous pourriez mettre à jour vie, par exemple. Quelque chose serait Scott Ajax. Vous pouvez ensuite vérifier à partir de leur base de données s'il y a plus d'images et obtenir des sources d'eux. Donc, ce serait probablement une meilleure façon de faire des choses comme ça. Cependant, instant, nous ne connaissons pas Ajax. Et à cause de toi, tu dois monter le manteau comme ça ? Je pense que l'apprentissage est Écoutez ces outils utiles à cause de cela. Vous ne pouvez pas dire bande sorcière et en même temps améliorer l'expérience utilisateur sur votre site Web . Ce n'est que cette leçon. Merci beaucoup. 69. Slideshows: Bonjour. Aujourd'hui, je vais vous montrer comment créer une tranche. O slash O est juste des images qui changent après quelques secondes. Quelque chose comme ça est très utile car vous pouvez afficher sur la page principale plus d'une image dans une position. Il est très utile dans les magasins afin que les utilisateurs puissent voir les promotions qui se déroulent sur cette boutique. Droit. Vous pouvez même mettre à jour ce fluep pour effectuer des transitions entre les images. Comme vous pouvez le voir maintenant, ça a l'air mieux, non ? Cette animation fera dans la prochaine moins en ce moment nous allons créer un simple diaporama qui ne fait que changer les images après quelques secondes. OK, donc nous avons dans l'index html Le léger a montré si et nous l'avons pris ici à ces variables et maintenant nous aimerions y insérer des images parce qu'au début nous n'avons rien,pas rien, vrai. Donc, nous voulons insérer leurs toutes ces images comment le faire. Eh bien, par exemple, nous pouvons créer un air I images sources et nous sommes juste taper vos sources écran droit un écran trop, et écran libre. Donc, c'est une bonne idée à ce jour a fait. De cette façon, on pourrait peut-être même utiliser. Vous savez que les nombres veulent libérer avec l'aérateur it afin que nous puissions créer la variable I et changer etcetera ferait quand les temps dans les leçons avant. Mais hé, les noms peuvent être différents. Parfois, vous voulez positionner l'utilisation. Vous voyez le chirurgien PDG Giant droits d'optimisation. Vous devez nommer vos images correctement, n' est-ce pas ? Alors faisons-le comme ça hors de cours. Vous pouvez également insérer des images ici au début à droite. Vous pourriez insulter les images ici, et si vous le faisiez, vous pourriez simplement les obtenir en utilisant le document. Obtenez la fenêtre de diaporama élément et juste aller dans la droite de la Chine, donc il n'y a pas de problème. Vous pouvez le faire dans les deux sens, mais lisons celui que j'ai choisi. Et maintenant, allons à toutes ces sources d'images. Et nous allons juste créer Chargons ces images à droite ? Donc, nous allons créer un quatre lope. Initialisons le I 20 Et si je suis inférieur à la longueur des points des images sources, juste à chaque fois après chaque itération après chaque fois, le look va passer par deux que je veux. Donc maintenant, nous pouvons, par exemple, créer une image temporaire ici et le faire poids mort. La section de l'image est donc très importante dans cette leçon. Nous avons créé une image, et maintenant nous pouvons définir la source de cette image créée. Pour l'image est un dossier comme ça. Et maintenant, nous avons juste besoin d'adhérer. Là, Amy. Juste source. Eh bien, très bien. D' accord. Comme ça. Et pas un que nous nous référons. Alors on va à la punaise de feu dans le manteau de filet. Comme vous pouvez le voir, les images sont chargées. Maintenant, nous avons juste besoin d'orteils pour les ajouter à nos armes. Donc, pour le faire, nous tapons juste un léger spectacle, renversons l'enfant. Et chaque fois que nous avons déraillé l'image qui a été créée ici, et comme vous pouvez le voir maintenant, obtenez toutes les images là-bas. Et si vous voulez ajouter une image de plus, il n'y a pas de problème Juste ici une virgule et le nom de l'image que vous adhérez, non ? Et ton programme va marcher. Trouve toujours Ok. Allons maintenant à ces cravates parce que je ne le chasse pas pour ressembler à ça. Je ne le fais pas. Je veux qu'ils soient placés l'un sur l'autre. Ok, donc pour le faire, on va au diaporama et aux images. Et on m'a dit que la position à absolu les moyens absolus de position. Ensuite, nous prenons les images hors de flot et leur position absolue pour le corps. Donc, en haut à gauche, à droite. Ce qui signifie aussi que lorsque nous adhérons, par exemple, les attaques ici vous n'êtes pas, est que cela prend juste disparu. Nous devrions donc aller au diaporama et mettre ici. Tout d'abord, le 384 et 373 107 comme avec et hauteur, non ? Donc comme ça. Comme vous pouvez le voir maintenant, nous pouvons voir ces gars, mais nous avons une bonne direction un problème parce que, vous savez, si vous voulez positionner cette grande différence de, par exemple, lorsque vous tapez votre gauche 20 pixels et Top 20 nous choisit, vous n'êtes pas, c'est qu'il ressemble à ça sur. Et si vous faites ici un texte, vous remarquez que le Texas sous ce droit, donc nous devrions positionner et lié au citron A. C' est l'élément parent. Nous avons juste un léger spectacle dans cette situation. Donc laisse le poids mort. Et comme vous pouvez le voir maintenant, nous avons une position liée à cela. Bien sûr, est maintenant, cette chose est maintenant sous elle, mais parce que nous, il est élément absolu. Droit ? Donc, c'est voler en ce moment, Mais les partis les plus importants de l'étang que nous avons est maintenant position vers cela et légèrement à droite. Nous pouvons simplement supprimer cela et cela sera positionné quand il devrait être. Ok, donc maintenant on peut déplacer le diaporama sur vos sites Web. Qui peut faire marge à gauche ? Par exemple, 50 choix est sur tout. Um, le marchand correspond à l'émotion et tout va bouger. Être déplacé. Et vous savez, cette chose prend place, vous savez, vous savez, et parce qu'elle prend la place, vous pouvez ajouter plus de choses sur votre site Web. Et la plupart du temps, vous aurez plus de choses dans votre arme que juste une écriture plus légère. Tout aura l'air OK. Ok, donc c'est comme ça qu'on le fait. Donc il est correctement réglé sur notre site, n'est-ce pas ? Et on n'a plus de problèmes plus tard. Et maintenant, nous devrions aussi réfléchir à la façon de changer ces images de l'une à l'autre. Nous pourrions le faire de plusieurs façons, par exemple, définir des images qui commencent à afficher non, puis changer le bloc d'affichage. On pourrait changer de capacité. Vous pourriez dire qu'il a changé la position de l'index défini. Je choisirais l'opacité. Ok, donc je choisirais l'opacité. Et j'ai toujours dit la capacité de zéro tous les éléments éléments au début. Comme vous pouvez le voir, on ne les voit pas. Je voudrais juste voir le 1er 1 Donc, afin d'obtenir la première image, j'utiliserai le JavaScript. Je ne fais pas des trucs comme Slide Show et ensuite aller dans les notes du Tchad et obtenir le premier enfant que nous venons d'avoir dans le grand Zero et dit la classe d'attribut, aussi. Ah, à quelque chose qui va le faire voir. Donc, créons la classe qui sera appelée, par exemple, actuelle. Nous allons donc dans le diaporama et créons un courant de classe et définissons la capacité à un. Comme vous pouvez le voir maintenant, nous avons une image ici. Hors cours. On en a plus. Quand on ira ici, tu peux voir qu'on les a tous. Mais ce gaz a dit ici sur, nous pouvons voir que nous voulons maintenant simplement supprimer le courant d'ici et ajouté ici, puis retirer d'ici et ajouté ici, retiré d'ici et ajouté ici, retiré d'ici et ajouté ici. Donc on veut juste faire du terrain ici, non ? Comment le faire ? Eh bien, quand nous avons besoin de faire quelque chose plus d'une fois, la plupart du temps utilisent de la colle. Mais nous voulons le faire après un certain temps. On ne veut pas. Tu sais, quelqu'un le change instantanément. Ça doit prendre quelques secondes. Peut difficilement voir ces images. La personne qui visite votre site, n' est-ce pas ? Alors faisons ce qui est prévu. Terrible. Right Said Interval va juste autour des intervalles s pour qu'on puisse exécuter une fonction qui va faire quelque chose avec elle. Par exemple, toutes les deux secondes à droite toutes les deux secondes, je veux changer le donc je veux Teoh changer le premier gars à rien. D' accord. Et je veux changer le gars suivant, qui est 12 courant après une seconde. Comme vous pouvez le voir après une seconde que vous pouvez juste changer après le Mexicain, rien n'a changé parce que, vous savez, nous changeons la même couture d'image pour changer ces valeurs ici. Créons une variable I et faisons quelque chose comme ça. Je plus un et nous allons la tête orteil je un chaque fois que nous savons qu'il y a ladite fonction d'intervalle sera exécuté invoqué. Droit ? Donc, parce que nous ne pouvons pas changer d'image maintenant. C' est avec plus vite. Donc, nous n'utilisons pas notre temps une seconde bombe et puis bombarder Rien. Pourquoi ? Parce que notre région a de bons indices comme 01 et deux. Ça va marcher jusqu'à ce que je sois là. Par exemple, un droit un plus un est deux et après il va à l'étranger. Briser. Droit. Alors, comment résoudre ce problème ? Nous pouvons, par exemple, utiliser ce modèle lorsqu'il est utilisé de cette façon. Vous ne connaissez pas cet opérateur. J' ai parlé de la nouvelle section des opérateurs Quand vous avez ici, 00 mode libre est 00 plus un libre moqué est un. C' est le reste juste après le rappel hors de la division. Donc, le nombre maximum ici sera maintenant au nombre maximum Ici sera aussi à entendre, mais ici il sera toujours un plus grand. Alors maintenant quand, Comme vous pouvez le voir, il est en train de changer et cela revient maintenant à la première image. Donc c'est comme ça qu'on peut y arriver. Nous pouvons, bien sûr, augmenter devrait être augmenté. Quand quelqu'un visite votre site Web. Il a besoin de regarder tes photos, non ? Et, eh bien, nous venons de mourir. Oui, nous avons le diaporama Vous pouvez améliorer avec des hommes et des choses comme ça. Tu pourrais rendre ça plus beau parce que ça a l'air horrible en ce moment, mais c'est juste après toi. C' est juste que la CIA dit maintenant. JavaScript. Alors faites-le tout seul. Et dans la prochaine leçon, je vais vous montrer comment faire quelque chose de mieux, que vendre la leçon. Merci beaucoup. 70. Animation dans JavaScript: Bonjour Aujourd'hui, je voudrais vous montrer comment faire de l'animation en Java. Sauter comment faire la transition entre les images. Comment orteil faire votre travail comme garder encore plus dynamique. Ok, donc pour le faire, vous avez juste besoin de taper votre transition et au moment de la transition que cela devrait prendre. Comme vous pouvez le voir, nous n'avons pas été la transition. Ok, alors qu'est-ce que c'est ? La transition est un peu d'arsenal de toit, mais pensons d'abord à cela. Transition. Transition est une propriété de CSS, Et ces propriétés disent que s'il y a ah, est resté avant et est resté avant était un zéro de rareté, et le nouvel état est positif. Ensuite, vous devez passer de 0 à 1 en une seconde. Vous pouvez dire exactement ce que vous voulez changer ici. Par exemple, l'opacité droite ? Ça doit être sur le changement. Ou peut-être qu'on a d'autres choses comme ça. Mais bien, est-ce que ça saisit des biens ? Vous auriez dû le savoir. Si vous ne vous contentez pas d'aller de l'avant et de lire sur la transition, il y a juste beaucoup de choses à faire, n' est-ce pas ? Je suis juste avec les bases. Il est donc juste de faire la transition entre zéro et un en une seconde. Donc, si vous voulez montrer une personne, par exemple pendant quatre secondes une image avant la transition, vous pouvez le faire de cette façon, n' est-ce  ? 1234 Et nous avons une transition vers son nom. Le problème est que l'image disparaît également instantanément. Donc ça a l'air bizarre, bizarre, alors on peut le changer. Par exemple, tapez encre en transition. Et je veux, par exemple, le faire disparaître en une seconde. Mais je veux le montrer dans deux secondes. ce moment. 1234 terminé disparaîtrait plus lentement et apparaîtra l'image suivante apparaîtra. Donc c'est juste aussi pouvez-vous le voir ? On vient de créer une animation en deux secondes. Mais il y a un petit problème à résoudre. Comme toujours, le problème est Internet Explorer. La transition est prise en charge de l'expert Internet 10 et même dans le vieux chrome Firefox apparent qu'il y avait des frères comme ça. Il n'est pas pris en charge là. Vous devez utiliser des préfixes fournisseur. Donc, par exemple, quelque chose comme ça. Mais c'est un sujet pour le cours de Sears. D' accord. Hum donc ce n'est pas pris en charge dans tous les navigateurs Web, mais le plus. C' est probablement, vous savez, nous serons soutenus bientôt. En tout étaient des frères que les gens utilisent, euh, euh,et vous savez que vous pouvez le faire de différentes façons. Mais ce qui est cool, c'est que c'est facile à faire maintenant. Cela ne prendrait pas beaucoup de temps. Il est bon dans la performance. Et la vérité est que pourquoi donner aux gens qui ont tous les navigateurs de frère à la recherche de bons sites Web s'ils continuent à créer des sites Web qu'ils regardent parfaitement, qui ont de l'animation, d'autres choses comme ça pour les gens qui avaient de vieux navigateurs, ils continuent de les utiliser correctement. Donc, je pense que cela ne fera pas lorsque vous créez une transition ne fera pas tout briser . Parce qu'Aziz a déjà remarqué le diaporama, il est toujours justifié de travailler non ? Ça marche bien. Les images changent, mais c'est tout de suite, mais ça marche toujours, donc tu ne devrais pas t'en inquiéter, je pense, et c'est comme ça que tu fabriques n'importe quoi, quoi que ce soit, je veux dire vraiment tout ce que je peux dire, par exemple, que la taille de l'image de départ devrait être 384 droite, et nous pouvons le changer plus tard pour par exemple, avec, um, 500 nous choisit quoi que ce soit . Et comme vous pouvez le voir, on n'a pas de gros gars, puis les écoles sont tombées et bombardées. Donc tu peux animer n'importe quoi. Tu peux faire quelque chose. Comme, par exemple, fusionner 50 picks gauche est juste. Peu importe. Regarde ça. 123 ou cinq. Et c'était comme, Hey, ça venait de cet endroit, n'est-ce pas, fiston ? Et tu le fais sur Lea. Si a comme plus tard, à droite. La seule chose que tu as fait était ici. Nous avons donc permis aux gens d'attendre quelques secondes avant la prochaine transition. Droit ? Et vous avez impliqué la transition en supprimant une classe, puis en ajoutant la classe plus tard. Ok, c'est tout dans la leçon. Merci beaucoup. 71. Animation utilisant setInterval: Bonjour. Dans la dernière leçon, nous créons une animation en utilisant la transition, mais les transitions sont prises en charge dans tous les navigateurs Web. Si vous devez soutenir de vieux frères comme Intern Express 799 et certains très vieux Firefox, alors oui, l'unité est le réglage. Terrible. Mais si vous n'avez pas d'orteil, ne le faites pas de cette façon. Que je vais vous montrer bientôt parce que c'est plus lent et bien, il est plus difficile de l'écrire. Et la prochaine chose est que vous n'aurez pas CSS à un endroit, et Java pourrait être dans un autre endroit. Ok, donc ce n'est pas la meilleure solution. Vous devriez l'éviter. Ceci que maintenant vous devriez utiliser des transitions. Vous pouvez faire beaucoup plus avec eux. C' est juste un moyen puissant de faire de l'animation. Cependant, si vous le devez, alors Onley. Ensuite, utilisez ledit intervalle. C' est la solution pour créer une animation en JavaScript. Ok, pourquoi dit Interval ? Parce que, Eh bien, regardez quand quelque chose bouge, la vérité est qu'il se déplace après, par exemple, 30 millisecondes chaque étoile à moi secondes. C' est juste bouger. Par exemple, une position unique. C' est tellement, tellement, si dur. Nous avons juste besoin de créer un cadre. Terrible qui va dans la fonction. Déplacez quelque chose chaque par exemple, dites trop de secondes et oui, ça va juste bouger. Il faut qu'on bouge. Par exemple, ces boîtes que nous avons ici sur Nous l'avons eu ici pour que nous puissions bouger. Par exemple, la position gauche du côté. Comment le faire. On a juste besoin d'accès aux orteils en utilisant ça. Non, non, non, non. Ceci Mais nous devons créer une variable spéciale que nous stockons ceci. Pourquoi ? Parce que l'intervalle de vente est vraiment dans la fenêtre parce qu'il est toujours dans la fenêtre. Celles-ci auraient accès ici. La fenêtre, à droite. Donc, nous utilisons le moi maintenant, et nous pouvons aller au style à gauche et vous ne pouvez pas assigner ici, par exemple, jamais capable qui sera augmenté dans. Donc, par exemple, I qui est égal à zéro et nous pouvons juste un signe ici je serais augmenté à chaque fois pour définir l'intervalle autour du dysfonctionnement. C' est vrai ? Donc toutes les 30 secondes moi et nous avons besoin d'ajouter les picks nous à la fin afin que Ah, parce que vous avez besoin après le nombre de pixels, non ? Obama que vous pouvez voir qu'il bouge donne que vous voulez le déplacer plus vite. Donc, il est mais il est plus petit pour, mais il enlève beaucoup plus de puissance d'ordinateur. Vous pouvez dire qu'il bouge un peu plus petit pour donc c'est comme ça que vous le faites. Le mien. Vous pouvez animer n'importe quoi avec elle que vous pouvez faire. Vous pouvez diminuer l'opacité, faire ce que vous voulez. Tu peux changer. On a juste à vous de décider. Cependant, c'est juste un peu plus long. Et comme vous pouvez le voir, nous accédons à la taille de cet endroit à partir du JavaScript. Il vaut mieux orteil avoir vraiment CSS à un endroit différent. Ah, à partir de javascript. Ok, tu n'aurais même pas dû les deux. Bob, tu devrais avoir les deux en un. Très bien. Alors, peut-être que nous allons parler de la façon de l'arrêter. Parce que quand nous courons, nécessaire serait juste en cours d'exécution. Alors, comment l'arrêter ? On devrait juste effacer l'intervalle, non ? Parce que certaines personnes pensent dur que si je suis, par exemple plus grand que 100 alors nous allons moins de 100 continuer à le faire. Si non, alors je sais, non ? Ok, c'est stop. Mais la vérité est que c'est toujours faux. Mais il n'y a rien à courir ici, non ? Nous devrions arrêter la totalité de cet intervalle de sorte que nous pourrions avoir besoin critique huit, par exemple, de sont capables, par exemple, idée d'animation l'appellera comme ça, et nous devons l'effacer. Donc, si j'ai plus de 100, je veux effacer l'intervalle avec l'idée d'animation comme ça . Donc quand on se rafraîchit, comme vous pouvez le voir, ça s'arrête il y a une seconde. Mais en ce moment, hum, ça s'arrête. Ça s'arrête vraiment bien. Il ne va pas exécuter et d'autres opérations à l'intérieur. Donc encore une fois, utilisez-le seulement si vous avez un orteil. C' est tout dans la leçon. Merci beaucoup. 72. Galerie avec vignette: Bonjour. Aujourd'hui, je vais vous montrer comment créer une galerie avec une combinaison avec des miniatures ressemblant à ça . Donc, quand la personne est sur votre site Web, il peut facilement en déplaçant sa bouche sur les miniatures, voir la version plus grande de l'image dans un autre endroit comme ici. Ceci est très utile parce que vous économisez de l'espace sur votre site Web et votre amélioration de l' interface. Droit ? Parce que si nous avions toutes les grandes images ici, ça prendrait beaucoup de bêche avec juste et probablement quelque part ici. Donc, avoir quelque chose comme ça est d'améliorer l'expérience utilisateur dans votre site Web. Donc il verra la version plus grande. Il peut voir exactement si c'est l'objet qu'il cherche et plus tard, il peut juste, par exemple, à quelque chose à panier. Nous avons donc essayé de créer une image de galerie dans cette leçon. Ok, j'ai déjà ajouté des images comme vous pouvez le voir sur notre site Web pour les images que nous voulons utiliser et j' ai créé un diff que nous venons d'appeler la galerie d'images qui va commencer tout comme l'image principale , où nous voulons mettre le image qui est la plus grande et quatre images qui étaient ah qui étaient sur ce site, est-ce pas ? Voici mon site web, le site polonais sur les parties pour vertical horizontal, Brian etcetera Et vraiment, cela améliore le mot de passe est il ya une bonne chose à faire. Ah, pour le faire. Ah, nous allons le faire. Nous avons ajouté ces images ici. Comme vous pouvez le voir, nous avons obtenu que tous les fanatiques commencent et maintenant j'aimerais, vous savez, les rendre plus petits. Comment le faire. Eh bien, je pense qu'on devrait suivre un cours qui appellera le nom de Tom. Ok, il n'y a pas de co le payer et le rythme ici et rien n'a changé. Nous devons aller au CSS Tom Stites et types de vol, par exemple, avec 60 pics est Et maintenant, comme vous pouvez le voir, nous avons instantanément de petites images et certaines personnes seraient maintenant comme, Hey, mais vous re taille ces images. Vous devriez avoir ah, petites images et de grandes images. Droit ? Et qu'est-ce que j'ai à dire ? Dites à ces gens, cette solution est également mauvaise parce que vraiment, si vous avez des images qui sont grandes et petites, vous devez garder deux versions de ces images. Vous devez créer deux versions de ces images. Ça prend du temps. C' est une chose. La deuxième chose est que vous augmentez la demande à votre site Web là-bas qui vont y avoir plus demandes. Votre site Web qui signifie site de l'ère. Nous chargeons plus lentement, encore plus lentement. S' il y a des éléments de redimensionnage sur votre site Web et en plus de ceux-ci, vous pouvez aider votre tel profiter de l'optimisation, n'est-ce pas ? Parce qu'ils auraient pour les mêmes images ici et pour les mêmes images qui sont petites, petites et babe que ce serait juste, vous savez, cardio, chirurgien , rejoindre l'optimisation. Donc, vraiment, je pense que la solution est juste meilleure et c'est plus rapide à faire et ça va aussi mieux fonctionner. Donc on n'a pas de Tamponnaise, non ? Et faisons quelque chose avec ce pays. Donc, par exemple, quand nous avons une souris au-dessus d'un d'eux, nous voulons voir une ligne rouge en dessous, non ? Alors, comment le faire ? Eh bien, nous pouvons créer quelque chose. Je tamponnade effet de transfert et nous pouvons ajouter la bordure en bas deux picks autre âme il lit, par exemple, nous pourrions les créer partout, Mais faisons que ce soit différent maintenant vous pouvez faire un autre indicateur, mais il est important de faire de la fin DeCurtis. Donc l'utilisateur a noté, Ah, c'est quelque chose qui change. Q. C'est vrai, Onda. Comme vous pouvez le voir, nous avons créé quelque chose qui mais je saute. Pourquoi sauter Parce que la fusion fonctionne quand vous l'avez ici, la fusion dit que vous devez garder que le mariage est juste. On peut le changer par quelque chose comme une fusion sur le fond. Changer à moins deux nous choisit. Comme vous pouvez le voir maintenant tout fonctionne bien. Ok, donc après avoir déplacé notre bouche sur une de la chose, nous aimerions montrer quelque chose dans l'image principale. Nous devrions également déclarer cette image principale ici et changer le avec, par exemple, la taille de ces gars pour ainsi 450 corrections et la hauteur, elle sera 263 photos. Donc on doit faire de l'espace ici tout de suite. Et nous voulons mettre leurs images. Donc, nous aimons d'abord insérer quelque chose dans l'image principale aimerait insérer ici un échantillon émet parce qu'en ce moment il n'y a que la bonne profondeur vide. Donc, créons um, 100 pour cette image principale. Droit ? Document. Obtenez une image de citron par I. D Maine. Et ajoutons une image dedans. Comment créer une image. Nous avons juste besoin de faire quelque chose comme ça, comme nous l'avons appris dans la section image, pour que nous puissions le faire. Mais maintenant une image et nous pouvons l'ajouter facile à eux section comme ça. Et comme vous pouvez le voir maintenant, Oh, nous avons que votre image vide, droit que nous devrions adhérer maintenant source, par exemple. Donc, nous pouvons l'utiliser maintenant assez facile de le changer à la première image par exemple . Donc, nous pouvons faire quelque chose comme l'image, cette source et comment obtenir la première image. Nous pourrions le faire, par exemple, quelque chose comme ça. A images puis Macanese 5 17 Et comme vous pouvez le voir, nous sommes arrivés ici maintenant avec la première image, à droite, droite, parce que nous devons partir de quelque chose parce que l'utilisateur n'a pas besoin d'orteil instantanément. Avoir sa bouche ici, non ? Imaginons ça, parce que ça a l'air un peu mauvais. Fusionner en bas, dit Tim Pick sur Dwell. Maintenant, nous devons le changer, accord, mais je pense une seconde à la solution que nous venons de choisir. C' est bon ? Eh bien, ça marche, mais maintenant imaginez que vous avez beaucoup de produits. Comme, par exemple, dans ces sites Web. Droit ? Donc, quand nous allons sur un autre site Web, il y a beaucoup plus de produits que vous auriez besoin pour chaque produit créé. JavaScript. Tu sais, tu devrais changer ces lignes. Vous aurez besoin orteil impliqué, une fonction spéciale. Par exemple, vous aurez besoin d'orteil qui ont un panier. Cinq pour chacun pour chaque html cinq javascript différents cinq. Ça ne ferait que prendre Lourdes. Notre manteau devrait être universel. Ça devrait fonctionner à chaque fois. Alors, comment le faire ? Eh bien, nous avons un cours quelque chose, non ? Nous pourrions l'utiliser pour obtenir les vieux Romney afin que nous puissions faire quelque chose comme document obtenir élément par nom de classe et l'enregistrer ici. Onda. Nous pouvons maintenant faire quelque chose comme ça. Tomlin a des attributs et comme notre c ainsi, et c'est tout, Oh,les Oh, familles de zéro parce que les entreprises dans l'erreur n'est-ce pas ? Et comme vous pouvez le voir maintenant, nous avons eu la première image. La chose cool à propos de cette solution est qu'elle est universelle. Maintenant, quand on changera l'ordre, comme vous pouvez le voir, ça va changer la première photo, prendre la première photo, pas vrai ? Peu importe ce qu'on fait ici. Nous pouvons à vous une image. Si on prend juste le et les images, il faudrait juste 1ère 1 Donc c'est très, très cool. Ok, donc un D est en code universel pour définir la première image. Maintenant, on devrait aller voir tous ces types. Et quand nous avons une bonne souris sur une d'eux, eh bien, nous devrions les changer. Le type ici. Droit ? Ok, donc utilisons le je pense pour le bas, parce qu'on les traverse tous. Et nous allons utiliser la terre des noms de Tom comme une condition, parce que vous voulez les traverser tous, n'est-ce pas ? Et maintenant, nous voulons ajouter un So Tom joue. D' accord. Presque fini. Ce sera un mais qui va invoquer un dysfonctionnement lorsque nous aurons la souris sur l'une de ces sociétés. Droit. Ok, donc maintenant nous devons juste changer la source de l'image qui est ici. Droit à quoi ? Par exemple, ce point obtient une source d'hommage. Et c'est tout. Regarde, il travaille. Eh bien, cette partie n'était pas difficile. Comme vous pouvez le voir, certaines choses peuvent ressembler à coeur quand vous cherchez javascript, mais elles ne le sont vraiment pas. Ah, Eh bien, il y a quelque chose d'un peu très important maintenant. Quand on démarre le site, ce serait une bonne idée d'avoir quelque part un indicateur sur le Tam. Quand on démarre le site, ce serait une bonne idée d'avoir quelque part un indicateur sur le Tam. Quand on démarre le site, Non. Comme, par exemple, cette ligne rouge ici Parce que l'utilisateur peut ne pas savoir qu'il doit utiliser sa bouche ici. Droit ? Ok, alors comment le faire ? Je pense que nous devrions créer une classe spéciale où nous faisons la même chose que ce qui a été fait ici, non ? Et ajouté au premier gars. Ainsi, nous pourrions, par exemple, faire quelque chose comme les entreprises à zéro et ajouter au nom de la classe. Le nom de la classe actuelle est une propriété qui stocke la classe. C' est très utile car vous pouvez ajouter une autre classe en utilisant simplement cet opérateur. Et comme vous pouvez le voir maintenant, cela indique que ce type a été choisi. Ça commence. Et quand on se déplace sur les autres, eh bien, ces gars ne seront pas enlevés instantanément. Tu dois le faire manuellement, non ? Donc, nous devrions le supprimer lorsque nous allons sur un hors de ce que les entreprises, stockons dans la variable temporaire qui se passe. Donc voiture et Tom nom qui est choisi droit. devrait commencer quelque part, sorte que nous pouvons facilement le changer plus tard. Nous voulons ce courant, est-ce pas ? Il fonctionne toujours. , Eh bien, ce n'est pas de la compagnie. Le nom de classe hors cours devrait être ici stupide. Ok, donc nous devrions maintenant retirer des noms de jambon actuels du premier gars. Comptez sur Tom. Nom Klaus nom. Et maintenant, comment en retirer un de la classe. Parce que nous avons beaucoup de cours ici, non ? On ne pourrait pas falsifier. Et dans le même temps, courant et utiliser la chose que vous remarqueriez que nous avons un bon air, classe actuelle et la compagnie comment enlever sur l'un d'eux. Vous savez, nous pourrions, par exemple, taper le Tampa, vous savez, et il le supprimera. Le problème est que et si vous aviez une autre merveille qui pourrait causer des problèmes plus tard ? Sont froids devrait être universel. Donc la vérité est que c'est une ficelle, non ? Donc, nous pourrions utiliser et avoir de l'importance que cela pourrait remplacer ce dont je parle dans la section de cordes et nous pouvons utiliser le vous pouvez utiliser cet orteil métallique changer le courant à rien qui est bien et sûr. La chose qui est retournée par cette fonction. Et ce dysfonctionnement renvoie la valeur sans le courant. Droit ? Donc c'est juste la classe avec l'homme commun et nous l'assignons au nom de la classe. Donc, comme vous pouvez le voir maintenant est de le supprimer. Droit. Donc ça marche bien. Maintenant, nous avons un autre problème. Le problème est que lorsque j'ai déménagé d'ici, par exemple, par exemple, l'utilisateur peut ne pas se rappeler où il s'est terminé. Droit ? Il peut regarder ici, mais hé, nouvelle heure entre. Les combats doivent être intuitifs. Donc c'est la hauteur de récite. Vous êtes sur ce type pour qu'on puisse changer le temple actuel. C' est quelque chose à ça. Donc celui que nous sommes, nous avons la souris sur et nous pouvons ajouter à la clause Nom d'un gang. La classe actuelle. Droit ? Comme vous pouvez le voir maintenant, nous avons amélioré l'expérience utilisateur sur notre site, n'est-ce pas ? Quand on est frais, il sait qu'il est là. Quand nous allons dans un autre, il sait où il est et quand il quitte sa bouche, il sait toujours où il est. Ok, donc c'est comme ça que tu fais quelque chose comme ça. Et comme vous pouvez le voir, javascript n'est pas si difficile et il est également difficile de faire des choses qui regardent au début. Difficile à faire. C' est quelque chose que cette leçon. Merci beaucoup. 73. Infobulles: Bonjour. Aujourd'hui, je vais vous montrer comment créer une info-bulle ressemblant à ça. Donc, une info-bulle est juste une boîte, un conteneur avec des attaques qui s'affiche à côté de l'élément que vous avez. Mets ta bouche dessus. droite. Et d'accord, allons-y. Ça, nous n'avons pas d'indices. Maintenant, nous voulons l'avoir sur n'importe quel élément que nous avons une classe qui est tué pour pourboire. C' est la meilleure solution. Parce que quand Si vous voulez ajouter une autre info-bulle, vous devez seulement alors juste à la classe, non ? Et la chose qui va être la perspicacité, l'outil pointe le conteneur vers le bout est la chose qui sera tapée dans le titre. Je pense que c'est aussi une bonne solution parce que le titre est également bon pour l' optimisation de six moteurs de recherche . Et en plus de ce titre est quelque chose qui peut être sur un élément. droite. Donc, vous pourriez est probablement l'attribut de message alternatif, Mais vous savez, cette tolérance sur les images que nous voulons avoir à être en mesure d'ajouter à une info-bulle sur tous les éléments possibles . Ainsi, par exemple, les entrées. Donc, vous pouvez, par exemple, voici un gars qu'il a besoin de faire quelque chose. Ils sont un peu différents ou quelque chose comme ça. C' est vrai ? Eso Allons le faire. Créons une fonction que nous avons appelée créer des conseils d'outils, ok. Et impliquera. Vous avez commencé après avoir chargé notre site Web et nous voulons obtenir tous les éléments possibles que la classe est dit. droite. Donc, nous allons créer un élément variable avec des conseils donnés. D' accord, donc nous voilà. Bien. Maintenant cette ancre, cette image, cette image, ceci et ceci Si vous aviez un autre gars avec la classe de pointe, il sera également ajouté ici. Donc, c'est le truc cool, c'est qu'on va pouvoir installer une morsure sur n'importe quel site web en invoquant simplement un dysfonctionnement. Droit ? Ok, donc on doit aller à tous les éléments possibles, non ? Donc, quand vous voulez aller à quelque chose, vous utilisez toujours un regard. Donc, créons une boucle que nous commençons à partir de zéro. Et créons la condition que nous faisons autour de ce regard, tant que nous n'arrivons pas à la fin d'eux, il est allé au dernier élément Qui a dit ? Droit ? Donc ça ressemble à ça et on a juste besoin de faire la même chose que nous l'avons fait ici, non ? Nous avons besoin de Teoh à tous les éléments possibles à tous les kilomètres même. Et écoutons quoi que ce soit. Donc, par exemple, un Voyons voir si cela fonctionne. Ok, ça marche. Ça ne marche pas tout le temps, non ? Pourquoi ? Pourquoi travaille ici et pourquoi ça ne marche pas ici. J' espère que vous regardez ma vidéo sur même les auditeurs, parce que c'est la situation où vous devez utiliser l'auditeur pair. Ecoutez, cette méthode est invoquée. Toi, c'est ça ? Le dysfonctionnement est invoqué ici. Donc vous pourriez presque imaginer comme si c'était ici comme ça, non ? Ce qui signifie que nous ajoutons presque même à deux autres, presque plus. Même remorquer ces éléments une fonction comme ça et nous sommes écrasants dans la ligne 35 orteil toutes les images possibles parce que nous avons également utilisé le presque même pour Tom Nice droit dans cet endroit. C' est pour ça que ça ne marche pas. Et c'est pourquoi il devrait aussi utiliser des auditeurs. Ok, parce que si tu fais ça comme ça, juste , hum, kilomètres et ici aussi comme ça à des kilomètres d'écoute sur les fesses. Comme vous pouvez le voir maintenant, il fonctionne bien partout sur un impossible. Adamant si vous voulez prendre en charge tous les navigateurs, années devraient utiliser le presque override. Mais si vous n'avez pas besoin de faire cela, est-ce qu'il était la tête même. Écoutez là. Parce que même si vous insultez, par exemple, quelqu'un se branche bien, hum, avec les conseils d'outils. Et tu avais déjà quelque chose comme ça, alors tu seras comme, Hey, pourquoi ça ne marche pas. Oh, ça ne marche pas. Parce qu'en utilisant presque plus de faire, il est mort bien droit. Ok, donc on a résolu ce problème maintenant et maintenant on le veut. Quand nous avons la bouche sur cela, nous voulons montrer un péage profond. Droit ? Mais d'abord, nous devons créer une profondeur totale. Ok, alors faisons-le. Et j'ai déjà ajouté ici dans StAIS le CSS pour la pointe. J' ai entendu une couleur de fond de bordure, et la partie la plus importante de celui-ci est la position. D' accord ? Il doit être absolu pour que nous puissions le déplacer. Vous connaissez l'endroit sur notre site, non ? Et j'ai aussi dit ici, hum, fête de la taille du téléphone et j'ai étudié pour n'en afficher aucun. Et pour commencer, nous allons laisser le haut n'est pas important en ce moment. Ça n'a pas d'importance. Où est-ce que ça commence ? Bon, donc nous ne faisons pas ces kilo-octets ici. Impressionnant. Et bien, pendant une seconde qui a changé l'affichage à partir de maintenant pour bloquer ce qui est par défaut, droite, Ondas Vous pouvez voir que c'est nulle part parce que nous n'avons pas créé ces éléments. On pourrait le créer ici manuellement, rouler comme le I d bam, bam, bam bam ! Mais vous savez, vous auriez orteil l'ajouter sur tous les sites possibles plus tard. Je pense que c'est une bonne idée de juste créer en utilisant leur javascript. C' est juste comment le faire ? Nous pouvons juste faire quelque chose de créer un élément de document et simplement créer un dif. Bon, sauvegardons dans la variable conteneur total. Et maintenant, nous avons juste besoin d'un orteil ajouté. Donc corps de document renverser l'enfant trop profond Contin e Et quand nous rafraîchissons notre site Web eux, nous utilisons le feu. Bach, comme vous pouvez le voir ici, aurait eu ça, Dave. Mais il n'a pas ce que je d. donc nous avons juste besoin de l'ajouter comment le faire. Nous avons juste besoin d'orteil se référer à conteneur de pointe et aller dans la propriété id et juste dit pour le conteneur de pointe, droite. Et comme vous pouvez le voir maintenant, quand nous rafraîchissons. Il a une bonne idée, ce qui signifie aussi que Ah, il va apparaître si nous définissons, par exemple, avec 500 gros serveurs et 500 pixels élevés, par exemple directement sur. Comme vous pouvez le voir, c'est ici. Ok, c'est très grand, mais c'est leur droit, Mettons pour Eh bien, j'ai supprimé la position absolue par n'importe quel single. Donc, c'est utiliser la position. Absolu. Et mettons-le pour un deuxième orteil et à gauche pour que nous puissions le voir ici. Ok, nous voulons savoir quand nous avons la bouche sur une image pour changer le texte. Vous comment le faire. Eh bien, nous avons juste besoin de se référer orteil, faire ce conteneur droit et changer l'énergie html à ce que nous voulons, juste quand nous le faisons de cette façon, cela changerait juste le bout de la chose que nous avons juste le temps. Si tu veux le changer. Donc, là. Je pense que c'est à l'intérieur des éléments avec au fond droit, nous voulons le changer pour le titre. On a juste besoin de changer ça. Ce titre est une propriété de l'élément que nous avons Good souris sur. Quand ça va se produire, non ? Comme vous pouvez le voir, comment on change cette chose ici, non ? Ça a l'air joli. OK, OK. Donc, maintenant, nous devons aussi changer la position de cela, n' est-ce pas ? Alors, comment le faire ? Nous avons juste besoin d'obtenir le conteneur dit de pointe, obtenir le style à gauche et l'a dit. Nous pouvons obtenir l'objet pair afin d'obtenir l'information où cela même si Curt droit et faire quelque chose comme E que le client X plus choisit est. Et comme vous pouvez le voir maintenant, il change leur position gauche. Nous devons aussi faire la même chose à la position supérieure. Alors Crean, Top et Creon pourquoi ? Comme vous pouvez le voir maintenant, suivez nous. Assez OK. Les quelques problèmes Pourtant, le premier problème est que ce qui se passera si nous avons des hommes dans la grossesse ? Comme vous pouvez le voir maintenant, c'est regarder en haut. C' est parce que Cléon X revient juste, nous renvoyant l'endroit où ils se produiraient même sans le parchemin. Ok, Donc si vous voulez Andi inclure aussi le parchemin, nous devrions faire quelque chose comme plus et arriver ici. Combien de pixels Wisc a écrit à l'élément de document So gauche. Cette école, hum gauche. Et nous devons aussi rentrer à la maison beaucoup. Nous faisons défiler vers le haut, et c'était que vous concédez bien travailler. Même jusqu'à ce qu'on ait beaucoup de pauses. Ok, alors retirons les freins. Donc ce serait plus facile pour nous de déboguer cette fille. Et maintenant, nous avons du bien. Un autre problème. La première chose, c'est que ça arrive en haut. Et la deuxième chose, c'est que quand on sera là et qu'on partira, il sera toujours là, non ? Ok, ça ne serait pas difficile à soi. Nous avons juste besoin de changer ces affichages en non. Maintenant. Peu importe où, où c'est le début, donc on peut sauver le kilo-octet. Et, eh bien, on doit juste faire quelque chose comme la souris, non ? On doit enlever la souris. Même ainsi, lorsque la souris est éteinte, nous voulons changer le conteneur de l'info-bulle qui est lié à l'affichage pour que je le sais, comme vous pouvez le voir maintenant. Eh bien, maintenant on va se pointer. C' est tellement chose de changer le bloc quand on est sur, et maintenant il disparaît correctement, non ? C' est sur le sien, hein ? Oui. D' accord. Mais nous avons maintenant un très gros problème. Pourtant, quand nous avons bon la souris sur l'élément que nous voulons Teoh ont le à basculer sur Own, comme vous pouvez le voir, quand nous sommes sur l'élément un peu plus longtemps et nous restons immobile, nous avons bon le titre animé Macanese pour un et c'est sur notre belle inclinée. Comment l'enlever. Mais comment l'enlever juste pour une seconde. Eh bien, dans l'ordre de trois films. Est-ce que vous venez de taper quelque chose que ces titres sur ? Tu l'as dit. Ne le fais pas, je crois. Et ce que vous pouvez voir maintenant nous ne le disons pas, mais le problème est qu'il disparaît aussi. Droit ? Alors on l'a reculée, fait ce qu'il y avait là. Alors, mais comment le mettre en sac quand il est enlevé ici, non ? Nous le temporaire ont pu faire avec magasin ou titres canne. Donc, nous allons créer une zone que nous stockons tous les titres possibles et c'est le quelque chose titres temporaires hors je suis et nous allons signer ici les éléments avec remorquage Tip off. Je ce titre. Cela nous donnera ici tous les titres possibles, non ? Dans cet ordre depuis le site et nous pouvons l'utiliser ici, non ? On pourrait quelque chose comme des titres temporaires au large de I. Comment terriblement bien. C' est toujours un problème. Ça ne marche pas. Pourquoi ? Eh bien, j'ai été surpris de le faire. Quand vous faites quelque chose comme cette alerte à cinq, vous remarquerez que c'est cinq. Pourquoi il est cinq quand il devrait être 012 gratuit pour chaque citron. Ça devrait être différent, non ? Parce que bien, ici en quelque sorte il 01234 Pourquoi ici n'est pas cinq. Je ne sais pas exactement pourquoi cela pourrait être de retour, mais je sais comment le résoudre pour le résoudre. Vraiment ? Utilisez les FARC que, euh, les citrons avec un conseil dit est vraiment ah et un moi pour écrire un élément. Et c'est juste un objet. Vous pouvez ajouter n'importe quelle propriété à l'objet. On fait quelque chose comme ça, et on peut penser à la nouvelle propriété. Donc, si, par exemple, temporaire i D et je peux assigner ici Salut, qui est ici encore raisonnable, non ? Et à cause de lui, on peut faire des choses comme, on accède à ce que j'ai sur temporaire quand on le rafraîchit. C' est même avec le travail qui utilise l'écorce de feu. Eh bien, ça ne marche pas. Mm. Oh, je suis désolé. Ici, on devrait faire quelque chose comme ça. Bien sûr, on vient d'ajouter à la collection. L' idée temporaire. J' aurais dû ajouter chacun à chacun. Un citron. droite. Ok, maintenant, comme vous pouvez le voir, ça marche bien. Tout fonctionne parfaitement. La chose la plus cool à propos de ces deux To est que vous avez juste besoin d'invoquer cette fonction à ce style parce que, bien sûr, vous pouvez la mettre à niveau, et vous avez juste besoin d'ajouter la classe deux tip. Alors pensez au titre. C' est un trou et tu vas avoir une belle inclinée. Bien sûr, vous pourriez le faire d'une manière différente. Par exemple, vous ne pouvez pas afficher sur la taxe que vous pouvez montrer ici et plus grande image. C' est à vous de décider. Que créez-vous de la façon dont vous avez créé ? Je suis sûr qu'après toutes ces leçons de ces voitures, tu pourras créer presque ce que tu veux dans les emplois. Continuez d'essayer. Si vous avez des problèmes. Si vous avez des questions, posez-moi comme un exercice. Je voudrais que vous mettiez à jour cette astuce. Donc, il se passe par exemple, apparaître après quelques minutes secondes. droite. Alors faites-le avec la transition. Nous parlons de l'il ya quelques leçons que la vente de la leçon. Merci beaucoup. 74. Firebug: Bonjour Aujourd'hui, nous allons parler de boîte de boîte qu'il veut tirer. Tu veux les tuer ? Un retour est une erreur, ce qui n'est pas quelque chose que vous voulez voir dans votre code, est-ce pas ? Parce que ça ne marchera pas. Donc les erreurs sont quelque chose que vous allez faire beaucoup de temps. Et ne vous inquiétez pas, parce que tout le corps fait beaucoup d'erreurs. Erreurs UDI humaine. On les fait. Continuez à vous améliorer, et vous en feriez moins. Ok, mais quand ils arriveront, c'est une bonne idée d'avoir des outils qui vous aideront à les résoudre. Droit ? Et il y a un feu de retour jusqu'au Firefox. Vous pouvez simplement cliquer sur votre feu d'installation en arrière, et vous aurez alors quelque chose comme ça. Nous avons utilisé les portes orteil loin Toby capable de vite. Vérifiez la position de quelque chose de bien. En utilisant cet outil ici, nous pouvons facilement vérifier où quoi ? Qu' est-ce qui se passe en place comme ça ? Ces très utiles pour vérifier Si tout se passe, tout change. Bien. Parce que ces sources ici est dynamiquement mis à jour leurs outils minute comme ça. En d'autres termes, frères que vous n'avez pas besoin d'utiliser Firefox Vous pouvez utiliser par exemple là, um, dans le groupe de lorsque vous utilisez le raccourci parties de contrôle chef. Plus Jay, vous verrez l'orteil du développeur comme ça, ce qui est très similaire. Et vous pouvez utiliser Google Chrome. Tu peux utiliser Internet, Dexter. Voilà le ruisseau F 12. Andi, tu peux utiliser quoi ? Et ils étaient frères que tu trouverais dans les outils. Le tout ou quelque chose comme ça. Ce sont les navigateurs Web les plus populaires, non ? Et ils ont des outils comme ça. Vous pouvez également voir CSS ici, bien sûr. qui n'est pas, Vous savez quelque chose que ce travail demande, mais il peut quand même vous aider à faire certaines choses. Si vous avez raison, vous pouvez même supprimer quelque chose comme et voir ce qui se passera si je supprime la valeur absolue , non ? Valeur absolue supprimée et ne concède pas. Maintenant, c'est là, en bas. Ainsi, vous pouvez remonter beaucoup de choses en ligne. Il aurait le modèle d'objet de document afin que vous puissiez vérifier facilement lorsque vous allez sur un hors de l' élément. Quelles valeurs vous pouvez accéder, n'est-ce pas ? Assez facile. Vous avez chez Net Co. Ceci est très utile car vous pouvez voir jusqu'où est le chargement de votre site Web ? Ce que vous devriez améliorer afin de le rendre plus rapide. Droit ? Vous avez aussi des cookies. Les cookies sont également très importants car alors vous pouvez voir si le cookie était correctement ou non. Si son existant de note etcetera. Vous avez aussi un outil, qui est appelé broche de page. PHP. La vitesse est également très utile parce que vous pouvez cliquer, analyser et vérifier comment farce et comment votre site Web fonctionne. Cependant, je préfère vraiment la performance. Pourtant, c'est de Google Chrome. Ok, je pense que c'est mieux. Non. Donc, il y a aussi un conseil sur. Nous parlerons de conseil plus tard parce que vous pouvez voir ici les flèches et vous pouvez également déboguer votre code en utilisant le conseil assez facile. Au cours de la leçon. Merci beaucoup. 75. Débogue de console: Bonjour. Aujourd'hui, je vais vous montrer le moyen puissant de déboguer avec le conseil Un conseil est quelque chose que nous vous montrons des erreurs si vous les faites comme vous pouvez le voir instantanément. Nous avons ici et des informations Quelle erreur a été faite ? Bien sûr, je vous montre des erreurs aussi, mais je pense que le conseil peut parfois vous montrer quelque chose que votre je ne vais pas vous montrer. D' accord ? Et il y a une autre chose très cool à propos du conseil. Vous pouvez donner des serrures au conseil. Vous pouvez faire quelque chose comme le conseil que Locke et par exemple Hey, je voudrais voir ce qui se passe avec les valeurs de titres temporels après chaque itération. Droit ? Et comme vous pouvez le voir, vous pouvez le voir facilement. Oh, donc peut-être qu'on pourrait aussi voir ce qui se passait avec le droit d'ivoire. D' accord. Aussi, l'Ivory Able ressemble à cette maison zéro une fois. Battre, rendre McCann facile. Ok, donc tout fonctionne bien. Et vous pouvez même l'améliorer juste au temps, en tapant des titres temporaires, mais vous verrez instantanément les mots qui se passent après chaque répétition. Si vous voulez voir aussi un peu plus à ce sujet, vous pouvez utiliser quelque chose avec ce répertoire culte, qui, bien, comme vous pouvez le voir imprimer, même les index de ces gars. C' est juste génial, vraiment. Donc c'est très utile pour les aboiements, non ? Par exemple, nous avons eu des problèmes avec le I à l'intérieur de la portée. Donc quand on fera des trucs comme le conseil qui regardent, je vous remarquerai que quand j'aurai la souris, c'est toujours cinq, non ? C' est pour ça que ça nous posait un problème. Mais avec ce I D. temporaire Comme vous pouvez le voir maintenant, ça change. Donc cette chose peut vous montrer ce qui se passe exactement, non ? Avec vos variables, vous pouvez facilement vérifier très rapidement la valeur sans apporter quelque chose à la sortie droite ? On a un tirage plus bas sans arrêter l'exécution. Nous voulons arrêter l'exécution. Tu devrais. Vous utilisez notre droit. Mais si vous ne voulez pas arrêter l'exécution, je pense que le consulat est meilleur, car il est juste facile de regarder ici et comment. Aussi, c'est ce qui se passe au début des cicatrices, j'utilisais aussi le HTML interne pour l'ensachage, et c'est un bon moyen, mais le problème est que vous montrez quelque chose sur la sortie afin que vous puissiez le faire sur la vie, non ? Tu peux même être de retour en direct. Mais tu sais, tu ne devrais pas mettre un terme à ça sur la vie parce que tu sais, tu peux en faire un autre. Cela vous coûtera quelque chose que vous devriez toujours approfondir hors ligne. Mais avec le problème féminin intégré est que vous devez créer un bloc spécial et vous devez obtenir le plus tard donc c'est un peu plus lent. Mais je sais. Quoi qu'il en soit, conseil vous donne, je pense que plus de parc et vérifier facilement ça avec la serrure. Qu' est-ce qui se passe exactement ? Tout, en plus de ça va vous imprimer un peu mieux. Vous pouvez utiliser le directeur un conservateur, qui va imprimer encore plus d'informations sur quelque chose, non ? , Cette fois,c'est sur la seule variable. Mais quand vous voulez avoir plus d'informations sur quelque chose, Donc, par exemple, je voudrais voir ce qui se passe avec les éléments avec l'outil Trop lumineux, par exemple ici. J' ai téléchargé tous les conseils de tabouret et ce qui se passe. En outre, je suis arrivé ici avec l'indice zéro quelque chose avec ce appelé une ancre, et il a un coût de pointe d'outil. Et il a un reefer d'âge et une image html simple. Ok, ok. Et j'ai des choses que je peux utiliser ici. D' accord ? Et la longueur est de cinq. C' est juste puissant, non ? Nous pouvons facilement voir ce que nous avons exactement avec leur requête. Ah, sont avec les éléments get par classe, nom. Et puis ils l'ont rencontré. Ok, la vente de cette leçon. Merci beaucoup. 76. Site Web de code: Bonjour. Il y aura plusieurs fois où vous voulez partager votre manteau avec d'autres personnes, par exemple, lorsque vous voulez le partager afin que quelqu'un puisse voir s'il y a une erreur ou vous pouvez le partager afin que quelqu'un puisse utiliser votre code plus tard. Droit ? Vous pouvez le partager avec vos amis, par exemple, et pour cela. Il est très utile d'avoir un en ligne pour aimer ça. Vous allez juste copier votre manteau de votre par exemple, je d. Ici. Créons quelque chose de très simple. Zoff. Le i d simple je ils testent ici. Tu peux faire de la CIA, car c'est aussi très cool, non ? Vous pouvez faire le CSS pour cela assez loin, alors changeons la couleur rapidement. Par exemple, pour lire et obtenir le document. Obtenez un citron par je d idée simple et changer l'orteil html interne quelque chose de nouveau. Et maintenant vous pouvez exécuter cette bosse et comme vous pouvez voir ce que vous avez, bien. Le résultat avec vous. D' accord , tu veux utiliser des bibliothèques ? Vous pouvez vérifier quelle bibliothèque vous utilisez pour le marché, n'est-ce pas ? Et parce que les bibliothèques solaires nécessitent ce que nous aurons des méthodes qui ne sont pas normalement disponibles directement dans le JavaScript de base doivent prendre des parties de quelque chose comme ça et vous pouvez ensuite le partager. Vous pouvez demander aux gens ce qui se passe ? Vous pouvez montrer aux gens la solution au problème. C' est très cool par exemple, Dépassement de pile, droit, droit, Vous pouvez empiler. Overflow est très, très populaire site Web. Si vous ne le savez pas, vous devriez certainement visiter. Vous pouvez vous poser des questions. Vous pouvez poser des questions rapides et rapides à d'autres personnes. Eso et les gens sont vraiment très utiles ici. Ils ne vous enverront pas à Google. Cela aura juste le plus de temps. Ok, Onda et vous pouvez aussi aider d'autres personnes Vous C'est très, très bonne communauté. Alors vous pouvez le savoir, sauvez-le. Par exemple Creek votre site. Comme vous pouvez le voir, vous avez maintenant lien que vous pouvez partager, vous pouvez voir comment nous ouvrons le nouveau sommet et il est sûr afin que vous puissiez montrer la solution. Par exemple, pour quelqu'un sur la vie, les ressources de quelque chose comme le stylo manteau Il est aussi très cool, mais il ya la chose cool à propos de cet orteil est que vous pouvez trouver aussi un peu de travail des autres, non ? Oh, pur. Voir est ce filtre de contenu. Ok, voyons comment il a fait. Ok, on a votre voir. C' est tout. Comme et on peut voir comment ça se passe. Tout ce que je veux sur le rouge. Wow, cette très bonne co. Je ne l'ai pas vu, mais comme vous pouvez le voir, vous pouvez trouver un très bon travail d'autres personnes là-bas qui sont partagées par d'autres. Vous pouvez également partager cela et un Z concède, travaillant très, très similaire au violon du jury parce que vous pouvez taper html CSS et JavaScript et vous pouvez ensuite autour du manteau ici bas il y a aussi quelque chose comme Jay est en Allemagne des sites comme ça. Je pense que le meilleur est celui-ci et celui-ci. Et rappelez-vous, allez à la recherche de débordement de stock, trouvez les réponses aux questions que vous posez chaque fois que vous cherchez quelque chose. C' est une bonne idée de ressembler à ça, Par exemple, site sur la façon de faire à même auditeur dans notre bombe Internet Explorer. Et ces gars étaient l'équivalent de l'objet élément dans l'Explorateur 9, non ? Et diable, ce que ce gars vient de vous donner la solution. Vous venez de copier. Alors il travaille. Vous pouvez alors simplement dire en guise de remerciement, vous pouvez voter. Donc, c'est très, très belle communauté où vous trouverez beaucoup de réponses à de nombreuses questions et ces moyen très rapide de chercher quelque chose juste à travers le débordement de stock. Vous utilisez le chromosome Google dans et géant pour la recherche juste en tapant côté et puis la nuit hors du site, est-ce pas ? Et puis la chorale. Vous voulez demander à ces sites Web Donc vraiment, c'est un moyen puissant de résoudre de nombreux problèmes. Tu tolères les choses pointues là-bas et c'est seulement ça. C' est merci beaucoup. 77. Mode: Bonjour. Aujourd'hui, je vais vous montrer quelque chose de bon est appelé un mode de rue. Le mode State est un mode qui vous fait écrire votre manteau plus strictement, ce qui signifie que nous sommes plus de règles que vous devez suivre. Et la vérité, c'est qu'il va juste t'aider. Parce que quand vous quelque chose comme ça utiliser strié et que cette pensée fait tout le froid sur le dessous il, c' est dans un moule strict. Comme vous pouvez le voir, notre code fonctionne toujours. Donc, il a été écrit très bien. Donc si tu écris un copain, ça va bien marcher. Mais il y a parfois des erreurs. Tu as vraiment fait comme un Mr. Tu peux écrire ? Parfois quelque chose comme, par exemple, X est égal à cinq. Et comme vous pouvez le voir maintenant, nous avons une erreur. Pourquoi ? Parce que c'est un orteil d'assignation non déclaré Variable X. La vérité est que dans javascript normal, cela fonctionnera. Le problème, c'est qu'il s'agit d'un meribel mondial, non ? Donc vous devez toujours vous rappeler de déclarer quelque chose, et ce sont des flèches d'Amanda comme ça qui vont être découverts par une note stricte. On n'a pas besoin de les traverser. C' est juste une bonne idée d'utiliser toujours un mois strict au début lorsque vous développez votre site Web, mais c'est une bonne idée. Aussi. orteil a retardé la série. Note. Lorsque vous envoyez votre était votre combat à votre site en ligne droite orteil votre hôte. Pourquoi ? Parce que c'est mieux que tu laisses ton code fonctionner au lieu de le faire arrêter à cause de règles stupides et stupides, non ? C' est mieux s'il se noie un peu en chemin, alors il n'est pas courir une porte, non, non, alors utilisez-le seulement pour le but d'aboyer parce qu'il peut vous sauver un jour. Ça va vous montrer des erreurs que normalement votre je ne rattraperais pas. Ça va te donner des avertissements et ça va te faire gagner du temps. Ce n'est qu'une bonne leçon. Merci beaucoup. 78. Performance de code: Bonjour Aujourd'hui, je vais vous dire ce que vous devez faire afin de maga manteau mieux performer. La première chose à retenir et c'est la plus importante est que l'obtention de tous éléments de votre modèle d'objet de document est lente. Pourquoi ? Parce que bien, imaginez comment une fonction comme celle-ci doit être implémentée. Il doit passer par toutes les taxes possibles sur votre HTM du cumin, non ? Afin de trouver celui qui a une identification comme ça ou la classe comme ça. Cela signifie aussi que l'identification de la chercher dans l'er difficile est plus rapide parce que quand il trouve cela dans l'er déféqué, ça va cesser de regarder bien parce que vous ne pensez pas quelque chose avec le I d devrait sur qui existent sur votre site Web écrire quelque chose avec la classe peut exister plus d'un. Donc, il aura l'air même s'il a déjà des fonds de quelque chose. Si à travers tout le document, tous les éléments possibles et la façon dont il serait juste de continuer à s'occuper de lui, pensée termine document complet du médecin. droite. Donc, si vous n'avez qu'un seul élément et que vous savez que Dieu en a plus d'un et qu'il vaut mieux utiliser les identifications, est-ce pas ? Et c'est aussi très important de le savoir parce que, regardez, quand vous faites quelque chose comme ça, un Vrabel temporaire, alors si vous avez une condition comme ça, vous obtenez juste la longueur des Tom Neighs c'est sûr ici. Mais si vous le faites de cette façon, vous avez orteil à chaque fois parties complètes, document complet afin d'obtenir toutes les choses Tom. Et puis vous avez juste de la longueur et vous le faites à chaque fois. Chaque itération prend beaucoup de temps, n' est-ce pas ? Et aussi, si vous avez une idée pas de document, mettez les citrons à l'intérieur. Il sélecteurs bons ou de qualité, si vous n'en avez pas besoin, Toby, ici, ici plaît faites-les ici et puis ajoutez-les d'une manière ou d'une autre. Ici, d' accord ? Parce que ça ne prend que les votes. Merci, OK. Et cela signifie également que vous devriez garder votre html pour cinq aussi petit que possible. Parce que si vous avez les derniers éléments ici, ça veut dire que ça va le trouver plus vite. droite ? Donc, n'a pas créé ce fou. Aussi fou que vous pouvez, Énorme devrait juste garder ce HTM Si je aussi petit que possible. Et si vous pouvez initialiser votre zone à la fois, faites-le parce que c'est un peu plus lent, mais parfois vous savez que vous ne pouvez pas le faire de cette façon parce que , par exemple, vous devez faire quelque chose comme, vous savez, à l'automne de l'union à de nouveaux éléments. Oui, parce que tu ne les connais pas encore. Mais si vous pouvez détester le faire Deadwood ne pas seulement des variétés mondiales parce qu'arriver à eux est plus lent. D' accord, et la raison. Tous ceux sur le plus lent. C' est aussi Ah, convention de pari. Alors ne les utilise pas. Et quand vous atterrissez, Jake porte et vous nous l'avons probablement appris parce que c'est vraiment nous allons vous faire économiser beaucoup de temps. Tu devrais te rappeler que tu ne devrais pas utiliser Jake étaient partout, si tu peux. Si vous savez que quelque chose est pris en charge. Hey, c'est mieux le temps d'utiliser JavaScript, le JavaScript de base. Par exemple. Lorsque vous obtenez la valeur de l'entrée en utilisant la propriété value au lieu d'utiliser cette chose du Jorquera, le code s'exécutera 1000 fois plus vite. Ok, La plupart des différences de temps ne sont pas si grandes, mais vraiment, parfois ces différences sont si grandes, alors n'utilisez pas partout. Requête Jack J. Si tu sais que tu n'as pas d'orteil. D' accord ? Le dicton a fait la leçon. Merci beaucoup. 79. Enregistrer un fichier js: Bonjour. Vous devriez toujours penser à garder le cinq JavaScript pour votre projet de mur. Pour le faire, vous devez connecter tout le JavaScript si de la glace en un. Mais je peux imaginer votre visage de combat maintenant. Vous avez, par exemple, 50 sur eux et vous changez quoi que ce soit dans l'un d'eux. Vous auriez besoin de trouver dictate appelé quelque part là-bas, et vous devez le copier et le faire face dans la bonne position. Vous devrez mettre à jour Manimal. Ça prendrait juste le temps de la loi. Il sera très, très difficile de garder traîner. Et la toux est que vous pouvez le quelque chose comme ça automatiquement en utilisant quelque chose de bon est appelé Grand Julius. J' ai déjà créé le cours sur Grand Julius et vous pouvez jolie, c'est ? Utilisez-le. Il va juste créer automatiquement un feu à partir d'agrandies autant que vous pouvez en ce moment. Vous avez probablement, par exemple, besoin de JavaScript, Ben pour libérer des plug-ins et d'autres choses comme ça, n' est-ce pas ? Par exemple, quatre scripts et tous ces scripts, nous rendrons votre site web beaucoup plus lent. Pourquoi ? Parce que le protocole http dit qu'il a toléré les deux combats à la fois, ce qui signifie que si elle est obtient le poids va devoir se reconnecter à l'Euro serveur à nouveau et obtenir un autre combat. Donc, cela rend vraiment votre charge sur votre site Web plus lent. Ok, donc tu devrais garder toujours moins de bagarres que tu peux. OK ? La chose cool sur Grand Jury Aziz aussi, que vous pouvez même alors créer des fichiers JavaScript pour chaque feeing possible comme, par exemple, dit qu'ils aiment, par exemple, panneau cité pour ce que vous voulez. Normalement, les gens font juste un gros cinq où ils ont beaucoup, beaucoup, beaucoup, beaucoup que vous connaissez pense à partir de JavaScript et des frameworks dans d'autres fichiers JavaScript et quelques plug-ins, droit ? Mais avec cela, vous pouvez même mettre à niveau avec la capacité réelle de vos cinq structures JavaScript ici, par exemple, en outre parce que vous pouvez créer pour chaque script un autre script Java spécial. Fine a vendu la leçon. Merci beaucoup. 80. Compression de fichiers js: Bonjour. Vous devriez toujours avoir votre combat JavaScript comprimé. Donc, vous devriez créer un second javascript. Si moi et le collège, par exemple, script pour je veux dire point Js et vous devriez copier tout le contenu et aller à l'un du site Web qui peut compresser javascript. Vous avez enfermé l'homme, copié ici, tapez compresse. Je veux dire Creek Compress. Et comme vous pouvez le voir, nous économisons environ 30 53%. Ainsi, votre site Web se chargera plus rapidement en kilo-octets. Peut-être que ce n'est pas grand-chose, mais il est vraiment imaginez que par exemple, j'ai un code régional qui a 90 kilo-octets et il pénètre dans la morsure 26 ou testiculaire autant que je me souviens, juste en comprimant droit. Donc, vous économisez plier qui, et il fera également votre site Web charge des charges de plus rapide. Et rappelez-vous que si votre site Web se dissout plus vite, il sera également mieux positionné dans Google, est-ce pas ? Vous pouvez également utiliser la base, 60 orteils et le culte qui le comprimera encore plus. Mais maintenant c'est tout à fait sur la lecture d'un livre, mais ça n'a pas d'importance, non ? Vous pouvez simplement le copier ici. Et vous étiez juste utilisé comme un script maintenant qui signifie que Js et vous allez travailler avec ce feu. Et puis nous vous demandons de changer quelque chose que vous devez maintenant copier ici et puis de le faire à nouveau. Vous pouvez aussi réduire les variables, mais parfois cela ne fonctionne pas et vous savez pourquoi vous devriez. Vous devriez utiliser la base 60 pour encoder Onley. Si ça rend votre combat cinq plus petit parfois, ça ne le rend pas plus petit. Alors vérifiez toujours. Si c'est plus ou c'est plus petit, vous devriez également activer sur votre site quelque chose avec ce culte G zip la plupart des diamants permis que vous pouvez quartier en accès HD. , Si c'est activé sur votre hébergement, j'ai créé un feu qui s'appelle accès HD. Vous pouvez simplement l'envoyer à votre site Web et il ne fera pas d'erreur sur votre site Web parce que même si vous ne l'avez pas installé, cela ne fonctionnera pas. Ok, mais c'est à la place, alors vous allez économiser beaucoup hors groupe, ce qui et ça va améliorer la vitesse de Donald votre site Web parce que tout sera , um, compressé par ce G zip pas sur le javascript cinq, mais aussi CS shtml. Eh bien, quels que soient les fichiers qui vont être téléchargés à partir de votre site Web. Eh bien, pas des images parce qu'elles ne sont pas sur la presque compresse. Droit ? Mais des choses comme le texte Vraiment ? Vraiment. Cela permettra d'améliorer la vitesse de votre site Web. Mais vous devriez aussi vous avez probablement aussi remarqué que quand je parlais quelque chose comme, Hey, vous devez savoir garder deux combats et chaque fois que vous changez quelque chose avant d'envoyer sur le site, vous devez aller ici, puis copier et le ici et compresser. Et puis encore ici et ici. Wow, ce serait juste les dieux du temps, bonnes années. Et tu dois le faire, Al nus. Tu sais que quelque chose de bien est bon. Par exemple, grand jury s que j'ai créé parce qu'à ce sujet A Gondry est un gestionnaire de tâches. Ok, Il va juste ultime beaucoup de tâches de développement web, y compris les combats JavaScript Judge à la volée et vous pouvez facilement le compresser automatiquement. Lorsque vous changez quoi que ce soit dans l'un de leurs combats, il va instantanément créer version compressée je pense est juste 10 fois plus facile. Et il vaudrait mieux que vous atterrissiez cette leçon en vendant la leçon. Merci beaucoup. 81. erreurs les plus courantes: Bonjour. Aujourd'hui, je vais vous montrer sept erreurs les plus courantes que les gens font. Pourquoi développer un script Javascript ? Le premier le plus important, je pense, est que lorsque vous avez entrée et que vous avez ici un texte de type, il dit même que voici la valeur qui est vraiment un texte. Donc, cela signifie que si vous par exemple, obtenez ces éléments de document obtenir un échantillon de citron droit, et vous l'enregistrez ici, vous remarquerez que lorsque vous faites quelque chose comme cette valeur d'échantillon et que vous l'envoyez par exemple alerte. Un résultat sera un combat et vous pourriez penser, Hey, c'est un numéro que nous pouvons ajouter. OK, alors ajoutons-le 100 plus une valeur simple et voyons maintenant quel est le résultat ? Le résultat est oh, c'est un 105. Pourquoi ? Parce que ces valeurs sont une chaîne. Vraiment. Cette pensée s'attend à ce que nous orteil ont ici une ficelle et des cordes. Lorsque vous utilisez une chaîne avec un nombre, vous aurez toujours une chaîne. Ok, c'est presque la même chose. Comme si on faisait quelque chose comme ça, non ? Et puis oui, c'est 1005. Si vous voulez interpréter ceci comme un nombre. Vous devez vous rappeler de l'analyser à l'anti Jer avant ainsi à cause de cela. Et pour l'instant, il n'en a pas d'autre. Ok, je pense que c'est très important parce que vous faites souvent des choses comme ça. Ok, donc c'est le 1er. C'est quoi le 2e ? Eh bien, quand vous créez un ovaire capable Donc par exemple, moi et puis vous descendez flanc. Si j'égale zéro, alors faites quelque chose comme test. Droit ? Et oui, ça va marcher. Comme vous pouvez le voir, nous avons reçu le message de test. Mais qu'arriverait-il si on faisait quelque chose comme ça par mystique  ? Parce que nous pensons en tant qu'humain que signe égal signifie juste que nous faisons une condition. Si des choses comme si je suis égal à zéro, le problème est que rien ne se passe. Pourquoi ? Parce qu'en ce moment nous assignons zéro, pas nous ne faisons pas d'orations. Onley compare l'opérateur d'illusion E ressemble à ça. Vous pouvez également comparer Comme vous pouvez le voir, nous avons un avertissement ici. Ceux-ci la pensée 30 se souviennent de l'utilisation de leur ah libre égale signes. Cela signifie que nous vérifions également s'il y a le type de ces variables est le même. Donc, si c'est quelque chose comme ça en ce moment, on ne dit pas de tests, d' accord, accord, parce qu'il y a une ficelle et c'est à toi de tomber autre pour ne pas me faire rester liquide ici. Bon, Bon, afin qu'on puisse vérifier si quelque chose est égal, genre, cinq dans l'entrée, mais ça doit être un cinq. C' est vraiment, hum qui a des liens égaux, non ? Celles-ci vérifient également si le moment est venu. D' accord. Et une autre erreur, c'est Look, maintenant ça marche, ça. Mais parfois les gens font des demi-deux-points comme ça. Comment C'est vraiment, vraiment très cultures. Mais je pense que c'est le plus difficile à repérer. Comme vous pouvez le voir maintenant, ça marche. Ça marchera toujours. Même si vous faites quelque chose comme ça, même si vous voyez ou ce que vous tapez ici, ce doigt était parce que la vérité est que nous pouvons faire entrer Humana, non ? Et on vient de mettre fin à la condition ici. Oh, c' est que j'ai perdu une fois pendant des heures pour repérer quelque chose que j'avais, mais j'étais un débutant, non ? Vraiment ? Fais attention à ce sujet. La prochaine chose dont vous devriez vous inquiéter, c'est cette comparaison. Donc, si je suis égal à zéro et dans le même temps X égal faire, par exemple, 105. Ensuite, affichez le message directement sur. Et Oh, d' accord. Comme vous pouvez le voir, maintenant nous avons le test. C' est pour écrire, parce que ici vous avez 105. Tout fonctionne bien. Mais certaines personnes font quelque chose comme ça et aussi à travers. Mais maintenant, ça pourrait être fini si je fais quelque chose comme ça. Cette fois, ça a fonctionné. Est-ce aléatoire parce que ces offres étaient des opérateurs ? Droit ? Quelque chose comme ça. C' est un peu sage. Opérateur, c'est un gros opérateur blanc. Ceci est opérateur relationnel, celui qui peut vérifier si cela est à travers notre maladie à travers le droit. Vous vous souvenez du fait de taper deux fois. Ok, on pourrait avoir de la chance, et le résultat sera correct. Mais parfois, cela rendra juste votre code vraiment, vraiment, vraiment mauvais. Et c'est la voiture au sport. OK, donc c'est le puits, c'est l'une des écorces que beaucoup de gens font, et la suivante est le document de sensibilité à la casse. Oh, écoute, je pourrais faire quelque chose comme ça, non ? Il a cessé de fonctionner. Notre manteau fonctionnait. Maintenant, ce n'est pas quand vous allez au feu de retour est la chose cool est que nous pouvons exactement voir document obtenir un citron par des idées ? Non, la fonction. Oh, ce n'est pas la fonction. Pourquoi ? Ah, parce que je ne l'ai pas tapé de la bonne façon. Ok, c'est une erreur typique, donc vous pouvez vérifier. Vous pouvez facilement le repérer, n' est-ce pas ? Si vous savez que tout en javascript est sensible à la casse. Et la dernière chose dont vous devriez vous inquiéter est de mettre fin à une définition d'objet de l'ère par une virgule. Qu' est-ce que je veux dire ? Certaines personnes font des choses comme celles de nos nombres et égaux, et elles font quelque chose de gentil. Un, 56 dehors. Je veux dire 10. D' accord. Et maintenant, il travaille, non ? Tout fonctionne bien. Quoi ? C' est la beauté, par exemple, fonctionne. Et maintenant, imaginez une situation comme ça. Enlèverons ces gars. Je n'en ai pas besoin. Et maintenant ton manteau ne va pas marcher dedans. Chaque mon frère va voir à entendre est attendu quelque chose d'inattendu. Vous devriez le retarder dans plusieurs navigateurs Web. Le code a été arrêté. Rien ne se passera après. Ok, donc tu dois être prudent dans cette virgule ici. Vous devez également être prudent lorsque vous créez des objets à partir de notre objet. Et lorsque vous faites quelque chose comme ça et que vous créez une propriété par exemple, nom, puis nom SAR, vous remarquerez que cela fonctionne bien. Mais si vous faites quelque chose comme ça, cela peut aussi arrêter votre manteau. Dans Firefox, ça marche. Cela dépend vraiment du navigateur Web, mais dans la plupart des navigateurs Web, il va juste faire fonctionner votre manteau. OK, c'est long Cette leçon. Merci beaucoup. 82. Garder les yeux en bonne santé: Bonjour. Quand je regarde ces, je d. dans mes yeux a Pourquoi ? Parce que j'ai le fond blanc. Si vous allez passer beaucoup de temps à travailler sur votre ordinateur, vous devriez éviter de larges arrière-plans. Vous devriez changer le calorie colle de votre i. D. Chaque I d a une option comme ça que ces bons ok, Parce qu'ils savent que pour la santé de vos yeux, vous devriez utiliser et les autres bâtons coloristes avec la grâce de certains noirs souffle ou quelque chose comme ça, ce sera 10 fois mieux. Donc c'est mon vrai coup de main pour toi. C' est un conseil pour vous. Devriez-vous utiliser aller là options ces options. Et cela signifie qu'il y a quelque chose comme un profil ici, comme vous pouvez le voir. Et vous pouvez changer, par exemple, orteil Norvège aujourd'hui. Comme vous pouvez le voir ici, vous pouvez vérifier à quoi ressemble quelque chose. Vous pouvez également voir à quoi cela ressemble dans d'autres langues, n'est-ce pas ? Tu peux changer quelque chose si tu n'aimes pas quelque chose qui ressemble à ça, non ? Il aura tout catégorisé et bien, vous pouvez simplement postuler. Et maintenant, comme vous pouvez le voir. Ça a l'air mieux, non ? Peut-être que si tu n'aimes pas ces roses ici, tu peux le changer. Ou vous pouvez trouver un autre écrivain. Vous pouvez changer à un autre. Il y en a beaucoup ici. Par exemple, vous avez ici sont ce n'est pas bon lumières de la ville. Je n'aime pas ça. Lui non plus. C' est pour ça que je ne sais pas qui les a téléchargés. Je pense que ceux-là a l'air joli, n'est-ce pas ? Et je l'ai téléchargé à partir du net Be tiges qui viennent. Il y a beaucoup de sites comme ça. Juste le temps que l'être vient télécharger Google et vous trouverez des sites comme ça , je pense qu'il ya beaucoup de tentatives ici et l'un d'eux sera sûrement celui que vous voulez, non ? Et vous pouvez simplement le télécharger correctement pour Donc, par exemple, vous pouvez télécharger ces choses. Un que vous ne pouvez pas le savoir. Et plus tard, vous devez juste un peu de fantaisie. Et quand tu as une salope, tu as quelque chose comme ça. Vous devez copier ce dossier dans le remorquage. Un chemin qui ressemble à ça. D' accord. Il sera votre nom d'utilisateur de données d'application itinérante que décent. Voici la version que vous voulez ajouter ce nouveau tentateur, et vous devez juste venir juste dehors cette année ici et des théories que vous allez demander si vous voulez Teoh, vous savez, changez ça. Je ne suis pas nous pour un peu plus que ce qui vous sera demandé parce que je remplace celui que j'ai déjà téléchargé. Et plus tard, lorsque vous quitterez ces beans et revenez, vous verrez un nouveau profil ici que vous avez téléchargé pour ici. OK ? C' est vraiment très important. Si tu veux Oh, programme, tes yeux seront vraiment reconnaissants pour toi. Merci beaucoup de cette zone a fait cela. 83. Qu'est-ce qu'un composant ?: Bonjour, mon ami. Tu vois cette figure de l'ego ? Il comporte de nombreux éléments, et ces éléments peuvent être appelés composants. Pourquoi ? Parce qu'à l'heure actuelle, il peut y avoir de nombreux designers, artistes qui travaillent sur chacun des composants qui créent la grande figure. Lorsque nous changeons cette tête pour une autre, nous avons toujours qui je vais bien deviner, je pense que pour l'instant, cela semble un peu différent. Nous pouvons également changer ce que Lex est maintenant différent, mais nous pourrions simplement changer une chose, mais le composant entier, le plus gros, celui qui est composé de nombreux composants fonctionne toujours, et c'est l' idée qui sous-tend React. Nous allons diviser les éléments dans votre candidature. C'est, par exemple, Web One, n'est-ce pas ? En petits composants. Ainsi, par exemple, lorsque vous arrivez à DA, n'est-ce pas, vous n'allez pas tout créer un après l'autre, vous n'allez pas créer du HTML et du JavaScript pour ensuite associer des écouteurs adevent et ainsi de suite à toutes ces choses B si vous l'avez fait de cette façon, si vous devez changer quelque chose, n'est-ce pas, vous devez probablement aussi changer quelque chose en JavaScript, La plupart du temps, lorsque vous ajoutez une nouvelle fonctionnalité ou quelque chose comme ça. Cependant, dans le cas de composants, nous voulons les créer de cette façon, afin de pouvoir ajouter de nouvelles fonctionnalités. Nous pouvons ajouter de nouveaux composants, comme si nous les insérions sur ce truc Par exemple, nous pouvons également ajouter des accessoires. Nous pouvons dire : « Hé, je veux avoir un accessoire comme celui-ci, par exemple. Je vais retirer la tête et entre ça et ça, je vais mettre le manteau, par exemple, comme ça, et ça marche toujours bien Nous avons une nouvelle fonctionnalité et elle fonctionne. que nous voulons étendre nos applications, pas comme avant. Bien sûr, il sera plus facile voir quand nous commencerons à écrire un programme, mais la chose la plus importante que vous devriez comprendre dans cette conférence est ce qu'est un composant. C'est juste un individu, quel élément, n'est-ce pas ? C'est juste un objet que vous pouvez simplement mettre à côté un autre objet et créer quelque chose de plus grand, de plus petits objets, vous créez un gros article qui fonctionne très bien ensemble, comme un up, par exemple, n'est-ce pas ? Vous devez donc principalement changer d'état d'esprit lorsque vous devez réagir. Vous n'allez pas créer des choses comme, vous savez, dans le chaos, comme vous le faisiez en ce moment. Et pour être honnête, il n' y a rien de mal à tout faire comme ça lorsque vous réalisez un petit projet, souvenez-vous que React est comme une solution pour travailler avec plusieurs personnes à la fois, n'est-ce pas ? Ou quand le projet va prendre de l'ampleur. Mais tu dois apprendre à réagir et cela va prendre un certain temps. Vous devez donc décider si vous voulez faire quelque chose très, très rapidement et ne pas y revenir ou si vous voulez avoir un état d'esprit différent qui consiste à assembler de petites pièces, de petits composants pour créer quelque chose de plus grand et faciliter le remplacement des objets. Donc, en tant que site Web, cela reviendrait à créer éléments réutilisables sur votre site Web où vous pourrez les utiliser où vous le souhaitez, et autant de fois que vous le souhaitez, n'est-ce pas ? Donc c'est comme changer d'état d'esprit pour se lancer plus grands projets, non ? Vous pouvez, bien sûr, l'utiliser aussi dans les plus petits, non ? Mais parfois, c'est trop tuer. Mais apprendre à réagir est une bonne idée parce que vous allez probablement l'émettre quelque part, comme , par exemple, lorsque vous allez travailler pour quelqu'un parce que là, comme vous pouvez le voir, vous allez travailler avec d'autres personnes et elles veulent suivre une sorte de modèle de création d'objets. Et ce modèle permet, par exemple, étendre les choses parce que, vous savez, lorsque quelqu'un suit une sorte de règle, une sorte de modèle, c'est bien parce que, eh bien, les programmeurs peuvent l' être, vous savez quoi ? Je vais chercher un autre travail. Maintenant, je ne travaillerai plus avec toi. Et si ce programmeur n'a pas utilisé, par exemple, React, mais qu'il a tout fait, vous savez, avec chaos, état d'esprit. Eh bien, un autre programmeur va avoir un problème. Ça va être difficile de se lancer dans un projet comme celui-ci. Cependant, si quelqu'un doit utiliser React et qu'il doit simplement quitter le lieu de travail, un autre programmeur va simplement intervenir et il saura où se situent les choses, car il y aura des modèles que tout le monde pourra suivre. Un nouveau programmeur qui arrive dans le projet va intervenir et commencer à ajouter de nouveaux éléments qui assemblent les composants. 84. Les bases de React - la leçon la plus importante pour apprendre React: Bonjour, mon ami. La leçon d'aujourd'hui est probablement la leçon la plus importante que vous ayez jamais eue concernant React. Après cela, vous ne pouvez pas simplement réagir avec cela. Je vais vous faciliter la compréhension de toutes les définitions de base compréhension de toutes les définitions de Cela va être une chose tellement simple pour toi. Vous allez savoir comment travailler avec Rag et pourquoi ? React en a l'air. Commençons donc par. Comment fabriquions-nous les applications avant d'utiliser R. Donc, quelque chose comme ça, par exemple, lorsque je clique, le nombre ici augmente. L'ancienne méthode consistait à créer du code HTML avec des identifiants afin que nous puissions y accéder plus tard, en créant un script qui vous permet, vous savez, de compter et de stocker le nombre de clics. Ensuite, nous devons faire des références à des éléments HTML de ce type, sinon nous ne pourrons pas y accéder. À l'écouteur pair, lorsque quelqu'un clique, le nombre augmente, puis nous mettons à jour la vue, sorte que ce qui est affiché ici prend la valeur qui est ici Et oui, cela fonctionne pour de petits projets comme celui-ci. Ce n'est pas grave, mais nous sommes en train de changer d'état d'esprit Comme je l'ai dit dans la conférence précédente, nous voulons commencer à créer des composants. Nous sommes donc en train de changer notre ancienne méthode en une nouvelle. Et finissons, et nous nous concentrons maintenant sur le code ici, non ? Et nous voulons tout refaire dans React. Comment utilisons-nous React ? Comment l'installons-nous ? Il existe deux manières d'installer React. C'est une question très difficile et nous n'en parlerons pas dans cette conférence. Et le second, qui est très simple. Tout ce que vous devez utiliser est d'inclure React car il ne s'agit que d'une bibliothèque JavaScript, pour créer une interface utilisateur par défaut. Oui, il y a beaucoup d' autres choses autour de lui, mais pour être honnête, la réaction de base n'est qu'une bibliothèque. Je vais donc simplement le copier dans notre projet, d' accord, comme ça. Et oui, nous pouvons utiliser React maintenant. Mais React doit également travailler sur quelque chose de bien appelé Document Object Model. Nous devons donc également inclure le modèle d'objet du document. Réagissez. Mais le problème avec le lien que j'ai obtenu ici et je remarque également que le site que j'utilise pour obtenir ces liens s'appelle jsdeliver.com, est qu'il n'utilise pas UMD, et pourquoi est-ce important ? C'est parce que cela signifie définition universelle du module. Tu vois ? Le problème est que, parce que nous une solution rapide, nous voulons la créer ici, dans cet endroit précis, sans configurer de serveurs C'est une très bonne idée pour montrer que nous devons utiliser quelque chose qui fait les choses un peu différemment. Nous devons donc cliquer sur Parcourir aller ici et choisir ceci, d'accord ? Et c'est le lien que nous voulons parce que nous voulons celui que nous pouvons utiliser localement sans serveur, et c'est le script qui va vous permettre de le faire. Mais rappelez-vous, encore une fois, qu'il ne s'agit que d'une solution rapide pour apprendre à réagir. Tu ne vas pas le faire comme ça à l'avenir. Mais bon, nous pouvons déjà utiliser React et c'est puissant. Parce que, pour être honnête, React se concentre sur des éléments réutilisables appelés composants. Après l'avoir configuré comme ceci, vous pouvez utiliser les composants créés par d'autres personnes sur votre site Web où vous le souhaitez. Oui, c'est tout. Si tu veux l'utiliser juste pour ça, c'est suffisant. Mais, bien sûr, les gens y ont vu un potentiel, et il existe de nombreux outils que vous pouvez apprendre à l'avenir, mais ils ne sont pas nécessaires pour simplement réagir, d'accord ? C'est pourquoi je trouve cela stupide qu'il y ait autant de tutoriels et de documentations où cette partie n'est stupide qu'il y ait autant de tutoriels pas montrée, ce qui vous permet de passer à React instantanément, car remarquez que nous pouvons désormais utiliser React dans notre script Nous pouvons donc simplement le commenter car nous n' allons plus l'utiliser. Nous voulons faire toutes ces choses en utilisant Jas, mais comment utilisons-nous React ? La première chose que nous devons configurer est la racine du modèle d'objet de document qui va être créé par React. Parce que React a quelque chose de bien. C'est ce qu'on appelle le modèle d'objet de document virtuel qui lui permet de voir les modifications des valeurs virtuelles, puis de les appliquer à votre site Web sans que vous ayez à y penser. Et c'est super puissant. C'est donc la racine, non ? Copions-le ici et ajoutons-le commentaires, car chaque application a, comme une racine dans Rat, l'endroit où nous commençons notre composant le plus important, l'application principale. Et maintenant, pour le faire, nous devons, dans notre script, faire quelque chose comme ça. Accédez au modèle d'objet de document React, puis créez une racine, non ? Et nous créons une racine sur cet identifiant. Donc, tout ce que nous avons à faire est d'obtenir un élément par identifiant et de choisir root, comme ça. Et maintenant, oui, nous utilisons React à quel endroit précis, d'accord ? C'est donc le point de départ de notre candidature. Et maintenant, nous pouvons y afficher ce que signifie le rendu, comme imprimer, d'accord ? Des composants que nous allons créer dans React, n'est-ce pas ? Comment créons-nous des composants ? Pour créer un composant dans React, vous tapez function, puis le nom de votre composant, d'accord ? Et oui, vous pouvez simplement revenir ici, par exemple, bonjour, un mot comme celui-ci, d'accord ? Et est-ce suffisant ? Nan. Pourquoi ? Parce que nous n'avons invoqué cette fonction nulle part et que nous ne l'avons pas rendue, n'est-ce pas ? Et pour le rendre, nous devons le faire. Tout d'abord, enregistrez cette racine quelque part. Nous allons donc l'enregistrer dans la variable constante appelée root. Et maintenant, nous pouvons y accéder et afficher notre composant. Mais pour obtenir ce composant, nous devons utiliser une fonction appelée create element, et maintenant nous pouvons y envoyer le nom de notre fonction, qui est component. OK ? Alors n'oubliez pas, c'est un composant, d'accord, je réagis. Donc, pour être honnête, les composants ne sont que des fonctions, n'est-ce pas ? Rien d'autre. C'est juste une fonction simple. Maintenant, comme vous pouvez le voir, nous avons un mot en halo, mais bon, cela n'a pas fonctionné comme nous l' avions probablement deviné car l'âge un n' apparaissait pas ici comme un âge Pourquoi nous en reparlerons bientôt. Mais bon, le plus important, c'est que tout ce qui est renvoyé ici apparaisse maintenant, il sera rendu ici. Tellement de choses, tellement de tracas en ce moment, non ? Mais ce n'est que le décor. Ne t'inquiète pas. Cela deviendra donc plus facile. Pensez que nous devrions changer le nom de notre composant pour décrire ce que nous créons. Nous créons une application, non ? Et dans notre application, que voulons-nous renvoyer  ? Plus d'éléments. Et maintenant, remarquez que quoi que je fasse, c'est juste pour vous apprendre comment c' est, comment tout fonctionne en arrière-plan, d'accord ? Nous pouvons donc créer un élément de lecture. Et nous pouvons le créer sous forme D. Nous pouvons envoyer des valeurs au développeur, mais nous n'avons aucune valeur à laquelle les envoyer pour le moment, nous allons donc envoyer null car create element prend trois arguments, d'accord ? Alors, d'abord, quelle est la stratégie ? Quelle valeur lui envoyez-vous et qu'est-ce qui doit être présenté à l'intérieur de celui-ci. Alors je dis bonjour à tout le monde. Comme vous pouvez le constater, il s'agit notre premier Hello World à l'intérieur d'un. Comme vous pouvez le constater, nous ne voyons aucun changement dans notre code source, mais nous changeons la vue d'une manière ou d'une autre. La vue de ce que nous voyons. Et si nous voulons maintenant créer tous les éléments que nous faisions auparavant. Eh bien, sans quelque chose de code appelé JavaScript, XML, qui ressemble à JSX, d'accord ? JSX. Vous devez tout d' abord utiliser la syntaxe comme celle-ci, et maintenant vous devriez faire quelque chose comme ça. OK, donc je dois le faire. Comme vous pouvez le constater, c'est une bonne chose que nous ayons quelques indices. Mais oui, ça marche, non ? Nous avons créé tout ce que nous avons fait ici. Et pour être honnête, ça a l'air horrible. Ça a l'air super. Je reviens définitivement de la réaction ce que nous faisions auparavant. Et pour être honnête, je ne l'utiliserais jamais comme ça si c'était, tu sais, c'est juste horrible à lire. Heureusement pour nous, quelqu'un a inventé quelque chose qui s'appelle JA Zix Et qu'est-ce que JaIX ? Pour être honnête, c'est comme du JavaScript étendu. Certaines personnes l'appellent JavaScript XML parce qu' il est basé sur le HTML, qui est basé sur le XML. Donc, pour être honnête, c'est comme du HTML et du JavaScript. Et nous pouvons utiliser un tel langage dans notre script. Mais pour pouvoir l'utiliser, nous devons d'abord installer également ce que l'on appelle babel Je vais donc simplement le copier et le mettre ici. Et maintenant, dans le script, je tape ici que nous utilisons le texte Babel, et à partir de maintenant, cela va être tellement cool et facile à faire parce que nous ne le faisons pas maintenant de cette façon, n'est-ce Mais nous pouvons facilement faire quelque chose comme retournons, et c'est une bonne idée d'utiliser les parenthèses ici, et ici nous pouvons taper uniquement du HTML Supposons que je veuille avoir un an, bienvenu et je puisse faire tout ce que nous sommes ici, n'est-ce pas ? De la même façon auparavant. Mais le problème est que, comme vous pouvez le voir, nous avons une erreur ici, et cool, c'est que nous avons une erreur ici. J'aime les erreurs parce que finalement nous avons des erreurs avant de ne pas en avoir. Mais finalement, JS six contient des erreurs dans notre éditeur, pas par la suite. Et l'erreur est là parce que la fonction qui va transformer cela en ce que nous avions avant, créer un citron, en faire vieillir un, créer un B, créer le bouton citron, etc., n'est-ce pas ? Il faut avoir ce qu'on appelle un parent pour toutes ces choses. Cela signifie que nous devons simplement faire quelque chose comme DIV et tout mettre dans le Div. Comme vous pouvez le voir maintenant, cela fonctionne bien, et c'est vraiment du JSX Tout ce qui se cache derrière tout ce qui se trouve ici, c'est du JavaScript, c'est du JSX, pour être honnête Tout ce qui se trouve ici est du code XML JavaScript. Maintenant, c'est ce que transcrit en Javascript typique et React utilise simplement Et c'est plus facile à utiliser. C'est pourquoi ce n'est pas comme si vous deviez réapprendre une nouvelle langue. C'est juste que vous pouvez enfin utiliser le HTML dans Javascript. Et notez que normalement, vous devez mettre ici, par exemple, guillemets et réfléchir aux guillemets ici pour les inverser. Non, tu n'as pas à t'inquiéter pour eux. Vous retournez simplement du HTML comme ça et bon, ça marche ? Oui, il est là, super. Je suis heureuse. La prochaine chose est que vous n'avez pas besoin d' utiliser cet élément de création n'importe où. Vous pouvez simplement le rendre maintenant comme ceci. Vous n'envoyez ici que le nom du composant que vous souhaitez afficher. C'est ainsi que nous avons créé notre premier composant et que nous l'avons affiché dans le div racine. Et vous pourriez penser qu'il y a beaucoup de choses à faire pour faire une telle chose, mais ce seront des choses qui seront prédéfinies plus tard. C'est comme une chose à faire une seule fois. Et plus tard, nous travaillerons uniquement sur les composants, d'accord ? Et maintenant, il est temps de fabriquer ce composant, de faire les choses, non ? Donc, lorsque je clique dessus, je veux, aimer, les points de vue sur les éléments présentés ici pour réagir. Hé, n'est-ce pas pour cela que Reacts s'appelle React ? Oui. Mais comment faire de telles choses ? OK. Nous avons donc besoin d'un compteur d'une manière ou d'une autre, non ? Et nous avons besoin d' une variable qui va la compter, et nous devons d'une manière ou d'une autre invoquer une fonction qui va, exemple, appliquer ces choses. Normalement, nous le faisions de cette façon, et il y avait beaucoup de choses à faire. Mais maintenant, ce sera un peu confus, mais vous verrez bientôt pourquoi c'est si cool. Nous devons créer un État. Et pour créer l'état, nous tapons state, puis nous tapons l'état initial, donc la valeur de la chose que nous avons créée ici. Mais qu'avons-nous créé ici ? Appelons-le, par exemple, Hooked Array, comme ceci Maintenant, bien sûr, nous devons réagir, désolé. Et maintenant, imprimons-le. crocheté. Donc, comme vous pouvez le constater, lorsque nous entrons dans la console, que se passe-t-il ? Un état d'utilisation React n'est pas une fonction. Pourquoi est-ce ainsi ? Eh bien, c'est vrai parce que j'ai écrit SAD, pas State. Et maintenant, comme vous pouvez le voir, qu'est-ce que nous avons dans la console ? Le tableau crocheté, qui vaut zéro, et la fonction entre parenthèses Cela signifie que cette fonction renvoie un tableau de deux valeurs. La première valeur est le nombre entier et son entier est égal à zéro car voici une valeur initiale pour celui-ci. Donc, comme vous pouvez le voir, maintenant c'est plus grand, non ? s'agit donc simplement de la valeur initiale du premier élément d'un tableau, et la deuxième valeur est une fonction. C'est plutôt intéressant, non ? Donc c'est comme ça dans cette situation, c'est comme le zéro et une sorte de fonction, non ? OK, donc c'est à l'intérieur maintenant. Hum. Alors peut-être qu'on va le partager. Nous allons donc faire quelque chose comme ça. Constante. Appelons ça un compteur. Tu peux l'appeler comme tu veux. Faisons juste, tu sais, quelque chose comme ça. Nous avons donc créé un compteur qui va stocker ces valeurs nulles, et la fonction va être stockée dans une variable. Vous devez donc savoir que, oui, vous pouvez stocker des fonctions dans des variables, et vous pouvez invoquer ces données de fonctions, et vous pouvez stocker la valeur de Canter ici Et c'est très important. Notez que j'ai appelé ce tableau accroché. Pourquoi ? Parce que cette fonction s'appelle hook. Ça s'appelle comme ça. C'est parce qu'elle accroche, qu'elle connecte comme toujours cette fonction à cette valeur. Et ce n'est pas comme si nous avions dû les mettre quelque part ici, non ? Il renvoie simplement le compteur de variables, et il renvoie le compteur de fonctions indiquant qu'elles sont connectées les unes aux autres. Nous leur avons inventé des noms ici, d'accord ? On pourrait les appeler A et B, non ? C'est à nous de décider comment nous les appelons. Ils ont simplement été renvoyés dans le tableau accroché en tant que première valeur et deuxième valeur Nous les appelons ainsi parce que c'est ainsi que nous voulons les appeler, ils sont donc autodescriptifs. Maintenant, nous n'avons pas besoin d' utiliser des identifiants ici, n'est-ce pas ? Nous pouvons accéder à la valeur de Canter dans notre composant en sautant dans JavaScript. Mais comment pouvons-nous entrer dans le JSX, du HTML au JavaScript Parce que Jax est vraiment HTML plus JS, non ? Nous devons taper ici entre crochets et maintenant le nom de la variable depuis le Javascript Maintenant, comme vous pouvez le voir, cela indique zéro, mais si nous changeons la valeur cinq ici, ce sera cinq. Il ne s'agit donc que d' une valeur initiale pour Canter. Hé, mais nous voulons augmenter le Canter lorsque cette fonction est invoquée, et c'est aussi la seule façon de le faire Et cela se produira lorsque vous cliquerez sur le bouton. Et dans JSX, nous avons quels événements, qui sont très similaires à ceux de Javascript Vous pouvez voir au clic, ce qui signifie que lorsque quelqu'un clique sur un bouton, ce qui va se passer est ce que nous allons mettre ici. Nous pouvons donc, par exemple, mettre ici, augmenter la valeur. Et pourquoi augmenter les valeurs parce que nous allons définir ici une autre fonction, qui servira, par exemple, à augmenter la valeur, n'est-ce pas ? Et cette fonction va régler le compteur à quoi ? Par exemple, 40 0400. Quand je clique dessus, il passe à 400. Le bouton a donc été cliqué. Et la valeur augmentée a été invoquée, et le set Canter est connecté, accroché C'est pourquoi on les appelle des crochets, n'oubliez pas. C'est lié à Canter. Donc, lorsque j'envoie une valeur ici, nous envoyons vraiment de la valeur à Canter et réglons l'état de Canter sur 400 Et pour être honnête, set Canter ne change pas seulement cette valeur, mais il nous redonne Comment le savons-nous ? Parce que si nous avions écrit ici, par exemple, Canter et que nous avions changé la valeur en 500, notez que rien ne se passe ici Ce n'est pas seulement parce que Canter est constant lorsque nous le changeons en, par exemple, let Comme vous pouvez le constater, pourquoi la valeur n'est pas modifiée ? Eh bien, nous avons changé la valeur de Kanter, pour être honnête, car pourquoi pas ? Nous invoquons la valeur accrue. Mais le problème est que nous n'avons pas mis à jour la vue. La vue est celle que vous voyez ici, d'accord ? Ce que vous voyez sur le site Web. Et nous ne l'avons pas mis à jour. Pour le mettre à jour, nous devons le rendre à nouveau. Mais vous déclarez comme un ensemble accroché compteur à compteur, et lorsque le compteur défini est invoqué, non seulement nous changeons la valeur, c'est-à-dire, mais nous nous souvenons également de Update, nous affichons l' état sur Donc, dans cet endroit précis, et il y a de nombreuses optimisations en coulisse, alors ne vous inquiétez pas, vous savez, Waouh, il y a certaines choses à faire à partir de zéro. Ce qui est cool, c'est qu' il existe des optimisations. Vous n'avez pas à vous soucier de trop les comprendre. Oui, ils sont optimisés. Mais je l' utiliserais si ce n'était pas le cas, non ? Maintenant, si je veux augmenter le compteur d'un, je dois taper ici la valeur qui était avant, donc l'état du compteur d'avant, et simplement en ajouter un. Maintenant, comme vous pouvez le voir, j' augmente simplement la valeur d'une unité. Notez que nous n'augmentons pas le compteur d'une valeur ici. Nous accédons simplement à l'état du compteur affiché, puis nous en ajoutons un à cet état et nous envoyons la nouvelle valeur au set Kanter, qui est connecté à Kanter en arrière-plan, change son état de valeur ici et affiche également Il y a donc beaucoup de choses qui se passent en arrière-plan, mais vous n'avez pas à vous en soucier maintenant. Maintenant, je vais également vous montrer comment le raccourcir un peu. Passons à la commande et remarquons qu'ici, nous avons vraiment quel tableau de zéro puis la fonction, n'est-ce pas ? Nous pourrions donc vraiment écrire ici quelque chose comme ça. Comme vous pouvez le constater, nous avons une suggestion. Canter entre donc dans ce set, le compteur entre là-dedans Et pour être honnête, c'est comme si « Hey, zéro saute ». Ici, la fonction saute ici car vous pouvez attribuer des valeurs de cette façon. Donc, si nous le faisions comme ça, zéro sauterait ici, F sauterait ici. Mais c'est juste le zéro F qui provient de cela renvoyé par la valeur renvoyée par cette fonction et ça continue. C'est donc un droit plus court que celui-ci. Je t'ai montré ce truc pour que tu comprennes ce qui se passe dans les coulisses. Et aussi quoi ? Nous invoquons la fonction ici, mais nous pourrions le faire différemment. Nous pourrions invoquer ici, définir un compteur, mais comment l'invoquer ? Nous pouvons l'invoquer en utilisant une fonction anonyme comme par exemple, cette façon, puis invoquer le compteur défini et l' augmenter d'un. Et comme vous pouvez le constater, cela fonctionne bien, non ? Ce n'est donc plus nécessaire. Mais nous pouvons aussi, au lieu d'une fonction anonyme, utiliser la fonction flèche. Et dans React, nous utilisons les fonctions fléchées parce qu'elles ont un avantage sur certaines choses difficiles à expliquer maintenant car il ne s'agit que d'une application de base. Mais n'oubliez pas qu'au lieu de fonctions anonymes, les utilisateurs utilisent des fonctions fléchées. Nous en avons déjà parlé, mais rappelons simplement qu'il ne s'agit que d'une autre façon d'écrire des fonctions. Vous ne tapez pas ici maintenant, fonctionne, n'est-ce pas ? Vous utilisez les parenthèses puis la flèche pointant vers le corps de la fonction Et cette parenthèse est là pour quoi ? C'est pour envoyer des arguments à cette fonction car nous n'avons aucun argument. Nous avons des parenthèses vides. Ces parenthèses correspondent donc à cet argument vide. La flèche pointée va envoyer les valeurs au corps de fonctions dans lequel se trouve le corps entier. Parce que créer une fonction qui n' invoque qu' une seule fonction est stupide, n'est-ce pas ? Cela prendrait tout simplement trop de temps. Nous pouvons donc simplement le raccourcir comme ça. Les fonctions de flèche ne font donc que raccourcir cela. Vous pouvez voir que ça va de mieux en mieux, non ? Nous avons maintenant fait ce que nous faisions auparavant, à l'ancienne, de la nouvelle manière. Le plus intéressant, c'est que nous n'avons plus besoin de nous demander où la valeur du compteur est modifiée Nous pouvons le changer de n' importe où dans le monde. Mais comme l'état est désormais connecté à cette fonction, lorsque nous le faisons avec cette fonction, nous sommes toujours mis à niveau, mis à jour dans la vue. Et c'est également très puissant. Les deux principales caractéristiques de React sont donc que nous divisons les éléments en composants, n'est-ce pas ? La deuxième chose est d'utiliser des crochets qui connectent la fonction à la variable. Ce n'est qu'une leçon. Merci beaucoup. 85. Qu'est-ce que Nodejs et npm ?: Bonjour, mes amis, aujourd'hui, nous allons parler de quelque chose de super important, qui s'appelle NodeJS NodeJS est un logiciel que vous pouvez télécharger sur votre PC. Et après l'avoir installé, vous disposez de nombreux outils préinstallés, d'accord ? Avec ce gros logiciel et ce qu'il vous permet de faire. Tout d'abord, NodeJS vous permet d'exécuter JavaScript en dehors de votre navigateur Web ce qui est tout simplement super puissant Pourquoi ? Parce que si vous exécutez NodeJS puis que vous l'utilisez, vous exécutez JavaScript en dehors de votre navigateur Web, cela signifie que vous n'avez plus besoin de langages de programmation tels que Python ou PHP pour Python ou PHP pour ce que l' on appelle le développement Bend Vous ne pouvez désormais apprendre qu'un seul langage, langage de programmation tel que le script Java, et ne jamais apprendre un autre langage de programmation et créer une application complète, le front-end, ce qui était normalement fait en utilisant le HTML, le CSS et le JavaScript, avant de devoir apprendre, par exemple, PHP ou Python deux. Créez du capital. Donc, quelque chose qui va enregistrer, par exemple, des données, les envoyer et les récupérer à partir de bases de données, par exemple, n'est-ce pas ? Maintenant, vous pouvez tout faire en utilisant une seule langue, et c'est la solution, n'est-ce pas ? Tellement si puissant. Aujourd'hui, toutes les nouvelles applications seront perdues, si elles doivent être volumineuses, elles seront basées là-dessus, d'accord ? Et après l'avoir téléchargée, ce qui est très simple, vous choisissez toujours la version de support Long Ten. LTS signifie qu'il sera supporté pendant longtemps. Choisissez le système et votre processeur, qui est le plus souvent le téléchargement de la défadoption de X 64 , puis le suivant, le suivant, le suivant, et avec cela, vous allez télécharger NodeJS avec le moteur pour exécuter JavaScript, d'accord, et ce que l'on appelle NPM, qui signifie gestionnaire de packages node Donc quelque chose qui va gérer les packages pour nod JS. Par défaut, NoJS est livré avec certaines fonctionnalités de base qui sont regroupées dans des packages Et ces fonctionnalités vous permettent, par exemple, de créer votre propre serveur. Waouh. Ainsi, NodJS peut configurer le serveur en JavaScript, ce qui signifie que vous pouvez, par exemple, en utilisant JavaScript, accéder aux fichiers de votre ordinateur Oui, vous pouvez accéder aux fichiers sur le serveur. Par exemple, les bases de données, n'est-ce pas ? Et bien d'autres choses encore. Cela ne fait que simplifier les choses, mais c'est la partie la plus importante dont vous avez besoin, non, n'est-ce Et ce sont les packages de base, mais les gens créent des packages sans JS. Et lorsque vous allez sur le site comme celui-ci, donc npm js.com, vous constaterez après votre inscription qu'il existe 3000000/3000000 Bien entendu, vous n'avez pas besoin de tous les apprendre. Ici, vous pouvez voir les bibliothèques populaires qui sont des packages, n'est-ce pas ? Le package Manager propose une bibliothèque sans JS, et vous pouvez les choisir par catégorie. D'accord, je veux voir les packages frontaux, donc je vais les choisir, puis je pourrai voir lesquels sont populaires, par exemple, et en apprendre davantage sur eux, puis les installer l'aide de ce NPM Comment faire des choses comme l'installation, nous en parlerons dans la prochaine conférence, mais notez que nous avons réagi ici. Nous avons un dôme de réaction que nous avons utilisé dans la conférence précédente, n'est-ce pas ? Nous les avons inclus manuellement dans la tête, ici même. Mais inclure quelque chose manuellement n'est pas une bonne chose car, eh bien, l'utilisateur qui visiterait notre site devrait télécharger cette partie à chaque fois, n'est-ce pas ? C'est juste lent. Et tout ça, par exemple, que fait React ? Je veux dire, par exemple, en compilant le JSX en composants React, par exemple, ces choses devraient être effectuées sur le serveur, C'est pourquoi vous pouvez installer, par exemple, node JS sur votre serveur, juste après. Quoi ? Vous configurez tous les packages nécessaires et vous êtes prêt à partir, n' est-ce pas ? Toutes ces choses vont être effectuées sur le serveur, non ? Et tu vas juste montrer le résultat. Donc c'est super, super cool. Facile à installer. Un clic sur Suivant, Suivant, Suivant. Je ne vais même pas le montrer car vous pouvez cliquer sur les boutons Suivant. Et après cela, vous devez apprendre à l'utiliser dans les identifiants, comme, par exemple, le code Visual Studio, n'est-ce pas ? Et nous allons faire ces choses lors de la prochaine conférence. Mais pour l'instant, comme je l'ai dit, le plus important pour vous est de comprendre qu'il existe un logiciel que vous installez sur votre PC ou sur un autre ordinateur. Par exemple, un hébergement qui vous permet d'exécuter JavaScript en dehors du navigateur Web. C'est le plus important car cela rend JavaScript super puissant. Vous pouvez créer des applications complètes en JavaScript. Et je vais ajouter une autre chose très, très, très intéressante, qui est quoi ? Vos applications n'ont pas besoin d'être uniquement des applications Web. OK ? Waouh, oui, vous pouvez désormais créer des applications JavaScript, même pour ordinateur de bureau, même pour mobile. Il existe ici des frameworks pour ces bibliothèques que vous pouvez trouver dans NPM Donc, pour être honnête, il ne s'agit que d'une solution pour tout. C'est trop cool, non ? Ce n'est qu'une leçon. Merci beaucoup. 86. Installer la structure Vite et React: Bonjour, mon ami. Aujourd'hui, vous allez installer votre premier package qui sera installé, ainsi que d'autres packages. Oui, c'est également possible. Et ce package s'appelle Vite. Lorsque vous allez ici dans le gestionnaire de packages du nœud et que vous tapez White, vous remarquerez que, oui, il existe quelque chose qui s'appelle te et que vous pouvez l' utiliser pour ne pas le faire sur les éléments affichés ici, d'accord ? Donc, les gens l'utilisent principalement pour démarrer ce que l' on appelle un serveur local doté de ce que l'on appelle HMR, c'est-à-dire le remplacement de modules à chaud, ce qui signifie que vous pouvez remplacer tout ce qui se trouve sur vos sites Web lorsque vous travaillez avec eux. Un instant et uniquement dans cette phrase particulière sans rafraîchir l'ensemble du site Web. Il est donc très rapide et facile déboguer à l'aide de ce que l'on appelle Vt Mais Vt, vous devez comprendre que le package n'est pas toujours comme un seul programme, une solution unique. Il peut y avoir beaucoup de choses dedans. D'accord ? Et il peut également configurer la structure de base de votre reaction up. Comment faisons-nous de telles choses ? Lorsque vous accédez au code Visual Studio et que vous ouvrez le terminal, et pour ouvrir le terminal, comme vous pouvez le voir ici, c'est un terminal, et pour ouvrir le terminal, vous cliquez ici. Le contrôle et ce panneau sont là, d'accord ? Et ce panneau est à côté du numéro un, puis vous pouvez ouvrir et fermer le terminal. Et maintenant, parce que nous avons installé Node JS dans le monde des conférences précédent , vous avez accès au gestionnaire de packages NodeJS Ainsi, lorsque je tape NPM, je peux émettre des commandes Et l'un d'eux est init, ce qui signifie qu'il s'agit de l' initialisation, est-à-dire de la création du début de votre et de quoi Je veux donc suivre ce que fait VD et dans la dernière version. Je n'ai donc pas besoin de configurer la version des éléments que je souhaite utiliser. Et quand j'appuie sur Entrée, il nous demande quel est le nom de notre projet. Si je tape ici le nom de notre projet, vais créer un dossier avec ce nom. Mais je vais le mettre ici, ce qui signifie que je veux créer un projet dans ce dossier particulier avec lequel nous travaillons. Demandez-nous ensuite si nous voulons supprimer tous ces fichiers ou si nous voulons annuler l'opération ou si vous voulez ignorer ces fichiers. Ignorons-les. Ensuite, nous pouvons sélectionner un cadre avec lequel travailler. La structure de base de tout. Comme vous pouvez le constater, nous avons réagi. Il existe d' autres solutions, comme Splter , qui sont également recommandées Il y a de la vue. Ils sont également très cool, beaucoup d'autres. Mais dans ce cours, nous allons utiliser React. Je vais donc choisir React, Enter, puis il vous demandera quel type de langage allez-vous utiliser ? Allez-vous utiliser Typescript ou JavaScript, n'est-ce pas ? Typescript est comme Javascript, mais avec des types, d'accord ? Avec des types pour les variables et quelques fonctionnalités supplémentaires, ajoutez-en un, mais beaucoup de gens l'utilisent parce qu'ils veulent des types et qu'ils veulent déboguer le code plus facilement Donc, si vous connaissez JavaScript, vous connaissez presque déjà TypeScript, mais nous allons nous concentrer sur JavaScript parce que je ne veux pas rendre notre code plus difficile à lire et expliquer pourquoi j'explique des choses concernant React, Je ne veux pas tout expliquer d'un coup. Vous pourrez facilement passer à la dactylographie ultérieurement. Choisissons donc Javascript. Et maintenant, comme vous pouvez le constater, il a créé la structure de l'ensemble de notre projet, ce qui constitue une excellente configuration de départ pour l'application frontale React. Et ici, vous avez quelque chose comme Read MiFi où vous configurez en quoi consiste votre application ? Vous avez ici l'index HTML, qui est le point de départ de votre application, et les sources sont ap JSX, comme vous pouvez le voir, X ici, pas JS, c'est comme vous pouvez le voir, X ici, pas JS, X parce que vous écrivez ici en HTML et JavaScript zig au même endroit, n'est-ce Et le vite est livré avec le Bb, c'est cool car vous n'avez pas besoin d' installer ensuite toutes ces choses manuellement. Et maintenant, nous allons vous montrer quelque chose de très cool. Quand je lance NPM run Dev, cela ne fonctionnera pas Pourquoi ? C'est parce que nous n' avons pas installé toutes ces choses ici. Nous venons de configurer le modèle initial. Nous devons donc maintenant installer toutes les dépendances, c' est-à-dire des packages similaires à Divide, n'est-ce pas ? Alors maintenant, quand je clique sur l'installation de NPM, il va installer toutes ces choses Et comme vous pouvez le constater, cela va prendre un certain temps. Mais notez que nous avons ici ce que on appelle les modules Node. Et comme vous pouvez le constater, il a installé beaucoup de choses ici. Pas beaucoup. Le plus important pour nous est donc le te, mais le fonctionnement dépend de bien d'autres choses, et il inclut également d' autres packages. Et pour être honnête, nous n'avons pas besoin de nous en soucier. C'est pourquoi nous avons besoin du gestionnaire de packages, donc nous n'avons pas besoin de nous en soucier, n'est-ce pas ? Le plus important pour nous, c'est que toutes ces choses viennent d'être installées et que nous puissions les utiliser. C'est ce qui est important pour toi. Et maintenant, lorsque vous lancez quelque chose, ce que l'on appelle NPM run Dev qui se trouve ici, comme vous pouvez le voir, le paquet Jason est comme une description de ce que fait NPM, Donc, lorsque nous exécutons la commande de mort, elle s'exécute vite. Et cela signifie qu'il va démarrer le serveur dans notre cas, car c'est l'objectif principal de Vt. Et maintenant, lorsque j'ouvre ici, comme vous pouvez le constater, nous avons le point de départ. Nous pouvons compter ici ou nous pouvons également, par exemple, modifier certaines valeurs et voir instantanément le résultat. Notez donc que lorsque je fais quelque chose comme ça, et que je passe, comme vous pouvez le voir, il est dit, allez à l'application source JSX et modifiez quelque chose pour voir à quel point je suis cool Ainsi, lorsque je fais quelque chose comme ça et que je sauvegarde le fichier, comme vous pouvez le voir, cela change instantanément ici. Nous n'avons donc même pas besoin de rafraîchir cette page, n'est-ce pas ? Quoi que nous fassions ici, cela se reproduira ici. Et c'est super cool pour le débogage. Mais notez également que nous n'avons plus besoin, par exemple, comme nous l'avons fait dans la conférence précédente, d' inclure React, React Document Object Model, car cela a été fait par Vite lorsque nous avons choisi le modèle pour React, n'est-ce pas ? Nous n'avions pas besoin d'y penser. Nous n'avons pas besoin d'inclure également la Bible. Et le plus important, c'est que toutes ces choses se trouvent maintenant sur le serveur, c'est vrai, parce que ce n'est pas comme si quelqu'un avait besoin de les télécharger plus tard. Donc, pour être honnête, il s'agit simplement d'améliorer votre vie parce que nous devons faire toutes ces choses manuellement, n'est-ce pas ? Vous avez également ici, par exemple, Gitignore, qui est Si vous connaissez Github, il ignorera la plupart des choses qui ne devraient pas être téléchargées sur Github, Donc, des éléments sûrs qui ne devraient pas être partagés ou des éléments volumineux qui ne sont pas nécessaires sur Github, comme partagés ou des éléments volumineux qui ne sont pas nécessaires sur Github, par exemple les modules de nœuds C'est donc comme un modèle de configuration de départ. Alors Vite t'aide à le faire ? Et deuxièmement, vous pouvez désormais exécuter le serveur localement et déboguer instantanément votre application React Vous pouvez créer instantanément vos composants, etc., ce que créer instantanément vos composants, etc., je vais vous montrer lors des prochaines conférences. C'est comme le point de départ instantané de votre application. Fortement recommandé. J'adore Vt. Ce n'est qu'une leçon. Merci beaucoup 87. Application de fichier unique à application de fichiers multiples - analyse de la structure d'un projet React: Bonjour. Dans cette conférence, je vais vous montrer comment exprimer ce que nous avons fait lors des premières conférences. Alors, comment le mettre dans la structure actuelle des dossiers. Vous allez donc apprendre les fichiers qui se trouvent ici. Que font-ils ? De quoi sont-ils responsables, d'accord ? Et aussi, comment, exemple, créer ce que nous faisions auparavant en un seul fichier. Maintenant dans plusieurs fichiers. Tout d'abord, voyez-vous ce fichier ici ? Il se trouve dans le dossier source et s'appelle main JSX, qui signifie JavaScript XML Et c'est le principal, c'est pourquoi on l'appelle script principal de l'ensemble de votre application, qui connecte tout. Et remarquez ce qui se passe ici. Tout d'abord, nous avons beaucoup d'ordinateurs portables importés, et ils sont responsables l'importation de fonctions ou de composants, n'est-ce pas ? Ils sont également chargés de se connecter à quelque chose appelé Upjzix où vous avez votre application principale et importer du CSS à points d'index, qui est responsable du CSS de l'ensemble de votre site C'est donc comme un endroit où vous connectez tout et où vous créez la racine de votre site Web. Et remarquez que dans New Way HTML, nous avons également fait quelque chose comme ça, non ? Mais nous avons dû utiliser ce que l'on appelle classe de modèle d' objet de document React. Mais pourquoi ne l'avons-nous pas utilisé ici ? C'est parce que nous avons importé la fonction create root ici. On pourrait le faire de cette façon, d'accord ? Et, vous savez, plus tard, nous devrons importer le modèle d' objet du document React, et tout fonctionnera de la même manière. Mais la réaction la plus récente est de s'éloigner des cours. Il veut utiliser uniquement des fonctions. Et pour être honnête, c'est plus facile à lire lorsque vous écrivez des choses comme ça parce que tout d'abord, vous pouvez clairement voir ce qui va être utilisé dans le programme actuel ici, n' est-ce pas, donc ce programme utilise fonction create root, d'accord ? Et ce n'est pas comme si nous avions un modèle d'objet de document React complet important , n' est-ce pas, avec toutes les méthodes qu'il contient lorsque nous utilisons Just Create root. De plus, d'après ce que j'ai lu, comporte une sorte d'optimisation en arrière-plan à cause de cela. Il s'agit donc d'une situation gagnant-gagnant. Nous n'avons pas besoin d' écrire quelque chose comme ça pour le moment. Notez qu'ici nous prenons la racine. C'est la même chose qu'ici, et cela prend la racine du composant JSX supérieur, et c'est un composant, mais c'est un script Comment distinguons-nous cette chose ? Notez que la première lettre est en minuscules, et c'est pourquoi il ne s'agit que d'un programme, d'un script. Mais lorsque vous voyez le début en majuscules , cela signifie qu'il s'agit d'un composant. C'est comme une convention pour nommer les choses donc lorsque nous les créons, nous les rendons également instantanément. Nous pourrions, vous savez, le rendre auparavant en une seule ligne, donc nous pourrions faire quelque chose comme ça si nous le voulions, cela pourrait être fait de cette façon, mais nous l'avons fait différemment, non ? Et après cela, nous avons reçu une candidature similaire, la même que celle que nous avons reçue. Ici, mais aussi quelque chose s'appelle un mode strict. Vous pouvez, si vous le souhaitez, le supprimer, mais comme son nom l'indique, cela ressemble à un mode d'ouverture qui respecte strictement ce que vous écrivez dans votre projet en cours. Et si tu fais une erreur, ce sera plus facile à repérer grâce à ce mode, d'accord ? Et sans cela, ce serait tout simplement plus difficile à repérer. Vous pensez peut-être que cela ralentira votre site Web, par exemple. Si c'était sur votre serveur de développement, je veux dire, sur le serveur de production. Donc, si vous le souhaitez, transférez votre identifiant et il était là, alors oui, mais ce qui est cool, c'est que Vt l'a ajouté et qu'il va le supprimer. Tout seul. Tu n'as même pas besoin de t'en souvenir. Il s'agit donc simplement d'une situation gagnant-gagnant. Vous allez développer votre application en mode strict, et ensuite, quand vous déployez votre application, quand vous la compilez. Et pour créer votre application, vous devez écrire NPM run Build, d'accord ? Et il exécuterait le script, qui provient du paquet JCN appelé build Il utiliserait donc Vte pour créer une application complète. Nous n'allons pas le faire maintenant, d'accord ? Mais c'est comme si vous le saviez, vous n'avez pas à vous soucier du fait que le mode rue ralentira quelque chose plus tard. Nous avons donc créé root, et nous avons mis leur application, le principal composant complet du composant principal qui va tout connecter. Et ici, comme vous pouvez le voir, nous avons quoi ? Fonction qui est appelée, et qui est complémentaire, non ? N'oubliez pas le nom du composant. Et il porte le même nom que le fichier, et en voici le contenu, non ? Et ça va montrer où. Eh bien, il va afficher dans le document le bon élément par identifiant root. Donc dans l'index HTML. Alors voilà, d'accord ? Donc, il va remplacer ça, la racine par le contenu de ce que nous avons mis en retour ici, d'accord ? Pour être honnête, nous n'allons pas aborder l'index HDMI plus tard. Nous ne l'installerons qu' une seule fois et ne reviendrons probablement jamais ici. Ici, vous avez également le premier script à exécuter, oui, ce script, qui connecte simplement le premier composant à l'index HTML. Et il est divisé de cette façon parce que vous ne visitez presque jamais l'index HTML lorsque vous utilisez React et le JSX principal C'est très rare. C'est donc cool parce que c' est comme un script global que vous visitez rarement. Mais ici, vous allez tout connecter plus tard lorsque vous développerez votre site. Donc, pour être honnête, si vous voulez, par exemple, refaire ce que nous faisions avant Donc, ici, tout ce que nous avons à faire est de prendre toute l'application que nous avions, n' est-ce pas, d'aller ici et de simplement remplacer cette fonction ici, n'est-ce pas ? Et pour être honnête, c'est tout, mais nous avons commis une erreur. Pourquoi ? Tout d'abord, nous avons des avertissements qui indiquent que, bien, l'état d'utilisation est déclaré, mais qu'il n'est pas utilisé, par exemple. Et c'est parce que nous accédons actuellement à l'état d' utilisation en utilisant quelle classe de réaction. Et comme je l'ai dit plus tôt, dans la dernière version, nous ne devrions pas l'utiliser via l'objet, mais nous devrions le faire de cette façon, d'accord ? Nous pouvons donc clairement voir, d'accord, l'état hook va être utilisé ici. Ensuite, nous avons des avertissements concernant des choses que nous n'utilisons plus, nous pouvons donc simplement les supprimer. Et pour être honnête, c'est tout. Nous avons maintenant tout ce que nous avons fait dans un fichier , par exemple, quelques fichiers, et cela peut sembler compliqué en ce moment. Mais lorsque votre projet se complique, cela améliorera votre flux de travail, croyez-moi. Au début, ce flux de travail semble vraiment étrange. Je comprends que tu ne t'inquiètes pas, c'était pareil pour moi. Il faut juste s'y habituer. Et nous avons maintenant notre fonction, premier composant, l'application qui va connecter les composants suivants à l'intérieur de celle-ci. Comment faire de telles choses, je vous le montrerai lors de la prochaine conférence. Pour l'instant, le plus important pour vous, c'est que l'essentiel de ce que vous allez faire se passe ici pour connecter nouveaux composants à ces endroits, vous allez le faire très rarement. C'est le lieu principal. Vous n'allez pas utiliser le HTML d' index normal, par exemple. Non, tu vas juste rester ici la plupart du temps. Et bien, si vous souhaitez mettre à jour le CSS connecté à un composant, comme vous pouvez le voir, vous avez également le CSS en majuscules, et voici le CSS pour Logo pour les éléments que nous venons de supprimer. Mais oui, c'est ici. Et le CSS à points d'index n' est que du CSS pour l'ensemble de votre site Web. Comme vous pouvez le constater, ils modifient le fonctionnement des ancres, par exemple, la façon dont les ancres doivent être affichées en gras, Nous utilisons Display Flex par défaut, et ainsi de suite. Il y a donc certaines choses qui s'appliqueront à tout. OK, ce n'est que cette leçon. Si vous avez des questions, n' hésitez pas à les poser. 88. Comment créer un composant et le connecter à App.jsx: Bonjour, mon ami. Dans cette conférence, je vais vous montrer comment créer des composants dans la structure de l'application React ? Tout d'abord, nous voulons créer un composant, vous devez d'abord créer un dossier de composants. Pourquoi ? C'est parce que vous allez en avoir beaucoup. Pourquoi ne mettons-nous pas ce composant dans le dossier des composants ? C'est parce que vous souhaitez avoir un accès très rapide à ce fichier, car vous pouvez également souvent ouvrir JSX. Mettez à jour la structure de tous les composants de votre site Web. Vous verrez bientôt pourquoi c'est important ? Donc, lorsque nous sommes dans les composants, nous devons maintenant créer un fichier. Et c'est très important. Lorsque vous nommez vos institutions financières, d'accord ? Lorsque vous nommez des composants, vous devez toujours utiliser des majuscules pour les nommer. Donc c'est le titre du script, Jaz, d'accord ? Donc, si vous avez un script, donc un programme qui va faire certaines choses, vous allez l' appeler ainsi. Mais pour les distinguer des composants, vous devez utiliser des majuscules. Le même UPJSex. Nous devons maintenant appeler notre composant pour savoir qui est responsable de ce qu'il va afficher. Dites-moi comment appelleriez-vous le composant que nous avons ici ? Le composant, c'est comme compter les clics, non ? Il dispose d'un outil de suivi pour suivre le nombre de clips sur lesquels nous avons cliqué Cela pourrait donc être appelé, par exemple, cliquez sur Compteur, sur le bouton Compteur, sur Suivi des clics, sur compteur interactif, sur compteur de récréments. Le plus important est qu'il soit autodescriptif et qu'il s'agisse d'un nouveau fichier, et je vais l'appeler Click Counter. Comme vous pouvez le constater, j'ai utilisé première majuscule ici et la première majuscule pour les mots suivants car il peut y avoir beaucoup plus de mots Donc JSX. Et c'est notre premier composant, et je vais créer une fonction qui sera appelée de la même manière que le nom de notre « what ? » Cinq. Ensuite, nous devons créer un corps, et le corps de celui-ci sera simplement celui du composant supérieur, car nous voulons simplement le mettre dans un autre fichier, afin de pouvoir le réutiliser. Et maintenant, nous avons des erreurs. La première erreur, c'est qu' on dit qu'elle n'a jamais été utilisée, et la deuxième, c'est que nous ne l'avons pas exportée. Nous devons l'exporter, donc nous pouvons dire quelque chose comme exportons-le par défaut, et nous exportons le compteur de clics. C'est donc très important parce que beaucoup de gens ne le savent pas. Nous avons déjà eu une leçon à ce sujet, mais je vous le rappelle parce que c'est très important Je l'informe juste qu' il est possible de l'importer quelque part, d'accord ? La deuxième erreur que nous avons est que l'état d'utilisation n'est pas défini. Nous devons donc l'importer car j'ai installé Codium. Comme vous pouvez le voir, je peux simplement appuyer sur le bouton et ça va remplacer ce qu'il a suggéré. Donc, pour utiliser Codium, il suffit de l'installer, c'est une IA. C'est très utile. Maintenant, nous utilisons l'état d'utilisation ici, donc cela fonctionnait bien. Nous l'avons donc dans fichier qui n'est absolument connecté à rien pour le moment. Nous ne pouvons donc pas l' utiliser maintenant ici, n'est-ce pas ? Nous pouvons annuler notre séjour ici parce que ce n'est plus le cas, non ? Et nous allons également supprimer ce que nous avons renvoyé ici, et nous voulons utiliser notre compteur de clics ici, n'est-ce pas ? Mais comment faire une telle chose ? Eh bien, nous devons y accéder, alors cliquez. Cliquez sur Canter. Et remarquez, c'est parce que nous travaillons sur un projet qui est critiqué par Invite. Certaines extensions sont installées. Lorsque nous appuyons sur Entrée, l' importation est lancée, cliquez sur Canter ici Nous pouvons donc l'utiliser maintenant. Et quand je clique sur Tab, comme vous pouvez le voir, cela sera également ajouté ici. Et maintenant, quand nous allons ici, comme vous pouvez le voir, nous pouvons l' utiliser normalement comme avant, mais le plus étonnant, c' est que je peux le réutiliser plusieurs fois. C'est pourquoi les composants sont cool. Le problème que nous avons ici, c'est que nous avons une erreur est que nous devons utiliser ce que l'on appelle un fragment de réaction, d'accord ? Si nous voulons utiliser de nombreux composants lorsque nous renvoyons quelque chose. Nous pourrions utiliser ici, par exemple, DIV, d'accord, mais ce serait juste une surcharge. Nous pouvons simplement le dire ainsi parce que nous n'avions pas vraiment besoin d'une balise, nous voulions juste suivre langage JavaScript fonctionnement du langage JavaScript, car lorsque vous renvoyez quelque chose, vous ne pouvez pas renvoyer plusieurs composants de réaction et un seul. C'est tout simplement impossible en Javascript. C'est pourquoi ils ont inventé quelque chose comme ça. Ainsi, lorsque quelqu'un essaie de retourner beaucoup de choses, ce ne sera pas une erreur si vous faites de telles choses. Et maintenant, nous en avons quelques-unes, et le point le plus intéressant à ce sujet est que l'état de chaque variable n'est pas connecté les uns aux autres C'est génial parce que chaque composant, lorsque vous créez une instance de celui-ci, vous en créez un exemple, quelque chose dont ils ne se connaissaient pas, n'est-ce pas ? Pourquoi est-ce si cool ? Parce que normalement, si vous l'écriviez avant tout en HTML et JavaScript, si vous aviez créé un autre élément similaire, nous ferions de même. Vous devrez changer les idées, obtenir élément par identifiant pour l'élément suivant, vous devrez répéter tout ce que vous aviez. Sinon, JavaScript ne saurait pas quel type doit être mis à jour quand. Mais ici, vous pouvez simplement réutiliser où vous le souhaitez dans votre application. C'est pourquoi React est également puissant. Créez-en un, réutilisez-le où vous le souhaitez. Parce que si c'est fait une fois, vous pouvez simplement sauter ici sans même penser au composant lui-même, vous ne même penser au composant lui-même, faites que l'utiliser, n'est-ce pas ? Toutes les connexions doivent être effectuées automatiquement dans votre composant. Et je pense que cela vous montre pourquoi React est également très, très cool. Bien sûr, notre composant actuel ne serait pas répété comme ça sur votre site Web, mais c'est juste pour , vous savez, vous montrer les choses les plus élémentaires lorsque vous apprenez à re. Voici donc comment cela fonctionne. heure actuelle, nous n'avons besoin que d'un seul composant, ce qui, comme vous pouvez le constater, est très bon pour conserver son état. Et il est important de noter que nous avons là ce qui importe. Sinon, il ne verrait pas ce truc. Nous devons donc l'importer ici. C'est donc vraiment un endroit, comme je l'ai dit plus tôt, pour connecter tous les composants que vous allez créer car à l'avenir, vous allez créer dans les composants nombreux autres composants, comme, par exemple, la tête, la navigation, par exemple, des boutons responsables de différentes choses. Ensuite, vous pouvez simplement les mettre ici en utilisant la pile. C'est super cool, non ? Si vous avez des questions, n' hésitez pas à les poser. 89. Que sont les props et comment les utiliser ?: Bonjour, mon ami. Aujourd'hui, nous allons parler de ce que l'on appelle les accessoires, représentent les propriétés. Notez que nous avons ici un clic Canter, et ce clic Canter est basé sur un composant qui fait toujours la même chose Et oui, je peux maintenant répéter mon composant plusieurs fois, mais parfois vous souhaitez personnaliser des composants. Par exemple, je voudrais avoir une étiquette différente pour ce bouton. Je veux augmenter ce schéma de cinq, par exemple. Donc je veux un comportement différent, non ? Je souhaite personnaliser un composant spécifique à mon goût lorsque je l'utilise dans mon application, n'est-ce pas ? Donc ici, par exemple. Alors, comment faisons-nous une telle chose ? Nous devons envoyer d'une manière ou d'une autre une valeur Canter qui changera son comportement, et nous le faisons en envoyant quelque chose que l'on appelle des accessoires, qui sont comme des arguments de fonctions, d'accord Alors, comment s'y prendre ? Nous devons dire : « Hé, je veux que la valeur initiale soit, par exemple, non pas zéro, mais dix, n'est-ce pas ? Et maintenant, ce truc va être envoyé à notre compteur de clics ici pour cette fonction. C'est donc comme envoyer un argument. Ils l'appellent accessoires parce que, eh bien, c'est ainsi qu'ils l'ont appelé Des propriétés, non ? Les propriétés de la fonction seront comme maintenant ici, envoyez. Et maintenant, nous pouvons l'appeler, par exemple, accessoires, d'accord ? Et ça suffit, mais où en est-on ? Une sorte d'avertissement parce que nous ne l'avons pas encore utilisé, par exemple, n'est-ce pas ? Et que pouvons-nous faire avec ces accessoires maintenant ? Nous pouvons les utiliser. Comment ? Quels sont ces accessoires en ce moment ? Eh bien, si je fais quelque chose comme ça, la console enregistre les accessoires. Voyons ce que nous aurons lorsque nous actualiserons notre page. Vous remarquerez que dans la console, nous savons où il se trouve ? La valeur initiale dix, comme vous pouvez le voir, se trouve ici. Donc, les accessoires sont vraiment quel objet, non ? Donc, cela signifie que nous pouvons le copier ici. Cela signifie que nous avons ici exactement quelque chose comme ça, non ? Donc, si vous voulez accéder à la valeur initiale, nous devons taper ici les accessoires volume initial, n'est-ce pas ? Et comme vous pouvez le constater, nous avons ici un problème. Le premier problème est que nous n'avons pas précisé, peut-être que je l'ai mal saisi Valeur initiale. C'est bon. Donc, quand je l'actualise, comme vous pouvez le voir, il fait dix. Et ailleurs, c'est faux car, eh bien, nous n'avons pas défini la valeur par défaut. Et c'est le problème que nous pouvons résoudre en utilisant ce que l' on appelle les propétypes dans React Mais l'utilisation de cette solution est très longue et je ne veux pas perdre votre temps précieux car de nos jours, vous n'utilisez pas cette solution, vous utilisez du tapuscrit pour spécifier un type, par exemple je ne veux pas perdre votre temps précieux car de nos jours, vous n'utilisez pas cette solution, vous utilisez du tapuscrit pour spécifier un type, De plus, dans une situation comme celle-ci, la plupart du temps, les gens ne prennent pas l'objet entier avec toutes les valeurs ici, comme un objet unique comme des accessoires, ils le font différemment Je vais bientôt vous montrer comment faire. Ainsi, lorsque j'ai la valeur initiale des accessoires, je peux y accéder, mais je pourrais aussi le faire différemment. Je pourrais faire quelque chose comme ça. Donc, enroulez les crochets ici et tapez la valeur initiale. Donc le même nom que celui que j'ai utilisé ici, non ? Et maintenant, nous n' utilisons pas d'accessoires ici, mais le nom d'ici Et comme vous pouvez le constater, cela fonctionne également très bien. Mais nous pouvons désormais également définir ici une valeur par défaut. Donc, si le composant n'utilise pas l'accessoire personnalisé comme celui-ci, alors zéro sera attribué Comme vous pouvez le voir, maintenant, lorsque je l'actualise, la valeur par défaut est dix, mais dans d'autres cas, c'est zéro. Et vous vous demandez peut-être comment cela fonctionne ? Donc cet endroit est vraiment comme ça. Nous essayons donc d'attribuer à un objet dont la valeur initiale est fixée à zéro et à un objet dont la valeur initiale est fixée à dix. Nous remplaçons donc simplement dix ici, nous remplaçons zéro par dix. Disons qu' il y aura plus de choses personnalisées. Imaginons par exemple que je veuille compter différemment. Supposons que set counter doit faire quelque chose comme, par exemple, incrémenter de, et définissons la valeur par défaut sur un, n'est-ce pas ? Donc quelque chose comme ça. Mais nous pouvons également envoyer ici maintenant par incrémentation, et disons qu'ici nous allons compter par cinq Alors maintenant, nous avons vraiment fait quelque chose comme ça. Incrémenter de cinq. Et voici l'incrémentation par un par défaut. Donc, pour cela, je le remplace simplement. Mais notez que nous pouvons, par exemple, prendre la valeur initiale, disons qu'ici, la valeur par défaut sera 500, non ? Vous en avez donc 10500. Et dans le cas du deuxième composant, nous n'avons ici que cette valeur, bien sûr, envoyée ici. Et ça marche comme ça. Ça va JavaScript recherche clés pour les propriétés qui sont des valeurs initiales. Nous avons donc ici une valeur initiale, et cela ne changera que celles qui en ont et qui sont du bon côté. Donc 500 vont venir ici, et par paliers, nous restons C'est ainsi que nous choisissons les valeurs par défaut. C'est aussi pourquoi nous devons utiliser des crochets ici, car si nous n'utilisons pas de crochets, notre programme ne fonctionnera pas du tout C'est parce que nous essayons de faire quelque chose comme ça dans cette situation, ce qui n'est pas une syntaxe possible en Javascript, n'est-ce pas ? C'est pourquoi nous devons faire quelque chose comme ça. Et c'est assez, je pense, tu sais, facile à lire maintenant, non ? Vous pouvez clairement voir en haut quelles propriétés seront personnalisées dans notre compteur de clics sur les composants. Comment sont-ils codés, non ? Et quelles sont les valeurs par défaut ? Si nous avions utilisé la solution contenue dans le S lint, eh bien, ce serait vraiment long, et je trouve ça ennuyeux Cela prend juste trop de temps et cela ne donne rien de mieux. Comme vous pouvez le constater, il est toujours indiqué que la validation est manquante. C'est parce que nous n'avons pas défini le type. Et dans Typescript, définir les types est tout simplement simple. Nous n'allons pas utiliser ce que dit le lien S pour ce cours car cela revient à tout exagérer et à perdre notre temps précieux à apprendre des fonctionnalités intéressantes Donc, dans le fichier de conflit des règles, je vais simplement ajouter ici une ligne indiquant que nous voulons désactiver les types d'accessoires Et maintenant, nous n'allons pas recevoir cet avertissement à chaque fois. Et lors de cette conférence, le plus important pour vous a été appris à envoyer accessoires personnalisés. Un exercice que je ferai prochainement avec vous si vous voulez suivre avec moi, c'est de personnaliser ici la corbeille à clics Donc, pour cette personne qui utilise dans l'application le composant compteur de clics pour le configurer manuellement. Comment ferais-tu ça ? Tout d'abord, vous devez configurer un nouvel accessoire et nous allons l' appeler, par exemple, le texte d'un bouton, quelque chose comme ça Par défaut, nous pouvons le configurer pour qu'il clique sur moi comme notre CDIUMHadlas et nous pouvons simplement Comme ça, non ? Vous utilisez donc le texte du bouton ici car le comportement par défaut est « click me », donc rien ne change. Mais nous pouvons dire quelque chose comme ici, par exemple, le texte du bouton, et le régler pour, par exemple, augmenter de cinq. Comme vous pouvez le voir, nous changeons la valeur par défaut du bouton. Nous n'avons pas besoin de passer maintenant au composant à personnaliser pour un cas d'utilisation spécifique. Nous pouvons personnaliser chaque composant depuis cet endroit à l'aide de nos accessoires, n'est-ce pas ? Si nous ne voulons pas personnaliser, nous pouvons utiliser le comportement par défaut de la ligne 11. Mais si nous voulons personnaliser, nous pouvons modifier n'importe quel comportement par défaut à partir d'ici, n'est-ce pas ? Vous pouvez faire en sorte que l' en-tête H one soit également personnalisable, ou peut-être que vous pourriez faire en sorte qu'il s' affiche ou non. C'est à vous de décider. Tu peux jouer avec. Mais le plus important de cette conférence pour vous est que vous pouvez envoyer arguments aux composants par ce que l' on appelle des accessoires dans la réaction Eh bien, la bibliothèque, tout le monde l' appelle accessoires, non ? Vous saurez donc maintenant comment les utiliser et pourquoi on les appelle ainsi. Et à quoi font vraiment référence les gens lorsqu' ils parlent d'accessoires ? Ce sont juste des arguments qui sont envoyés pour que nous puissions fonctionner, n'est-ce pas ? Ce n'est qu'une leçon. Merci beaucoup. 90. Intro : qu'allons-nous créer ?: Bonjour, mon ami. Aujourd'hui, j' aimerais vous montrer ce que nous allons créer lors de la prochaine conférence ? Nous allons créer un Gold Clicker, qui vous permettra d' extraire de l'or à l'intérieur de cette mine d'or Lorsque vous cliquez sur extraire de l'or, comme vous pouvez le voir, une animation indique la quantité d'or que nous avons collectée. Et remarquez que ces modèles ont été désactivés. Mais maintenant, je peux, par exemple, améliorer mon niveau de minage et grâce à cela, la puissance de mon minage est désormais égale à deux. Et quand j'ai trouvé de l'or, comme vous pouvez le voir, maintenant j'en extrais deux fois, n'est-ce pas ? Maintenant, je peux encore l'améliorer. Maintenant, il est quatre heures. Mais je peux aussi acheter le clicker automatique, le mineur automatique Et comme vous pouvez le constater, mon objectif est désormais automatiquement miné. Quand je l'achèterai à nouveau, comme vous pouvez le constater, nous avons maintenant quoi. Oui, c'est du minage avec un niveau de puissance de deux parce que les cliqueurs automatiques ne sont pas encore améliorés. Nous n'avons aucun moyen de les améliorer pour le moment, du moins. C'est donc un jeu simple comme Auto Clicker, non ? Vous pourriez, bien sûr, l'étendre plus tard en ajoutant des diamants et ainsi de suite. Mais pour l'instant, vous le réduisez un peu. Nous allons tout regrouper dans un seul fichier pour, par exemple, concentrer d'abord sur les fonctionnalités dont vous avez besoin pour apprendre à être bon dans React. C'est ce sur quoi je veux me concentrer dans cette conférence et remarquer que j'ai également créé quelles icônes. Nous allons donc apprendre à obtenir de telles icônes et à obtenir de telles icônes et les placer à la hauteur du soleil, notre réaction. aussi, comment animer, comme vous le voyez ici Remarquez que lorsque j'appuie sur Auto Clicker, ceci et cela sont animés, n'est-ce pas ? Quand j'ai commencé à travailler dans le secteur minier, ceci et cela ont changé. C'est parce que la mise à niveau coûte cher, n'est-ce pas ? Donc je l'ai eu et il a fallu que ça bouge. Vous pouvez voir que c'est comme un simple jeu auquel nous pouvons jouer un peu et acheter plus tard Autocliker Il y a donc beaucoup, beaucoup de jeux en ligne comme celui-ci, mais le plus important pour nous, c'est que vous allez apprendre plein de bonnes choses dans cette section, et en même temps, nous allons nous amuser parce que créer des jeux, c'est vraiment cool. Si vous avez des questions, comme toujours, n'hésitez pas à les poser. 91. Ex. Créer la composition principale de GoldMiner: Bonjour, mes amis. Il s'agit d'un exercice, car vous devriez être capable de faire vous-même cette partie de notre mineur d'or. Vous avez donc de l' or mineur Heather Gold et la quantité d'or, et lorsque vous cliquez dessus, vous augmentez la valeur C'est ce que nous avons fait lors des conférences précédentes. N'oubliez pas que si vous voulez devenir codeur, vous devez vous entraîner et le faire vous-même ou regarder la conférence comme je l'ai fait. J'ai donc placé le mineur d'or à partir de composants ici dans notre application principale, et dans le mineur d'or que j'ai ajouté aux composants, je l' ai accroché, donc j'ai connecté l'or à l'or doté de fonctions Et puis je suis revenu, quoi ? En-tête, or mineur, valeur actuelle. Et lorsque quelqu'un clique sur le motif, la fonction Set Gold associée à l'or augmente l'or d' augmente lorsque quelqu' un clique sur Mingd C'est donc une entrée assez simple dans notre application, et vous devriez être capable de faire de telles choses très rapidement car c'est juste la chose la plus élémentaire concernant React, alors entraînez-vous, d'accord ? Lors des prochaines conférences, bien sûr, nous allons tout créer à partir de zéro. Je ne vais pas vous montrer comment quelque chose a été fait parce que vous devez voir comment les choses sont faites pour apprendre et devenir un bon programmeur. Si vous avez des questions, n' hésitez pas à les poser. 92. Mise à niveau de l'énergie des mineurs d'or: Bonjour, mes amis, il est temps de créer quoi ? Niveau minier. Créons donc ici un niveau de minage comme celui-ci, non ? Et maintenant, nous devons montrer ce niveau. Et pour le montrer, nous devons d'abord créer une variable, qui sera associée à une fonction spécifique Je propose donc de l'appeler peut-être pas niveau de minage, mais quelque chose comme Click Power. C'est parce que vous aimeriez peut-être associer à l'avenir, pas seulement à quelque chose qui va vous déranger, n'est-ce pas ? Peut-être que vous voulez créer un jeu qui va, vous savez, créer lorsque vous cliquez sur quelque chose , puis qui augmentera le niveau du joueur, par exemple, ou le niveau de son équipement Ce nom va donc être plus universel, non ? Cliquez donc sur Power, définissez Click Power, et par défaut, nous pouvons le définir sur un. OK, alors maintenant on peut faire quoi ? Montrez-le ici, non ? Click Power peut être affiché, et comme vous pouvez le voir, c'en est un. Nous avons également besoin d'un bouton qui va le changer. Créons donc un bouton, et comme vous pouvez le voir, la bonne chose est que nous avons codium qui va le créer Mais bien sûr, il ne savait pas que lorsque nous améliorons Click Power, nous voulions aussi, par exemple, le rentabiliser, non ? Je propose donc de le remplacer par quelque chose comme le coût, c'est peut-être allons-y. Le coût et combien cela va coûter ici, n'est-ce pas ? Nous devons donc entrer le JavaScript, et je propose de créer une variable qui va , par exemple, l'afficher. Alors cliquez sur le coût de l'énergie ou peut-être sur augmenter le coût de l'énergie, quelque chose comme ça. Peut-être que ça va être mieux. Nous devons maintenant le créer ici, augmenter le coût de l'énergie, et c'est un bon indice. Nous voulons utiliser state parce que nous voulons associer à celui-ci et que la valeur de début est send. Maintenant, lorsque quelqu'un clique sur ce bouton droit sur le set, cliquez sur Power. Je veux augmenter le niveau de puissance, non ? Comme vous pouvez le constater, il augmente, mais le coût n' augmente pas. Ce n'est pas ce que nous voulons, n'est-ce pas ? Nous devons donc probablement le faire au lieu de le faire maintenant car mettre toutes les fonctions ici n' est pas lisible. Je propose de créer une fonction spéciale qui sera responsable de toutes ces choses. Je propose donc de l'appeler «   great click power », d'accord ? Et nous n'avons pas besoin que ce soit une fonction flèche maintenant. Et créons cette fonction ici. Créons-le donc en utilisant fonction de type flèche. Et pourquoi est-ce ainsi ? Parce que dans React, nous avons l'habitude d'utiliser les fonctions de flèche partout à cause de problèmes hérités lorsque React n'utilisait pas vraiment de fonctions, mais des classes Everywhere. C'est une chose. La deuxième chose est que vous souhaiterez parfois utiliser les fonctions de flèche pour des raisons de cohérence. Tout le monde utilise la fonction flèche. Donc, si vous avez utilisé, par exemple, une fonction typique, fonction anonyme ou des fonctions normales, lorsque quelqu'un va lire votre code, il sera confus, n'est-ce pas ? Parce que c'est juste souvenez-vous que les fonctions de flèche sont principalement différentes manières d' écrire comment votre fonction va être définie, n'est-ce pas ? Nous sommes donc en train de l'enregistrer dans cette variable. C'est assez joli. Maintenant, nous devons le définir. Comme vous pouvez le constater, la première suggestion, qui est très bonne, est qu'elle nous indique que nous devrions vérifier si l'or, le montant que nous avons actuellement , est suffisant pour être amélioré, n'est-ce pas ? Parce que nous ne devrions pas être en mesure de procéder à une mise à niveau comme nous le faisons actuellement, n'est-ce pas ? Eh bien, cela ne fonctionne pas parce que nous avons une erreur, mais nous ne devrions pas être en mesure de l'améliorer lorsque nous n'avons pas assez d'or, n'est-ce pas ? OK, donc c'est une bonne idée. Vérifions-le. Et après, peut-être n'utilisons pas l'indice car nous devons comprendre ce qui se passe un par un. Tout d'abord, devons-nous ? Nous devons, nous devons investir dans notre set d'or, n'est-ce pas, et nous devons réduire la valeur de l'or en fonction du coût de l'énergie de mise à niveau, accord, qui est là. C'est une bonne chose. Ensuite, de quoi avons-nous besoin ? Utilisez le set click power deux plus un parce que, oui, nous voulons qu'il soit plus puissant. Et nous invoquons également le coût de puissance défini pour chaque mise à niveau car nous voulons que chaque mise à niveau coûte plus cher à chaque fois. Donc maintenant, comme vous pouvez le constater, je ne peux pas l'atteindre, mais quand j'extrais de l'or et que j'en ai dix, quand j'atteins, comme vous pouvez le voir, mon niveau de minage est le même, et maintenant je peux extraire de l'or. Eh bien, ça ne marche pas. Pourquoi ? Parce que nous avons défini l' or en utilisant de l'or plus un, mais nous devrions utiliser maintenant quel est le clic Power, n'est-ce pas ? OK, maintenant je peux le faire plus rapidement, non ? Quand j'aurai 20 ans, maintenant, il sera amélioré gratuitement à chaque fois. C'est plutôt cool, n'est-ce pas ? Si vous avez des questions, n'hésitez pas à les poser. 93. Fonctions de mise à jour dans React Hooks: Bonjour, mon ami. Aujourd'hui, nous allons parler d'un topping très important, appelé UpdaOrFunctions Et cela vous montrera maintenant un gros problème que nous avons créé dans nos applications actuelles. Cela ne se voit pas car il s'agit d'une petite application, et lorsque nous cliquons sur le bouton, nous mettons réellement à jour l'état de nos applications ou les valeurs à l'intérieur de notre composant, comme presque en même temps lorsque nous cliquons dessus, n'est-ce pas ? Mais le problème est de savoir ce qui se passera si ces changements ne sont pas instantanés, par exemple. Cela ne se fait pas localement, comme s'ils étaient envoyés en arrière-plan au serveur, par exemple, et ce serveur ne répondra pas à temps. Par exemple, il va répondre dans 3 secondes. Ou par exemple, lorsque nous avons un bouton ici. Remarquez que nous avons un bouton qui définit l'or, n'est-ce pas ? Mais nous avons également un deuxième bouton qui fait de même. Cela ne fait que diminuer la quantité d'or que nous avons lorsque nous pouvons l'améliorer, n'est-ce pas ? Mais notez également qu'à l'avenir, nous aurons quelque chose sur lequel il cliquera automatiquement, afin de mettre à jour l'état de l'or en même temps que nous pourrons, bien sûr, appuyer sur ce bouton ici, n'est-ce pas ? Et pour être honnête, cela peut causer des problèmes comme quoi ? Le problème sera le plus facile à mettre en évidence lorsque nous ferons quelque chose comme ça. Remarquez que nous invoquons ici quoi ? Fonction Set gold, qui met à jour l'état de l'or en y envoyant l'état actuel de l'or. Donc, dans notre situation par défaut, c'est un état initial nul, non ? Et puis il lui en envoie un. Donc oui, nous en avons un ici. OK. Alors, que se passera-t-il si nous l'invoquons à nouveau ? Tu crois que ça va être comme : « Hé, je nous ai fait visiter » ? Hum, donc, pour être honnête, quand je clique une fois maintenant, vais en recevoir un gratuitement ici ou un ? Oups. Vous n' en ajoutez toujours qu'un. Avons-nous actualisé notre page ? Oui, nous l'avons fait. OK, alors quel est le problème ? Le problème est que normalement, si nous mettions à jour des valeurs en utilisant ici, par exemple, document, get the lemon, buy ID, puis accéder à l'identifiant du citron puis le mettre à jour en gold plus power, n'est-ce pas ? Et puis nous avons mis à jour l'or, non ? Valeur. Alors, cela fonctionnerait comme ça, si nous l'avions invoqué trois fois, c'est vrai, alors nous en serions là gratuitement. Mais maintenant, le problème est que nous envoyons ici l'état actuel de l'or. Donc, quel est l'état actuel lorsque je regarde ce composant ? C'est zéro, non ? Et là encore, j' envoie l'état actuel. Donc c'est zéro. Et là encore, j'envoie l' état actuel, qui est zéro. Mais vous vous demandez peut-être pourquoi l'État. Les valeurs ici ne sont donc pas mises à jour entre chacune de ces fonctions, n'est-ce pas ? Pourquoi ne pas aimer, OK, donc je vais mettre à jour l'état, puis encore une fois je vais mettre à jour l'état, et encore une fois mettre à jour l'état. Pourquoi React ne met pas à jour l'état instantanément. Fonction Socion après chaque fonction, pourquoi cet endroit n'est-il pas mis à jour C'est une très, très bonne question. Tout d'abord, imaginez que vous auriez aimé, non. 500 mises à jour comme celle-ci. Donc, si vous aviez cliqué sur Min Gold, vous auriez zéro, n'est-ce pas ? Il serait impossible de modifier cette valeur et montrer à l'utilisateur 500 fois le changement 0 à 500, n'est-ce pas ? Cela ralentirait également votre candidature, n'est-ce pas ? C'est pourquoi, euh, lorsque vous invoquez une fonction comme celle-ci qui fonctionne sur l'état, React prend en compte ce que vous avez envoyé ici. Donc tu envoies zéro plus un, non ? Et il va le mettre dans Q. Il va donc attendre l'action de rendu de l'état. Mais comme nous l'avons invoqué par la suite, encore une fois, mais nous n'avons pas encore invoqué le rendu Nous mettons donc à nouveau . Nous mettons donc à nouveau l'état de l'or à zéro plus un, soit un. Et encore une fois, nous faisons zéro plus un, ce qui fait un. Donc, pour être honnête, lorsque le lot est prêt, lorsque le moment du rendu arrive, nous n'en avons malheureusement qu'un, n'est-ce pas ? OK, alors comment résoudre un tel problème ? Pour le résoudre, vous devez envoyer de l'or au set. Donc, la fonction liée à l'or, n'est-ce pas, que devrait-on faire avec l'or, d'accord ? Mais avec la fonction parce que si vous y envoyez une fonction, tout changera l'un après l'autre. Et quand il décidera de, vous savez, actualiser l'état, il doit d'abord appliquer toutes les modifications, d'accord ? Ou ils doivent être joués les uns après les autres. Ils doivent suivre ce modèle. C'est ainsi que cela va se passer. Alors, comment s'y prendre ? Nous avons ce qu' on appelle des fonctions fléchées, n'est-ce pas ? Nous pourrions donc faire quelque chose comme ça. Envoyons ici de l'énergie plastique de retour. Mais je crois que j'ai commis une erreur en mettant trop de parenthèses OK, donc la fonction que nous envoyons est vraiment la suivante, d'accord ? Je pense que c'est un peu plus visible là où les parenthèses sont ou non Voici donc le contenu, et il est très important maintenant de remarquer que nous pouvons appeler ici ce que nous voulons. Donc, par exemple, quelque chose comme ça, nous devons inventer notre propre variable. Et parce que nous l'inventons, nous devons l'envoyer comme argument, non ? Nous pourrions créer une variable locale que nous appellerons ainsi. Et n'oubliez pas que nous n'avons utilisé cette valeur nulle part ici, n'est-ce pas ? Il n'est pas utilisé dans ce contexte, n'est-ce pas ? Mais pour être honnête, c'est juste que cette variable est là uniquement pour montrer ce qu'il faut faire avec la valeur accrochée qui se déconnecte pour la définir comme bonne Parce que lorsque je l'envoie , d' accord, pour régler la fonction de l'or, alors quoi que nous fassions ici, dans cet endroit uniquement , ce que nous recherchons arrivera à l'or. Donc c'est comme : OK, de l'or provenant de l'ancien état doré, ajoutez-y ClickPower, d'accord ? Donc, cette variable sera simplement remplacée par celle-ci plus tard, d'accord ? Je sais que c'est confus, mais c'est comme ça que ça marche. Ce nom n'est là que pour nous. OK ? On peut l' appeler comme on veut, et ça va vraiment marcher. Donc, si nous répétons cela trois fois maintenant, n'est-ce pas ? Un, deux, trois, non ? On l'appelle comme on veut. Cela se voit maintenant, nous appliquons trois fois à froid, d'accord ? Donc on peut appeler ça comme on veut, d'accord ? Mais la plupart du temps, les gens l'appellent du même nom qu'ici. Mais n'oubliez pas que c'est comme une variable locale pour cela, et la vérité est qu' elle sera remplacée par la valeur précédente par l'or dans la fonction or définie, n'est-ce pas ? Alors les gens l'appellent parfois « or », non ? Et cela fonctionnera également, ne vous inquiétez pas. Bien sûr, nous devons le répéter trois fois. Mais pour montrer que ce n'est pas la même valeur, la plupart des gens font simplement quelque chose comme ça. Ils saisissent donc une preuve qui provient de la valeur précédente de l' or plus le pouvoir cric Et aussi, pour faire court, parce qu'en ce moment, vous pourriez vous dire : « Oh, mon Dieu, je ne vais pas écrire tant de choses. Vous pouvez également créer des fonctions de flèche de cette manière. Vous n'avez donc pas besoin d' utiliser des parenthèses sur un argument s'il y en a au moins un, comme vous pouvez le voir, et vous pouvez également supprimer les crochets si vous renvoyez quelque chose ici Alors maintenant, oui, c'est plus court, non ? Et maintenant, il ne nous reste plus qu'à faire quelque chose comme ça, non ? Donc, parce que nous travaillons sur l'état antérieur de l'or, et que nous voulons nous assurer que chaque et que nous voulons nous assurer que chaque puits sera vérifié avant le rendu, n'est-ce pas ? Nous devons utiliser la fonction mise à jour, d'accord ? Sinon, ça ne marchera tout simplement pas. Donc, lorsque nous examinons la solution comme celle-ci, vous vous demandez peut-être : « Oh, c'est super difficile. Je ne comprends pas comment cela fonctionne en arrière-plan. Pour être honnête, Ra, ce n' est plus pour moi. Mais je vais vous montrer comment l'utiliser même si vous ne comprenez pas comment cela fonctionne en arrière-plan. Donc, si vous devez changer, par exemple, imaginez que vous êtes arrivé ici, par exemple, un état qui change, comme une équipe qui passe du noir au clair, n'est-ce pas ? Vous changez donc d'état de l'un à l'autre, donc vous ne travaillez pas sur les valeurs précédentes, n'est-ce pas ? Alors vous n'utilisez pas les fonctions mises à jour, d'accord, comme ça. Toutefois, si vous travaillez avec des valeurs qui se trouvent dans la partie précédente à droite valeurs utilisées quelque part dans l' application, il est conseillé d'éviter les erreurs lors de l' utilisation des fonctions mises à jour car elles pourraient se produire. Ils n'en ont pas besoin, non ? Mais c'est possible, et vous devez vous assurer que votre application fonctionne toujours correctement. Donc, chaque fois que quelque chose comme ça se produit, vous devez utiliser des fonctions mises à jour. Et il y a encore une chose que je veux vous montrer maintenant qui vous aidera encore plus. Donc, pour être honnête, pensez à la fonction mise à jour comme ceci. Oubliez ce qui se trouve derrière la flèche, et voici vraiment ce qui devrait se passer Pour être honnête, vous pourriez penser à cela comme « OK, donc quand je l' écris de cette façon, je ne suis pas certaine qu'il fonctionnera toujours correctement lorsque je mettrai qu'il fonctionnera toujours correctement lorsque à jour l' état de mon application. Cependant, cela garantit que tout fonctionne correctement. C'est donc tout. Oui, c'est tout. OK, donc ici, pour être honnête, nous n'avons qu'à faire quelque chose comme ça, non ? Oui, c'est vrai. Et ici, nous n'avons qu' à faire quelque chose comme ça. Oui, c'est vrai. Et ici, nous n'avons qu'à faire quelque chose comme ça. Voici donc ce qu'il convient de faire avec l'État, mais nous veillons à ce qu'il soit toujours difficile, même s'il y a de nombreux changements à la fois, cela nous donne juste une garantie, n'est-ce pas ? Et c'est tout ce que vous devez savoir sur les fonctions de mise à jour. C'est également une bonne idée. Notez que je vous tape des aperçus. Vous pouvez taper ici, vous savez, le même nom qu'ici, mais cela montre bien, que ce n'est pas comme dans les conventions, d'accord ? La convention, c'est que tu l'appelles toujours avec l'affixe comme ça, d'accord ? Vous ajoutez donc des aperçus avant pour montrer que vous créez ici une variable locale, n'est-ce pas ? Mais ça marchera si vous tapez également de l'or ici, non ? Mais ici, vous montrez aux autres, et c'est une convention, que vous utilisez les fonctions de mise à jour Tout le monde sait que vous travaillez actuellement sur les valeurs précédentes. Et en faisant des choses comme ici, vous vous assurez que toutes ces choses vont changer correctement, même s'il y a des centaines de changements dans les coulisses en même temps. Et cela permettra à notre application de fonctionner correctement lorsque nous créerons des cliqueurs automatiques, par exemple, à l'avenir, n'est-ce pas ? Mais cela va également le faire fonctionner correctement. Si, par exemple, nous devions récupérer des données sur le serveur, et cela garantirait que les modifications ont été apportées aux valeurs précédentes, non aux éléments affichés ici lorsque le changement se produit 94. [exercice] GUI et crochets avec le clic automatique: Bonjour, mon ami. Aujourd'hui, nous allons créer un modèle qui vous permettra acheter des cliqueurs automatiques, de montrer combien de cliqueurs automatiques sont disponibles et de connecter l'état. Connectez donc toutes ces valeurs aux crochets connecter l'état. Connectez donc toutes ces valeurs aux Donc, je pense que tu devrais être capable de le faire toi-même. Essayez donc de vous entraîner par vous-même. Je vais quand même vous montrer comment procéder, mais c'est une bonne idée d' arrêter le cours, essayer de le faire de votre propre chef en l' exécutant, d' accord, comment faire fonctionner le clicker automatique C'est une avance payée pour le moment, et je vais vous montrer comment procéder lors la prochaine conférence. Alors, de quoi avons-nous besoin ? Tout d'abord, nous devons configurer, par exemple, combien de cliqueurs automatiques nous avons, n'est-ce pas ? Donc, les cliqueurs automatiques et le nombre de cliqueurs automatiques, n'est-ce pas ? Donc, ici, nous devons taper quelque chose comme des cliqueurs automatiques, par exemple, n'est-ce pas ? Et nous devons le configurer. Attendons donc notre super IA, elle va simplement l'associer à celle-ci, et nous sommes prêts à créer un bouton. Supposons donc que nous voulions créer un bouton, et voyons si cela nous aider cette fois en cliquant, et nous devons le configurer ici, comme vous pouvez le voir, oui, c'est ce que nous voulions. Vous voulez avoir défini des autoclikers parce que nous voulons avoir un de plus et le coût de l' Mais lorsque nous achetons Auto Clicker, nous devons faire un peu plus de choses, non Nous pouvons donc l'accepter pour le moment. Et tout d'abord, nous devons définir ici le coût du clicker automatique, donc les autoclickers coûtent, c'est vrai, quelque chose comme ça Et je propose de créer le crochet, non ? Donc quelque chose comme ça. Et supposons qu'au début, le coût du clicker automatique soit fixé à 20 Et ici je propose de le mettre dans une autre fonction, non ? Alors appelons-le, par exemple, acheter un clicker automatique, n'est-ce pas, parce que nous allons acheter Autocliker Cela ne fonctionne pas pour le moment car nous n'avons pas configuré la fonction à laquelle nous faisons référence. Je propose donc de le configurer, comme vous pouvez le voir. C'est une bonne idée que nous ayons IA qui va nous aider un peu. Donc, si nous avons assez d'or, et comme vous pouvez le constater, ce qui est bien, c'est parce qu' auparavant nous utilisions quoi ? L'or précédent, les pouvoirs de clic précédents, nous utilisons les fonctions de mise à jour, je les utilise aussi ici, et c'est une bonne idée utiliser des fonctions de mise à jour lorsque nous travaillons sur les valeurs auxquelles nous avons accédé précédemment, n'est-ce pas ? C'est une bonne idée de le faire au cas où votre programme augmenterait, peut-être pour éviter les erreurs. Je préfère donc toujours le faire de cette façon. Disons donc de vérifier si tout est fait correctement. Donc oui. N' oubliez pas que nous ne regardons pas cette partie, nous examinons cette partie. Donc oui, ça a coûté quelque chose, d'accord ? Nous augmentons le nombre de clikers automatiques. C'est génial. Et nous augmentons également le prix des autoclickers Pi two. OK, ça suffit, je pense. Et voyons si cela fonctionne. Donc je mine quelque chose, et quand j'aurai 20 ans, je pourrai acheter un autoclaker, non ? Et le coût a également augmenté ici. Donc ça marche bien. Je peux acheter Auto Clicker quand je n'ai pas assez d'argent. Je peux voler le mien, non ? Et quand j'aurai 40 ans. Voilà le jeu, je veux avoir deux cliqueurs automatiques et ils devraient faire effet Ils devraient donc cliquer pour nous, afin que nous n'ayons pas besoin de le faire manuellement. Et c'est ce que nous allons faire lors de la prochaine conférence. Passe une bonne journée. 95. usageEffet sur un exemple pratique : AutoClicker: Bonjour, mon ami. Aujourd'hui, nous allons implémenter des autoclickers. Donc, quand quelqu'un l'achète, il va cliquer pour nous, il va extraire de l'or. Comment faisons-nous de telles choses ? Eh bien, nous devons d'abord réfléchir à ce que nous devons détecter. Nous devons détecter d'une manière ou d'une autre le moment où le nombre de clics automatiques va changer, car c'est à ce moment que nous voulons commencer à cliquer automatiquement, n'est-ce pas ? Ou bien, remarquez que nous pourrions commencer par, par exemple, des autoclickers gratuits, n'est-ce pas ? Et puis, lorsque notre composant est initialisé, il devrait également commencer à cliquer automatiquement Nous avons donc besoin d' un outil qui va commencer à cliquer automatiquement lorsque notre composant est chargé ou lorsque le clic automatique est modifié. Et cet outil s'appelle l'effet d'utilisation. Donc ça y est. Et comme vous pouvez le voir, nous avons une suggestion ici et nous allons utiliser car use effect prend comme premier argument ce qui doit être fait, mais pas ceci, ce qui doit être fait en utilisant la fonction, d'accord ? Et nous devons remarquer ici l'effet d'utilisation des importations. Sinon, ça ne marchera pas. Alors maintenant que nous avons un effet d'usage, que pouvons-nous faire ? Nous pouvons taper ce qui doit se passer lorsque les cliqueurs automatiques changent. Mais comment le détecter ? Nous devons envoyer comme deuxième argument ce que nous voulons examiner, observer. Nous observons donc actuellement l' évolution des cliqueurs automatiques. Et lorsque le changement se produit, nous pouvons l'enregistrer. Le changement se produit quelque chose comme ça. Maintenant, lorsque nous accédons à notre projet et que j'ouvre la console, remarquez que nous avons quelque chose comme ça. Deux fois, le changement se produit. Mais je vous ai dit que bon, l'effet d'utilisation n'est invoqué que lorsque l'autotica est modifié Et le changement s'est produit une fois ici lorsque l' état a été initialisé. Alors pourquoi deux fois ? C' est une très bonne question. Parce que lorsque nous allons ici, nous avons ce qu'on appelle le mode strict. Et quand je supprimerai le mode strict, vous remarquerez que le changement va maintenant se produire combien de fois, une fois. Parce que lorsque vous utilisez le mode strict, chaque composant sera monté deux fois au cas où. Et bien, cela pourrait entraîner un problème potentiel si vous ne savez pas pourquoi de telles choses se sont produites ici, n'est-ce pas ? Parce que si vous aviez invoqué ici quelque chose qui changerait l'état de quelque chose, vous seriez un peu surpris, non ? Alors souvenez-vous que le mode strict fait quelque chose comme ça, d'accord ? Bien sûr, souvenez-vous que ce n'est pas le bon endroit pour définir la valeur de quelque chose au départ, par exemple, changeons l'état de l'or, n'est-ce pas ? Ce n'est pas le bon endroit pour le faire directement. L'initialisation est là, non ? Nous initions la valeur par zéro ici. Peut-être mettons-le à 100. Cela va nous permettre de terminer le jeu plus rapidement. Alors, que pouvons-nous faire ici ? Nous pouvons, par exemple , commencer à cliquer automatiquement, mais par où commencer ? Pour le démarrer, je propose d'utiliser une fonction appelée set interval. Je vous rappelle que cette fonction fonctionne ainsi. La fonction qui envoie le premier argument pour définir infernal va être invoquée Au moment où nous sommes arrivés ici, 1 000, c'est 1 seconde. D'accord. Donc, peu importe ce qui va se passer ici, cela se produira à chaque seconde. Et que voulons-nous faire ? Nous voulons sertir de l'or, n'est-ce pas ? Nous voulons le changer, comme presque ici. Nous voulons quoi ? Réglez-le sur la quantité d'or précédente, mais nous voulons ajouter ici le nombre de clics automatiques dont nous disposons, n'est-ce pas ? Nous ne voulons pas utiliser le pouvoir du clic. Alors souvenez-vous que nous ne buvons pas cette partie, n'est-ce pas ? Nous nous disons : OK, donc je dois définir la demande d'or précédente parce que je veux avoir le même montant que celui que j'ai actuellement, et je veux y ajouter le nombre de clics automatiques que nous avons, n'est-ce pas Et comme vous pouvez le constater, lorsque nous exécutons notre programme, il fonctionne parce qu' il est désormais gratuit, multiplié par deux, soit six, et le nombre d'or augmente de six à chaque fois. D'accord. Mais bon, nous avons un problème car le mode strict a fait mal fonctionner notre programme. Mais ce n'est même pas ce problème qui ne serait rien de toute façon, car quand je clique dessus encore et encore, remarque que nous avons maintenant, genre, autoclickers gratuits avec des valeurs différentes, et qu'ils fonctionnent comme dans le même temps Et ce n'est pas ce que nous voulons, n'est-ce pas ? Et quelle est la caractéristique la plus intéressante de l'effet d'utilisation ? Est-ce que lorsque vous revenez ici, une fonction, comme vous pouvez le voir, nous avons une suggestion ici. Lorsque nous revenons ici, une fonction, cette fonction est toujours appelée fonction d' effacement. Et maintenant, comme vous pouvez le voir, cela fonctionne de la même manière, n'est-ce pas ? Mais cela fonctionne de la même manière parce que nous n'avons pas envoyé à clear interval, qui est une fonction qui prend comme argument quel type d' intervalle je veux effacer ? Oh, je dois donc créer ici une variable qui sera envoyée à cette fonction, n'est-ce pas ? Et maintenant, quand je l'ouvre, il fonctionne bien parce que nous sommes partis de la version gratuite, n'est-ce pas ? Comment cela a-t-il fonctionné ? Cela fonctionne comme ça. Ainsi, la première fois que nous utiliserons notre composant, l'effet use sera invoqué. Nous allons créer un intervalle, et nous renvoyons ce qui devrait se passer lorsque l'effet d'utilisation sera à nouveau invoqué. Donc, comme nous l'avons fait deux fois de suite, lorsque l'effet d'utilisation sera à nouveau invoqué, vous effacez quoi ? Le chronomètre de la course précédente, non ? Et à cause de cela, nous avons un nouvel intervalle qui a également une fonction permettant de griller pour plus tard, n'est-ce pas ? Mais nous avons maintenant un intervalle d'exécution, et il va fonctionner jusqu'à ce que nous fermions l'application, ou jusqu'à ce que le changement se produise dans les clics automatiques Quand le changement se produira pour les autoclakers, voyons voir, quand nous les achèterons, ici même. C'est donc le moment. Alors, quand j'achèterai un autre autoclaker, que se passera-t-il ? Rappelez-vous, encore une fois, tout d'abord, qu' avant de faire cela, la fonction d'effacement sera exécutée à partir de l'effet d'utilisation précédent. Nous allons donc supprimer le clicker automatique qui clique avec la valeur freer Ensuite, nous allons configurer un nouveau clicker automatique d'une valeur de quatre, n'est-ce pas ? Donc, quand je l'ai eu, comme vous pouvez le voir, nous augmentons maintenant de quatre. Augmentez maintenant de cinq, et nous éliminons également l'effet précédent. Donc le nom est plutôt cool, n' est-ce pas, parce que c'est comme un effet d'usage. Alors, produisez un effet. Et si nous l'exécutons à nouveau à cause du déclencheur présent , je vais effacer l'effet précédent. Je peux donc en gérer un autre. Tellement puissant. Je sais que la syntaxe ici, lorsque vous regardez cela, est un peu complexe. Mais n'oubliez pas que vous avez du Dium qui va compléter automatiquement la plupart des choses pour vous, n'est-ce pas ? En tant que programmeur, à l'heure actuelle, beaucoup ont besoin de comprendre quel est le bon processus. Vous devez savoir que c'est une bonne idée d'utiliser l'effet dans un cas comme celui-ci, non ? Vous êtes comme une personne qui va concevoir l'application. J'adore le fait que React soit devenu très facile à utiliser lorsque quelque chose comme l' autocomplétion à partir du codage est apparu en ligne parce que, pour être honnête , en me souvenant de tout cela, vous savez, voici la fourchette de crédit où vous envoyez ici, je dois me rappeler que je dois envoyer une fonction Je n'invoque pas de fonction, n'est-ce pas ? N'oubliez pas que c'est comme si j'envoyais une fonction à invoquer. C'est très différent. C'est bien d'avoir une telle autocomplétion qui nous aide. Nous devons modifier quelque chose comme ici, par exemple, parce que nous voulions augmenter la puissance de l' autoclq et non le pouvoir de clic Mais bon, c'était une bonne suggestion. Peut-être que tu voulais le faire de cette façon. Encore une fois, utilisez l'effet, si vous ne comprenez même pas que ce qui se trouve dans les coulisses est utilisé à quoi ? Vous insérez dans la fonction ce qui doit être fait au début de l'unité du composant. Ensuite, comme deuxième argument, nous disons : qu' est-ce qui devrait déclencher cet effet autre que l' initialisation, n'est-ce pas ? Et ici, en retour, nous disons ce qu'il faut faire lorsque nous invoquons à nouveau le même effet d'usage. Nous pouvons donc effacer, par exemple, l'état précédent. Donc, si puissant, pensez à une seule ligne. Imaginez combien de choses vous auriez besoin de faire pour obtenir la même chose en utilisant simplement le Javascript de Vandia À combien de choses devriez-vous réfléchir pour savoir ce qu'il faut observer ou détecter, n'est-ce pas ? Puissant. 96. DésactivéDésactiver conditionnellement un bouton dans React en utilisant l'attribut « disabled » ": Bonjour, mon ami. Nous pouvons améliorer Click Power lorsque nous avons de l'argent. Quand nous ne le faisons pas, eh bien, nous ne pouvons pas, mais nous pouvons toujours cliquer dessus. Je pense que nous devrions changer l'attribut désactivé du bouton en désactivé. Il faut donc en faire deux, non ? Sinon, ça n'a pas l'air bien, non ? L'utilisateur pourrait se demander pourquoi je peux le faire. OK. Alors, comment s'y prendre ? Eh bien, nous avons besoin d' un accès pour personnes handicapées ici, mais le problème est de savoir comment vérifier la condition ici, n'est-ce pas ? qui est cool, c'est que oui, la première chose est que nous allons utiliser suggestions de l'IA, et nous pouvons simplement entrer le JavaScript et vérifier la condition, n'est-ce pas ? Si nous avons de l'or inférieur au coût énergétique de la mise à niveau, désactivez-le. Tout ce qui va être renvoyé ici, n'est-ce pas ? Donc, si ça doit être faux, alors eh bien, React va le transformer en désactivé. Si c'est vrai, cela va être remplacé par la suppression de l'objet désactivé, attribuez-le. Donc, dans une situation comme ici, nous avons juste besoin de nous réchauffer à cause de l'IA, n'est-ce pas ? Et maintenant, comme vous pouvez le constater, lorsque nous n'avons pas assez d'argent, celui pour lequel nous avons de l'argent, nous pouvons l'acheter. C'est plutôt cool Mais c'est une bonne idée de savoir ce qui se passe en arrière-plan, car certaines personnes connaissent ce handicap, n'est-ce pas ? Fonctionne sur et c'est équivalent à un handicap. Oui, c'est assez étrange, mais c'est ainsi que fonctionne cet attribut. Mais tenez compte du fait que nous utilisons JZX et tout ce qui se trouve ici va être transformé en réaction, créer un citron avec Babel, n'est-ce créer un citron avec Babel Et réagissez en créant un citron quand il l'obtient si faux, ça va comme supprimer l'attribut désactivé Mais s'il y parvient, alors ajoutez créer un élément, il va dire désactivé pour désactiver. C'est ainsi que cela fonctionne en arrière-plan dans cette fonction. Ce n'est peut-être pas intéressant pour toi, mais je ris toujours quand on comprend pourquoi quelque chose fonctionne comme ça, non ? L'avantage de Cudium que nous avons installé ici, n'est-ce pas ? Est-ce lorsque vous passez langue à l'autre, comme je le fais, par exemple, et que je me demande Comment dois-je faire ? » OK, c'est comme ça que ça s'est passé. C'est donc plutôt cool, comme vous pouvez le voir, React est également très cool parce que, eh bien, il réagit à l'état complet de notre application à l'état complet de toutes les valeurs observées. Nous n'avons pas besoin de penser maintenant : « Hé, donc si je désactive le bouton, je dois également le supprimer lorsque nous aurons assez d'argent ». Je dois ensuite accéder à un élément spécifique lorsque nous avons cet argent, et je dois le répéter pour ce bouton pour ce bouton, bla bla bla, non ? Cela prend tellement de temps, de réflexion et suivi de nombreuses variables, même dans une petite application comme celle-ci. Mais plus l'application est grande, plus la réaction devient froide, non ? Je sais qu'il y a eu, vous savez, qu'il a fallu travailler un peu pour comprendre certaines choses ici. Mais une fois que vous les aurez compris, cela accélérera votre application de développement Web. Passe une bonne journée. 97. Installer lucide-react - appliquer des icônes à notre jeu: Bonjour, mon ami aujourd'hui, je vais vous montrer comment installer Lucid. Qu'est-ce que c'est ? Lucid est juste un package pour réagir ou pas seulement, vous pouvez utiliser des vues ressenties, etc. Il y a beaucoup d'icônes. C'est pour le nœud JS, donc cela signifie que vous pouvez l'utiliser et installer à l'aide du gestionnaire de packages pour Node JS, n'est-ce pas ? Comment le faisons-nous ? Eh bien, par exemple, quand on y va, on utilise Rag, non ? Comme vous pouvez le voir, il est indiqué que nous devons taper NPM install used react, c'est tout Et maintenant, nous pouvons utiliser n'importe quelle icône d'ici. Et ces icônes sont géniales. Je vais bientôt vous dire pourquoi. Mais pour l'installation, NPM, et je ne vais pas taper Install Je vais taper uniquement I, donc je vais vous montrer un raccourci pour que vous ne perdiez pas votre temps. Et le bourdon, attendons. Donc, une fois installé, d'accord, tout ce que vous avez à faire est d'aller ici, et de taper quelque chose comme importer, puis vous devez taper des crochets, non ? Et tout ce que vous avez à faire est de taper l'icône que vous voulez. Ainsi, lorsque nous allons sur la page principale, par exemple, je veux des pièces. Écoutez, j'ai trouvé des pièces, c'est trop cool. Et si je veux les utiliser, je dois taper ici quelles pièces, n'est-ce pas ? Et il suffit de les importer depuis Not at Feather. Mais pourquoi cela n'a pas fonctionné, peut-être parce que M c'est parce qu'il n'était pas encore installé quand j'écrivais. Je l'ai donc importé, mais je ne l'ai pas utilisé. Maintenant, vous pouvez voir comment l'utiliser. Donc, tout ce que vous avez à faire est aller ici et de faire quelque chose comme ça. OK, j'ai besoin d'une icône ici, et j'ai aussi besoin d'une icône à côté de la mine d'or, non ? C'est cool. J'ai donc aussi besoin de Pix. Passons donc au sommet. Passons au site principal, et disons que je veux choisir x. Oh, donc je veux ce type. Que dois-je faire ? Je dois y aller, ordinateur portable, type Pi. Et comme vous pouvez le constater, c'est une bonne chose que j' ai même des suggestions. Et maintenant, si je veux avoir PAX ici, que dois-je faire ? Ouvrez-le et tapez Pax. OK, alors maintenant répétons cela où se trouve notre bouton, non ? Et bien, voyons peut-être comment cela fonctionne parce que nous ne l'avons pas vu. Regardez, nous avons des icônes. C'est cool, non ? L'utiliser est tellement simple. Et ce qui est cool, c'est que Vt, au final, va simplement tout optimiser. Tu dois juste t' intéresser à ce qui se passe ici. Il suffit de les utiliser. Et ce qui est encore plus cool, c'est que lorsque vous commencez à les utiliser et parce que les noms sont tellement autodescriptifs, je peux simplement taper. D'accord, je veux un processeur pour Autocliker. Et tout ce que j'ai à faire maintenant, c'est d'aller ici, accord, de l'ouvrir et de taper des processeurs Par ici, non ? Et j'ai un processeur maintenant, et j'utilise aussi un processeur ici. Et maintenant, ce n'est pas très bon pour le moment parce que, eh bien, ils ne sont pas de la même taille que la vôtre, par exemple, de la taille de police, n'est-ce pas ? Nous allons donc le modifier à l'avenir. Je vais vous montrer comment l'appliquer en utilisant des valeurs CSS, d'accord. Mais avant cela, notez que nous avons un guide ici. Ce guide, lorsque vous allez dans le menu et que vous passez à la taille, indique que vous pouvez modifier la taille en utilisant des accessoires, Je peux donc faire quelque chose comme ça et simplement changer cette taille, juste pour voir, par exemple, 42, deux, et comme vous pouvez le voir, c'est plus grand, non ? Et lorsque vous avez une icône, deux icônes, c'est peut-être aussi une bonne idée si cela ne vous intéresse pas, mais le problème est que nous pouvons modifier ultérieurement, par exemple, la taille de nos téléphones. Cela peut sembler bon. Je pense donc que vous devriez toujours appliquer ce genre de choses pour que cela soit dynamique, comme vous pouvez le voir. Et il est dit que vous pouvez utiliser des EMS pour cela. Pourquoi ? C'est parce que toutes ces choses ici sont vraiment des SFU G, non ? Il s'agit donc de graphiques vectoriels évolutifs. Et ça veut dire que bon, tu peux voir que je peux même changer de couleur. C'est très cool. Écoutez, je peux faire quelque chose comme ça. Couleur, non ? Et oui, je peux taper en vert. Par exemple, et quand je reviendrai ici, oh, larme. Une larme ? C'est vert. Ça a l'air sympa, non ? Que tu puisses faire tout ça d'ici. Mais n'oubliez pas que vous pouvez également y appliquer uniquement des cours. Et comme vous savez qu' il s'agit de Spa Gee, c'est vrai, vous pouvez postuler comme des sts sur ce composant, car ce seront des SPages plus tard, je vous montrerai comment procéder lors de la prochaine conférence 98. Comment appliquer CSS à un composant - className: Bonjour, mon ami. Alors, comment appliquer CSS à la taxe HTML de nos composants ? Eh bien, tout d'abord, nous n' allons pas le faire ici à partir du CSS car ce CSS devrait affecter quoi ? Tout est sur votre site Web, n'est-ce pas ? Nous devrions avoir un composant CSS. Donc, quand je créerai ici pi, je vais l'appeler de la même manière code mineur et CSS. Il contient également des majuscules qu' il suggère simplement, si je veux modifier le code, je suis là. Si je veux modifier le CSS, je suis là. Vous pourriez être du genre : « Oh mon Dieu, ça va être lent, y aura 30 composants, puis 30 CSS seront chargés plus tard ». Je pense qu'il sera optimisé et mis dans un seul CSS plus tard. Également pour les Javascripts. C'est parce que Vt à la fin, lorsque nous publierons notre application, elle va simplement tout changer tout optimiser. Vous n'avez tout simplement pas à vous inquiéter. Donc oui, c'est mieux pour toi parce que maintenant tu n'as un très gros CSS où tout est côte à côte et plus tard tu ne te souviens plus de mettre quoi ? Le chaos est total, du moins pour moi. Et ici, il ne vous reste plus qu'à l'importer comme ça, et je peux utiliser mon CSS. Et maintenant, souvenez-vous que c'est quoi ce cours ? Il ne s'agit pas de CSS. Je vais juste mettre du CSS ici et je vais maintenant vous expliquer comment l'utiliser ici car c' est un peu différent, alors ne fermez pas la vidéo. Remarquez que nous avons ici des classes, Gt Kicker, des statistiques et des boutons, n'est-ce pas ? Et nous devons maintenant les appliquer ici, non ? Mais comment s'y prend-on ? Eh bien, la première section s' appelle Cold Clicker. Je pense donc que nous devrions nous appliquer à l'ensemble de notre application, comme vous pouvez le voir. Et remarquez que, eh bien, j'adore codim parce qu' il dit que je devrais utiliser le nom de classe ici au lieu de quoi ? Classe. Quand je le fais de cette façon et lorsque je vais sur notre application, vous pouvez voir que quelque chose ne fonctionne pas. Lorsque j'utilise le nom de classe, cela fonctionnera. Eh bien, nous n'avons pas changé marque parce que nous avons juste changé la taille du téléphone, donc nous n'avons rien vu. Pour voir ici, il suffit de changer la taille du téléphone en fonction de la taille. Mais vous devez utiliser le nom de la classe au lieu de la classe, car la classe est une recherche de mots clés pour Javascript. N'oubliez pas que vous écrivez ici dans JA six et versions ultérieures S'il le transplantait en React et qu'il voyait une classe, il penserait que c'est une classe en JavaScript Notez que cela ne ressemble pas quelque chose qui est un attribut du HTML, n'est-ce pas ? C'est pourquoi ils ont inventé que le nom de classe est en réalité un attribut. Et comme vous pouvez le constater maintenant, nous devons l'appliquer de quelle manière. Ici aussi, faisons quelque chose comme ça. Créons donc un div et appliquons-le en tant que nom de statistiques. Et maintenant, nous devons également l'appliquer pour quoi ? Pour nos boutons. Faisons donc quelque chose comme ça. Et maintenant, ils ont tous l'air plutôt bien. Ils ont toujours la même taille et un, bla bla bla. Mais le plus important est que, comme ce sont des SPO G, nous pouvons dire : « Hé, je veux que ces icônes soient un peu plus grandes, 1.5, 1.5, non ? OK. Vous savez quoi, je veux aussi avoir de la couleur, qui sera, par exemple, rouge, ils seront rouges. Donc, si vous souhaitez maintenant appliquer du CSS à votre composant. Il suffit de sauter ici. OK, je vais changer son apparence. Et ce qui est cool, c'est aussi de remarquer qu'avant, tout était dans un seul CSS, non ? Je me suis demandé : « Où ai-je modifié le mien ? Comme, je ne sais pas, un élément qui se trouvait sur place lors de cette subside ou quelque chose comme ça C'était complètement dingue. Ça, c'est pour moi. Je ne savais pas si vous aviez créé de grosses applications, mais autrefois, c'était un chaos total, d'accord ? Maintenant, vous dites : « OK, je travaille sur une mine d'or ». Je pense que je devrais changer quelque chose concernant ce modèle. OK, donc je vais juste sauter ici. Et pour être honnête, ce n'est qu'une des façons d'appliquer du CSS dans React. A est également un vent arrière, ce qui vous permet de tout styliser en ligne C'est également une bonne approche car il existe des moyens prédéterminés de le faire. Mais c'est à vous de décider ce que vous allez utiliser. Ce n'est pas comme si vous deviez utiliser le vent arrière. Tu n'as pas besoin d'apprendre. De cette façon, c'est également très bien, non ? Cela ne vous donne parfois pas autant de flexibilité, mais nous en reparlerons plus tard. Cependant, vous pouvez l'appliquer, comme un composant CSS comme celui-ci, et cela fonctionnera, d'accord ? Si vous avez des questions, comme toujours, n'hésitez pas à les poser. 99. Installer Frame Motion dans React - ajoutons de l'animation à notre projet !: Bonjour, aujourd'hui, nous allons installer Framer motion, une bibliothèque de mouvements open source pour React Made by Framer, qui pour React Made by Framer, vous permet de créer une animation instantanément, il vous suffit de joindre un mouvement avant le nom de la balise puis de taper le type de propriété à animer C'est aussi super cool parce que, eh bien, je sais que vous pouvez utiliser du CSS pour animer, non ? Mais utiliser du CSS pour animer et animer lorsque l'état change est un peu difficile, Vous devrez, par exemple, utiliser l'effet pour les modifications, puis appliquer les modifications du CSS lorsque la modification se produit dans use effect. C'est difficile à utiliser. De plus, cette bibliothèque est vraiment très cool parce qu' il y a tellement d' animations sympas qu' serait très difficile de créer un manuel. Vous pouvez les utiliser instantanément. Je recommande également l'exp, Library, si vous êtes intéressé s'il y en a d'autres Alors, comment l'installer NPM, I et Framer Motion. OK ? Il suffit donc de taper ceci et d'attendre une seconde, et Framer Motion va être installé Comment l'importer ? Donc, comme vous pouvez le voir, il est dit que nous devons simplement importer quelque chose comme ça en haut de notre page, n'est-ce pas ? Importons-le, et maintenant nous pouvons travailler avec, mais nous allons le faire lors de la prochaine conférence. 100. Ajoutons une animation simple en utilisant Frame Motion à notre application: Bonjour, mon ami. Alors, comment utilisons-nous le mouvement ? Eh bien, nous pouvons l'appliquer à une attaque, non ? Donc, si je veux l'appliquer à un paragraphe entier, pourquoi, non ? Non. J'ai juste besoin de taper ceci, et je viens de l'appliquer. Mais le problème, c'est que je n'ai pas dit ce qui devait être animé. Alors, eh bien, j'ai des suggestions. Nous devons commencer par l'état initial et par ce que nous voulons animer. Et pourquoi est-ce important ? Ce n'est pas le cas si nous ne définissons pas l'état initial, non ? nous faisons quelque chose comme ça, qu'avez-vous à animer Rien parce que, eh bien, l' opacité au départ en est une. L'animation se produit donc en mouvement lorsque opacité est inférieure à un, n'est-ce pas ? Et quand j'ai dit que l'état initial était zéro, donc lorsque notre page est chargée, puis quand je l'actualise, comme vous pouvez le voir, elle change, et c'est exactement ce que nous voulions. Mais nous voulions aussi que lorsque nous associons ou améliorons Click Power ou Auto Click, vous vouliez aussi créer cette animation parce que nous voulons qu'elle se produise parce que l'or change, n'est-ce Mais comment regarder l' État ici vu de l'or ? Pour ce faire, il vous suffit taper ici la clé puis de taper ici le nom de l'état que vous souhaitez observer. Dans notre cas, c'est de l'or, comme vous pouvez le constater, l'animation fonctionne bien. Plutôt amusant, n'est-ce pas ? Donc, si je veux le répéter pour les autres, il me suffit de joindre la motion à chacun d'entre eux, n'est-ce pas ? Mais je pense que nous ne devrions pas l'appliquer à tout cela . Nous ne devrions appliquer qu' à la valeur ici. Mais si vous voulez appliquer un mouvement, nous avons besoin d'une sorte de tag, non ? Je propose donc de créer du spun, qui est juste quelque chose de neutre et qui y est attaché, du mouvement Donc, le mouvement, c'est ce qu'on appelle. Ici, nous allons le supprimer, n'est-ce pas, et nous allons l'appliquer ici, n'est-ce pas ? De cette façon. OK. Alors peut-être faisons-le ici, comme ça et peut-être faisons-le comme ça pour que nous puissions voir clairement ce qui se passe, non ? Donc, je pense que c'est mieux maintenant. Quelque chose comme ça. Oui, j'adore ça. Alors maintenant, ce que nous devons faire, c'est y aller aussi. Cliquez sur Power. C'est bon. Et il suffit de le remplacer. Mais si nous voulons le remplacer, nous devons également le remplacer ici. Cliquez sur Power, cliquez sur Power, bum, et si vous voulez l' appliquer au clicker automatique, nous devons créer Enter, peut-être pas ici Peut-être ici. Oui, oui. Suivons la même règle. Je l'ai donc fait de cette façon. Et maintenant, copions-le ici comme ça, non ? Hmm, hum, ici, Auto Clickers. Anti-cliqueteurs automatiques, non ? Et comme vous pouvez le voir, maintenant c'est cool, car l'animation se produit tous les états lorsque ces états sont modifiés, n'est-ce pas ? Eh bien, l'animation est très simple maintenant, bien sûr. Tu peux l'améliorer. Mais comment l'améliorer et aussi comment le rendre personnalisable, car à l'heure actuelle, si nous décidons de changer quelque chose, par exemple, ici, nous devons également le changer ici et là, ce n'est pas une bonne solution, n'est-ce pas ? Mais commencez toujours par quelque chose de simple et passez à quelque chose d'un peu plus difficile. 101. ...animationProps - nous allons utiliser la déstructuration d'objets pour améliorer le travail d'animation: Notre animation pour le moment est assez simple. Améliorons-le. Disons que je souhaite également modifier un autre paramètre. Supposons donc que la valeur initiale de Y soit, par exemple, disons, -20, comme indiqué ici, peut-être moins dix. Vous pouvez donc voir maintenant que la valeur initiale est moins dix, mais nous ne l'avons pas modifiée en utilisant Animate Nous devons donc la ramener à zéro, par exemple, n'est-ce pas ? Nous avons maintenant une animation comme si la valeur venait de haut en bas. Le problème que vous pouvez probablement déjà voir , c'est que maintenant je dois appliquer cela ici et ici. Non, non, non, non, non, non, je n' aime pas du tout cette solution, non ? Alors, comment le résoudre ? Le moyen le plus rapide de le résoudre. Si vous ne prévoyez pas de réutiliser votre mini-composant parce qu'il s'agit actuellement d'un mini-composant ailleurs, je veux dire, l'ensemble de votre application, d'accord, consiste simplement à créer un objet ici qui stockera toutes les propriétés. Donc des propriétés animées constantes, quelque chose comme ça, non ? Maintenant, quand je l'ouvre, je veux avoir à l'intérieur, ah, exactement ceci, ceci et cela. Et grâce à cette solution, je peux maintenant les appliquer ici très rapidement. Mais la question est comment puis-je le copier ici ? Et pour ce faire, vous devez taper. Voyons si l'IA va nous aider. Pas cette fois. Il faut donc taper, ça aide. Mais comme vous pouvez le constater, nous avons une erreur. L'erreur est là parce que si vous voulez accéder à quoi que ce soit à partir de JavaScript, eh bien, nous devons d' abord entrer JavaScript, c'est ainsi. Vous vous demandez peut-être maintenant quels sont ces points libres ici. C'est ce qu'on appelle la destructorisation. Cela signifie que je vais le copier ici. Je dis simplement que cela va d'abord s'améliorer, n'est-ce pas, et ensuite que maintenant, que pouvons-nous faire ? Nous pouvons appliquer les modifications à tous en même temps. Donc, si je dis : « Hé, je veux que tous les Y commencent à 20 », non ? Et je veux tous les animer jusqu'à zéro. Comme vous pouvez le voir, ils sont maintenant tous animés comme ça. Il est donc désormais simple de l'appliquer à chaque tag, mais nous avons un problème. Disons que tu ressembles à quoi, tu sais quoi ? Les cliqueurs automatiques devraient être différents. Je veux, genre, venir de haut en bas. Ops. Alors, comment le résoudre maintenant ? Et ce qui est cool avec le HTML, c'est que lorsque vous tapez la première touche, nous avons l'initiale, puis l'animation, n'est-ce pas Nous avons toutes les propriétés animées ici. Nous pouvons remplacer ce qui existait avant. OK ? Rappelez-vous, remplacez ce qui était avant par écrire quelque chose comme une initiale, n'est-ce pas ? C'est égal, puis tu pourras dire : Tu sais quoi ? L'état initial de Y sera, par exemple, -30, non ? Et bien, Color. Comme vous pouvez le constater, l'état initial du clicker automatique est maintenant le suivant, mais nous avons un autre problème Quel genre de problème ? Des problèmes récurrents. Le problème est que l'opacité n'est pas nulle au départ, non ? Donc, pour être honnête, nous sommes comme si nous remplacions l'intégralité de l'état initial, n' est-ce pas, par cette valeur. Et ce qui est cool, c'est que dans notre initiale, comme ici, nous pouvons d'abord faire de la destructorisation, d' Donc, Hey, je veux agir en tant que propriétés animées et en tant qu'état initial uniquement. Et cela signifie que je tape ici comme Opacité, zéro Y 20. Mais comme je l'ai tapée à nouveau, la valeur Y allant de -30, la valeur Y allant de -30, cette valeur de Y revient à remplacer ce qui était avant, n'est-ce Et maintenant, comme vous pouvez le voir, l'opacité est également appliquée à autocl 102. paquet lodash.merge - comment fusionner des accessoires sur un exemple pratique: Bonjour, mes amis. Ils s' entraîneront un peu, mais apprendront également quelque chose de nouveau concernant un package très intéressant qui nous permettra fusionner des propriétés comme celle ici, instantanément. Et cela sera très, très utile. Sony, nous voyons C Y. Je voudrais donc le remplacer ici par quelque chose qui ressemblera, par exemple, à une valeur animée Et quand je dis valeur, je veux que ce truc soit animé et qu'il montre également la valeur. Je veux donc montrer cet état d'ici, non ? Donc, mon composant comme celui-ci va remplacer le travail effectué ici. Comment faisons-nous de telles choses ? Pour faciliter les choses, nous allons tout mettre dans un seul fichier juste pour un moment, d'accord ? Créons donc la fonction, et nous allons l'appeler valeur animée, n'est-ce pas ? C'est ainsi que nous appelons les composants. Et ensuite, la suggestion était super cool parce que nous devons, exemple, obtenir la valeur d'ici, quel est l'État, non ? Nous devons l'observer. Donc oui, c'est génial. J'aime bien ça. Ensuite, nous devons retourner quelque chose, non ? Donc, tout ce qui va être renvoyé ici, c' est ce qui va se voir. Je propose donc de simplifier les choses pour le moment pour voir si cela fonctionne, toujours déboguer instantanément, d'accord ? Comme vous pouvez le constater, la suggestion est plutôt cool car maintenant, lorsque nous utilisons une valeur animée, comme vous pouvez le constater, l'animation ne fonctionne bien sûr pas, n'est-ce pas ? Mais bon, ce qui est cool, c' est que maintenant nous pouvons afficher la valeur en tapant simplement notre propre type de composant ici. Nous avons juste emballé l' or de cette façon, non ? Et il est tourné à l'intérieur en ce moment, ce qui est également un mouvement. Nous n'avons même pas besoin de savoir si la motion existe. Et c'est cool. Nous devons donc maintenant l' animer. Comment l'animons-nous ? Eh bien, je propose de le faire de cette façon. Mais il y a des animations comme zéro, dix, dix. Utilisons-le pour voir comment cela fonctionne. Vous pouvez voir que cela fonctionne comme ça. Donc ça descend, puis à dix pixels de y et B. C'est aussi une bonne façon d'animer, c'est pourquoi je ne l'ai pas arrêtée Mais utilisons pendant une seconde cette constante à partir d'ici. Allons-y une seconde. Je vais utiliser uniquement les propriétés animées qu'il contient. Parce que pourquoi pas ? Comme ça. Hein ? Et comme vous pouvez le constater, oui, l'animation a déjà été réalisée, mais nous n'en observons pas la valeur maintenant, n'est-ce pas ? Nous n'observons pas l'or. Donc pour l'observer, non ? Que devons-nous faire ? Nous devons définir la clé sur la valeur à valoriser, mais en utilisant la syntaxe JavaScript. N'oubliez pas que non. HTML. Maintenant, lorsque nous minons, l'animation fonctionne bien, non ? Donc, ce qui est cool , c'est que nous pouvons simplement remplacer toutes ces choses ici assez facilement. Tout ce que nous avons à faire, c' est comme ça, mais n'arrêtez pas la conférence car nous allons vous montrer les problèmes que j'ai envie de résoudre. Cliquez donc sur Power Auto Clickers. Et maintenant, comme vous pouvez le constater, oui, cela fonctionne pour tout le monde. Et maintenant je pourrais faire autre chose assez facilement, non ? Mais c'est le comportement par défaut, non ? Hmm hmm hmm. Mais que si je veux avoir des propriétés personnalisées ? Comment le faisons-nous maintenant ? OK. Donc, si nous voulons avoir des propriétés personnalisées, nous devons les autoriser, n'est-ce pas ? Alors disons quelque chose comme créer un autre type, et nous allons l'appeler propriétés animées personnalisées, quelque chose comme ça, non ? Et par défaut, ils sont définis sur rien. Nous allons donc faire quelque chose comme ça. Mm. Donc, si nous n' envoyons rien ici, ça va ressembler à ça, non ? Donc, pour être honnête, ce sera comme si nous n'avions rien envoyé, donc l'animation sera la même. Voyons peut-être comment cela fonctionne. Nous devons donc maintenant faire comme, d'accord, propriétés animées, et disons que nous avons des propriétés personnalisées, n'est-ce pas ? Propriétés d'animation personnalisées. Et maintenant je vais envoyer quelque chose comme : « Hé, je veux commencer par -40 Et pour l'envoyer maintenant, lorsque nous sommes dans la valeur animée, nous avons reçu une suggestion ppb Nous l'obtiendrons parce que moi non, c'est ici. Propriétés animées personnalisées. Et oui, je souhaite envoyer des propriétés animées personnalisées. Je ne devrais pas l'appeler de la même façon, non ? Parce que cela provoque Mm hmm. Mm. Peut-être qu'ici on appelle ça des accessoires. Bien sûr, cela va fonctionner, car ils ont des portées différentes, mais je ne voulais tout simplement pas les appeler de la même manière Mais voyons si cela fonctionne. Comme vous pouvez le constater, lorsque vous extrayez de l' or, l'or vient du haut et d'autres choses viennent du bas, n'est-ce pas ? Donc oui, cela fonctionne correctement maintenant. Mais nous avons un autre problème. Le problème, c'est que nous avons dû spécifier l' opacité ici, non ? Parce que si vous ne spécifiez pas l'opacité, comme par exemple, aux deux endroits, n'est-ce pas ? Vous pouvez voir que l'opacité est toujours réglée sur un, et ce n'est pas cool B Je veux, par exemple, obtenir tous les comportements par défaut, mais lors de la modification, par exemple, comme vous pouvez le voir, la valeur y, n'est-ce pas ? Vous pouvez désormais modifier uniquement, par exemple, la propriété initiale et cela fonctionnera. Parce que lorsque nous mettons d'abord ici les propriétés animées, seront initiales, puis animées et ensuite nous allons mettre quoi ? Nous allons mettre ici les initiales. L'initiale va remplacer entièrement cela. C' est le problème car l'opacité va être remplacée Si vous ne voulez pas avoir un tel comportement, il serait très difficile de l'implémenter car nous devons faire ce que nous faisions auparavant. Nous devrons accéder aux propriétés d'animation personnalisées qui initialisent, je veux dire, propriétés animées, puis envoyer leurs propriétés d'animation personnalisées initiales et faire pour chaque propriété . Alors imaginez que si vous en aviez 100, le faire manuellement serait stupide, non ? Pour deux d'entre eux, d'accord, je pourrais peut-être le faire, mais si j' ajoutais une autre propriété à l'animation, je devrais le refaire ici. Ce n'est donc pas la bonne façon de faire de telles choses, n'est-ce pas ? Et la solution consiste à installer ce qu'on appelle Dash. Je vais donc taper NPM I dash. OK. Et une fois que vous aurez installé Loda, vous obtiendrez quelque chose qui s'appelle Marge Donne-moi March, s'il te plaît. Pourquoi de Deep March. Pas de Beep Merge. Je le voulais de Ludach Donc, pour autant que je me souvienne, c'était comme cette fusion de données à faible tiret. Mais je me trompe peut-être, qui sait ? Supprimer l'importation, je n'ai pas besoin de supprimer l'importation car elle a été importée mais n'a jamais été utilisée. OK, donc c'est juste une fonction qui vient de cet endroit, non ? Et maintenant, je peux faire quelque chose comme ça. Les propriétés fusionnées constantes, par exemple, appelons-le. Et il suffit de les fusionner comme ça, non ? Et au lieu que les deux apparaissent ici, nous allons faire comme ça. Il s'agit donc simplement de fusionner, de connecter. Les propriétés par défaut avec celle que nous envoyons à la valeur animée. Et il va le faire en profondeur. Qu'est-ce que cela signifie qu'il va le faire en profondeur ? Lorsque nous ne fournissons rien, par exemple, nous n'avons pas fourni de site opa, n'est-ce Nous n'avons pas fourni, vous savez, mais nous n'avions pas besoin de fournir d'anime. Mais s'il y avait beaucoup, beaucoup d'autres valeurs clés, elles seraient toutes profondément fusionnées. Vous n'avez pas à vous soucier maintenant, vous savez, si vous aviez une autre propriété ici, par exemple, ce qui doit se passer lorsque la sortie aura lieu, etc., alors tout sera fusionné automatiquement. Tu n'as pas à t'inquiéter de quoi que ce soit. Je pense également que le code comme celui-ci aura l' air plus facile à lire et à utiliser. 103. Créer un composant fonctionnel - refactoriser notre code: Bonjour, mon ami. Aujourd'hui, nous allons essayer de refactoriser notre code car il est devenu un peu trop gros Et aussi, j'aimerais remarquer que quelque chose comme ça, une valeur animée, pourrait vraiment être utilisée à différents endroits de votre application, n'est-ce pas, parce que c'est quelque chose comme universel, n'est-ce pas ? Cela pourrait être appliqué à n'importe quel composant dont la valeur doit être animée, n'est-ce pas ? Avec un certain comportement par défaut, le comportement par défaut peut même être modifié. Alors, comment s'y prendre ? Tout d'abord, nous devons créer un nouveau composant, n'est-ce pas ? Donc nouveau fichier, et appelons-le valeur animée JS six, JA six. Mais remarquez une chose. Il y a un problème. Nous avons un composant qui est vraiment un composant qui ressemble à un composant fonctionnel. Ce n'est pas un composant qui devrait montrer quelque chose. Il s'agit en fait d' une sorte de fonction qui agit sur l'état des valeurs. C'est pourquoi je vais créer un nouveau dossier que j'ai appelé functional, qui ne fera que suggérer que ce composant est différent. D'accord. Les composants de base sont donc là, non ? Mais ils sont responsables de l'interface utilisateur, non ? Mais composant fonctionnel, ça va être plus profond. Ainsi, lorsque vous le déciderez, je dois utiliser l'un de mes composants fonctionnels, vous le trouverez facile, n'est-ce pas ? Oh, c'est ici. C'est pourquoi nous allons le faire comme ça. Et maintenant, nous devons simplement prendre ça, non ? À cet endroit. Et aussi, eh bien, nous devons maintenant l'importer ici, non ? Parce que sans ces importations, cela ne marchera pas. Et ce que nous devons également faire, c'est l'exporter. Et après l'avoir exporté, nous devons également l'importer au bon endroit. Importez donc une valeur animée à partir d'une valeur animée fonctionnelle. Maintenant, comme vous pouvez le voir, cela fonctionne de la même manière. Mais nous l'avons déplacé ailleurs, non ? Nous pouvons donc maintenant, une fois que j'ai terminé mon travail sur l'animation, je l'oublie. Je suis juste en train de fermer ce dossier. Mais si je veux modifier quelque chose, je peux y revenir, non ? Et c'est une bonne façon de programmer, non ? Nous pouvons maintenant nous concentrer sur le projet, non ? Et le plus cool, c'est que c'est maintenant, comme je l'ai dit, le dossier fonctionnel Si je voulais avoir valeur animée dans n'importe quel autre composant, il suffit de l' importer et de l'utiliser Et parce que nous avons utilisé quoi ? Nous utilisons des sondes d'animation personnalisées, n'est-ce pas ? Nous avons mis en œuvre quelque chose comme ça. Nous sommes autorisés à modifier l' apparence de cette animation pour une valeur spécifique si nous n'aimons pas le comportement par défaut. Ce n'est qu'une leçon. Merci beaucoup 104. dossier util avec les paramètres animations.jsx pour l'ensemble de l'application: Bonjour, mon ami. Nous avons créé une seule animation, qu'elle nous plaise ou non. Mais disons que nous sommes du genre : « Tu sais quoi ? Cette animation est trop cool. Je souhaite le réutiliser, pas seulement dans un composant de valeur animé. Je souhaite l'utiliser dans l' ensemble de mon application. Mettre de l'animation ici n' est donc pas toujours une bonne idée, non ? Parce que plus tard, vous découvrirez peut-être que cela devrait être utilisé partout. Alors, comment le changer ? Lorsque vous accédez au dossier source, vous pouvez créer un nouveau dossier que vous appellerez Utils, comme ici Je l'ai déjà créé. Donc, à l'intérieur de celui-ci, vous pouvez créer un nouveau fichier et l'appeler, par exemple, Animations JSX, d'accord ? Et remarquez que je n'ai pas utilisé majuscules ici parce que c'est juste un utilitaire C'est une sorte d'outil que vous pouvez réutiliser dans votre application. Ce dossier est donc similaire aux éléments qui devraient pouvoir être utilisés dans n'importe quel composant de votre choix. Maintenant, je colle ici quelques animations que j'ai créées pour vous, et ce qui est cool, c' est que vous pouvez maintenant les réutiliser où vous voulez, non ? Cela signifie donc que maintenant, lorsque nous allons voir notre mineur d'or, n'est-ce pas, et que nous passons, par exemple, à un volume animé, nous pouvons faire quelque chose comme : « Hé, supprimons simplement ceci, n'est-ce pas ? Et utilisons l' animation d'ici. Ainsi, par exemple, la décoloration . Mais comment s'y prendre ? Nous devons d'abord l' importer. J'ai un super cool. Comme vous pouvez le voir, voici quelque chose comme importation automatique et le chemin. Et quand vous l' installerez, que se passera-t-il ? Lorsque vous souhaitez importer quelque chose. Donc, par exemple, disons que je veux importer ceci, je suis comme si je pouvais glisser-déposer et maintenir la touche Maj enfoncée et le faire comme ça. C'est trop cool. Je l'adore vraiment. Mais je vais faire quelque chose d'amusant ici. Je vais faire quelque chose comme si je voulais importer toutes les animations et faire quelque chose comme une animation. Cela signifie que maintenant j'ai des objets d'animation qui peuvent tous y accéder. Qu'est-ce que cela signifie ? Regarde, regarde, regarde, regarde. C'est tellement puissant. Animations papa maman. Papa da est cool, non ? Je peux, genre, y accéder d'ici. Génial. Et qu'est-ce que cela signifie ? Cela signifie que je peux faire quelque chose comme, par exemple, le type d' animation par défaut, n'est-ce pas ? Nous pouvons créer un autre accessoire, et l'accessoire sera configuré par défaut, par exemple, pour s' estomper Disons que ce sera le comportement par défaut. Et maintenant, je peux faire quelque chose comme à partir d'animations, je veux obtenir le type d'animation lorsque je fusionne, n'est-ce pas Et c'est une appli. Voyons voir. Lorsque nous allons ici, comme vous pouvez le constater, les animations fonctionnent correctement, donc c'est bien. Mais ce qui est bien, c'est que je suis du genre, tu sais quoi ? J'aimerais utiliser une animation différente. Disons que je veux des bombes pour ce type. Oh, d'accord, tu peux voir, maintenant il y a des bombes ici. Ici, je peux en utiliser un autre. Je peux toujours utiliser des accessoires d'animation personnalisés, donc tout fonctionne bien. Mais maintenant, je peux choisir l'une des animations que j'ai prédéfinies. Mais ce n'est pas la fin de l'histoire de cette conférence. Alors ne vous arrêtez pas. Écoutez, parce que nous l' avons dans un fichier externe et que nous pouvons l'utiliser où nous voulons. Notez que nous avons ici des animations comme Universal Man, par exemple, scale on hover Alors disons que je suis du genre : « Tu sais quoi ? Dans ce composant, j'aimerais vraiment ajouter une animation comme celle-ci à mon bouton. Disons à ce bouton que c'est mal, pas vrai, ou peut-être à ce bouton, peu importe, à vous de décider. Alors, comment pourrais-je ajouter une nouvelle animation ? Tout d'abord, je dois importer le mouvement, accord, car il n'est pas importé ici. Importons donc notre motion, non ? Ensuite, nous devons également importer notre utilitaire ici. Alors faisons-le comme ça. Et nous devons dire quelle animation nous voulons. Donc, dans notre cas, nous voulons une échelle au survol, n'est-ce pas ? Nous n'importons donc pas tout car nous n'avons pas besoin de tout pour le moment. Et maintenant, regardez à quel point je vais vous montrer cette chose puissante. Quand je tape ici un mouvement, n'est-ce pas, ce truc peut avoir quoi ? Nos animations maintenant, c'est vrai, car le mouvement est appliqué au bouton. Mais si vous voulez maintenant appliquer cela, vous devez y jeter un œil. **** et la suggestion. Regarde, maman. Super animation, non ? Il appelle lorsque je déplace ma souris dessus, et lorsque je tape, il revient en arrière. Si puissant, non ? Vous pouvez désormais utiliser toutes ces animations partout dans votre projet, dans n'importe quel composant de votre choix. C'est cool, non ? Ce n'est pas comme avant quand nous aimions, vous savez, créer, par exemple, une animation sympa au-dessus de la valeur animée, n'est-ce pas ? Maintenant, nous avons un type d'action par défaut, non ? Nous pouvons le changer si quelqu'un envoie ici une valeur qui n' est pas celle par défaut, n'est-ce pas ? Et tout le monde est content. C'est tellement incroyable, n'est-ce pas ? 105. AnimatePresence - comment créer une animation de « sortie »: Bonjour, mon ami. Aujourd'hui, nous allons parler de quelque chose de super intéressant à propos des animations de sortie. Parce que remarquez que maintenant, l'animation fonctionne comme ça. Le nouveau gars apparaît avec zéro Y 20. Ainsi, par exemple, 104 sont apparus comme ici, et ils ont été déplacés ici. Mais que s'est-il passé avec l'ancien État ? Par exemple, que s'est-il passé maintenant avec 104 ? Que s'est-il passé avec 105 ? Il a tout simplement disparu, non ? Il a été retiré instantanément. C'est comme s'il avait été démonté. Le composant responsable de cet endroit précis a été démonté, n'est-ce Et le nouveau est arrivé, il a été intégré, et une nouvelle animation s'est produite, n'est-ce pas ? Le problème est donc de savoir comment conserver l'ancien composant pour l'animation de sortie. C'est assez intéressant et difficile à gérer normalement, mais comme vous avez des mouvements de cadrage, ce ne sera pas si difficile Tout d'abord, nous devons mettre ici ce que l' on appelle la propriété de sortie, W dit simplement, ce qui devrait se passer avec l'ancien état. Alors, que devrait-il se passer avec le 110 maintenant alors que le 111 arrive ? Comme vous pouvez le constater, cela ne fonctionne pas. Quoi que je mette ici, comme vous pouvez le voir, c'est pareil maintenant, non ? OK. Pourquoi ? Parce que cette propriété fonctionnera lorsque quelque chose comme le parent du mouvement observera ce qui se passe avec le composant supprimé, n'est-ce pas ? Parce que, vous savez, avec ce mouvement, vous ne pouvez pas savoir quand l'animation va se terminer que quelque chose exécute l'animation et se détruit lui-même, n'est-ce pas ? Il ne pouvait pas faire ces deux choses en même temps. Il faut donc un parent qui le fasse. Donc, si vous voulez conserver la présence de animation plutôt que la présence de l'ancien état, vous devez appliquer ici ce que l' on appelle la présence animée, d'accord ? Et vous devez, bien entendu, l'importer. Alors animez la présence, et maintenant que va-t-il se passer ? Comme vous pouvez le voir, c'est drôle. Le mode par défaut est le mode de synchronisation, qui est rarement utilisé, mais c'est comme s'il ne se contentait pas d'attendre, mais aussi de se synchroniser avec l'ancien état, n'est-ce Mais ce mode est rarement utilisé. La plupart du temps que les gens passent ici, attendez, par exemple. C'est donc comme attendre. C'est qu'il attend l'animation de sortie se produise avant que l'initiale et l'animation ne se reproduisent. Donc tu peux voir. Hum. tellement beau, n'est-ce pas ? Et il y en a une autre qui est pop. Comment ça s'appelle ? Ce que je dis, Popa Layout Oui, comme ça. Comme vous pouvez le voir, celui-ci ressemble à un éclatement Quoi ? C'est comme entrer . Et celui-ci fonctionnerait mieux si nous faisions quelque chose comme ça, probablement. Comme vous pouvez le constater, c'est comme 747780. Comme vous pouvez le voir, ça vient du haut, non ? C'est comme. Ouais. Nous avons donc fabriqué des sortes d'horloges de haut en bas Et n'oubliez pas que si vous voulez, par exemple, travailler avec l'animation de sortie, vous devez utiliser la présence animée, qui nous permet d'observer quelle est la sortie de l'état , ce qui revient à être démonté, n'est-ce pas ? Ainsi, lorsqu'il détecte que cette partie de votre application va être démontée Avant cela, il va appliquer l'animation de sortie. Et après, ce truc va aussi être détruit, non ? Parce que ce type sait quand cela va détruire , il va être détruit, non ? Parce qu'il peut rester jusqu'à la fin de la destruction, non ? Mais si vous êtes l'objet destructeur, vous ne savez pas exactement quelle est la dernière seconde de cette destruction parce que, eh bien, vous ne savez pas quelle doit être la durée de l'animation et quand vous devez invoquer la suivante, n'est-ce pas ? Vous devez conserver la présence de l'animation. C'est pourquoi cela s'appelle présence. C'est une leçon d'audience. Merci beaucoup. 106. Modules CSS - étendons la portée à nos CSS: Bonjour, mon ami. Aujourd'hui, nous allons parler d'un sujet très important appelé modules CSS parce que, eh bien, pour chaque composant, je vous ai dit que nous devions créer un fichier CSS, n'est-ce pas ? Et cette solution fonctionnera la plupart du temps, mais il y a un problème. La première chose est que, par exemple, lorsque nous accédons au bouton, que se passe-t-il si nous voulons accéder au bouton la même manière dans un autre composant ? Hmm. C'est comme si c'était le plus important dans cette situation, non ? Nous devons donc, genre, faire de la portée. Vous devez, par exemple, appliquer un bouton en or moins CSS uniquement au composant or moins JSix, n'est-ce pas ? Et notez également que lorsque nous utilisons des classes, comme par exemple des boutons, pour être honnête, cette classe est autodescriptive et normalement en CSS, cela posait également un problème lorsque nous n'utilisions pas React. Quand tu avais différents boutons, différents types de boutons, tu devais, à chaque fois, inventer un nom, non ? Boutons boutons de navigation, blabla, bla, la, la, non ? Vous devez spécifier le type de boutons qui se trouvent ici. Et c'est aussi un problème, non ? Et vous pouvez résoudre tous ces problèmes en faisant simplement quelque chose comme ça. Gold Minor, non ? Vous tapez ici quelque chose comme module point CSS. OK ? Mais cela fonctionne instantanément car nous travaillons avec vite qui a tout imprimé. Souviens-toi de ça. Et maintenant, nous devons également l'appliquer, mais comment l'appliquer maintenant ? Alors maintenant, lorsque nous importons Gold Minor, nous devons également taper votre module, n'est-ce pas ? Mais avant cela, nous devons également taper le nom, ce qui nous permettra d'accéder à toutes les classes, par exemple, ici. ce que nous faisons ? Eh bien, prenons, par exemple, la sœur de. La plupart du temps, les gens l'appellent sœur. Vous pouvez l'appeler CSS si vous voulez un raccourci. Eh bien, cette convention. La plupart des gens le font de cette façon , alors appelle-les comme ça. Vous pouvez maintenant utiliser ces styles, par exemple, ici. Mais nous n'y accédons pas directement ici pour le moment, car vous remarquerez que notre site fonctionne, mais nous ne voyons aucune modification apportée par la classe de statistiques des botteurs de buts, les boutons d'ici Donc, si vous voulez y accéder maintenant, vous devez entrer dans le domaine JavaScript, à droite , taper, taille, ça, puis choisir Gold Clicker Comme vous pouvez le constater, le Gold Clicker se transforme instantanément en quelque chose comme ça C'est parce que nous en consommons ici, quoi ? Ce trait d'union ici, non ? Pour la connexion, nous utilisons la pause. Et tu n'es pas capable de faire quelque chose comme Sis Gold, Clicker, d'accord ? Parce que ce n'est pas une syntaxe en JavaScript. Mais vous pouvez également accéder à la propriété de l'objet en utilisant la syntaxe du tableau, n'est-ce pas ? Donc, oui, ça marche. Notez également que j' ai activé une sorte de saisie automatique parce que j' utilise l' extension CSS Modulus, d'accord ? Et c'est pourquoi il l'a également traduit en ceci. Mais sachez qu'il est préférable d' utiliser une convention de dénomination comme celle-ci pour les modules CSS. Pas comme ça. C'est parce que maintenant, lorsque vous y accédez, comme vous pouvez le voir, lorsque vous faites quelque chose comme ça, la première chose à faire est que vous n'avez plus d'autosuggestion Lorsque je maintiens le contrôle, je peux passer au CSS que je souhaite modifier, n'est-ce pas ? Et bien, ça va vérifier si nous avons fait une erreur ou non, non ? Il vaut donc mieux utiliser ici un étui en forme de chameau dans les modules. Souviens-toi de ça. OK, alors comment l' appliquer aux autres ? Au lieu de cela, nous tapons des séjours, cela, et maintenant nous tapons ici des statistiques, comme ceci. Et au lieu de cela, nous passons au domaine du Javascript, et nous appliquons maintenant des modèles. Comme ça. Et notre application fonctionne de la même manière, mais c'est plutôt amusant. Notez le nom de cette classe. Il y a un soulignement, un cliquet doré et une sorte de volume ici Et cela rend votre classe unique dans ce domaine, n'est-ce pas ? Et cela signifie également que vous n'avez plus à vous inquiéter lorsque vous créez du CSS pour un autre composant, n'est-ce pas ? Parce que vous pouvez réutiliser tous ces noms qui sont ici et vous n'avez pas à soucier des collisions avec les noms, n'est-ce pas ? Parce que ce module CSS s' appliquera qu'à ce composant, toujours. C'est une solution plutôt cool, n'est-ce pas ? C'est la leçon. Merci beaucoup 107. Créer un thèmeBouton: Bonjour, mon ami. Aujourd'hui, je vais vous montrer comment créer un bouton comme celui-ci qui, lorsque vous cliquez dessus, vous allez changer le thème de votre application du clair au foncé, n'est-ce pas ? Donc en ce moment, comme vous pouvez le voir, nous avons une équipe de lumière, et lorsque je clique dessus, je veux passer à l'obscurité. J'ai donc déjà créé un composant Team toggle button J six Nous avons donc une fonction. N'oubliez pas l'exportation. Nous devons également saisir le module CSS, non ? Nous avons donc un autre endroit distinct pour le CSS. Et notez également que dans un JS six, j'ai importé le composant et je l'ai mis ici. Et n'oubliez pas que, comme il existe des composants, je peux les réutiliser, je peux les utiliser autant de fois que je le souhaite dans de nombreux endroits. C'est cool parce que vous pouvez, par exemple, placer maintenant ce bouton le coin supérieur droit, par exemple, le coin inférieur gauche, comme vous voulez, directement dans le pied de page, à de nombreux endroits, vous n'avez pas besoin de tout refaire Nous avons donc ici le module que nous devons, par exemple, configurer. Nous avons donc un bouton, à droite , retourné, et nous devons configurer les styles correspondants. Nous devons donc taper, comme vous pouvez le voir, la suggestion est plutôt correcte. Et maintenant, au début, nous avons quelque chose comme ça. Donc ça a l'air mieux, non ? C'est au milieu. Il existe des diapositives de base pour eux. Et maintenant, nous voulons, par exemple, changer l'état de notre application, non ? Nous voulons faire en sorte que l'équipe passe du clair au noir. Et comment faisons-nous une telle chose ? J'ai donc créé dans l' index CSS, d'accord ? Donc, dans la taille globale, quelque chose comme les valeurs par défaut pour les éclairer. Vous pouvez utiliser des variables en CSS, non ? Donc, c'est pour les éclairer, c'est celui par défaut, non ? Et après cela, j'ai également créé un attribut, accord, qui ressemble à des données, noir, d'accord ? Alors, voici, ces variables peuvent-elles être appliquées à n'importe quel élément HTML possédant quelle équipe de données d'attributs, n'est-ce pas S'il n'en a pas, alors la variable qui sera appliquée est celle de ces valeurs, n'est-ce pas ? nous suffit donc d'appliquer d' une manière ou d'une autre tous ces attributs à l'ensemble de notre page Web. Mais heureusement, nous n'avons pas besoin de l'attacher à chaque élément, n'est-ce pas Tout ce que nous avons à faire, c'est de l'appliquer ici lorsque vous allez ici, n'est-ce pas ? Parce que si vous appliquez l'attribut ici, tous les enfants en hériteront, n' est-ce pas ? C'est donc tout ce que nous devons faire. Et nous devons le faire depuis cet endroit. Et maintenant, nous avons un problème, mais quel genre de problème ? Eh bien, comment accéder à l'élément HTML du document, n'est-ce pas ? Parce que nous sommes dans React, n'est-ce pas, comment accéder à quelque chose en dehors du cadre de notre composant ? Vous souvenez-vous quand nous parlions de l'effet d'usage ? Avant, nous l'utilisions principalement pour quoi ? Pour un intervalle défini, non ? Mais l'effet d'utilisation peut également être utilisé pour invoquer fonctions qui devraient être impliquées et qui peuvent accéder au modèle d'objet du document comme vous le feriez normalement, n'est-ce pas ? Et des choses comme ça se produisent, comme vous pouvez le voir, vous voulez le faire ici. Mais comment ? Eh bien, vous devez simplement accéder au document, à droite, puis à l'élément du document. Et oui, c'est une bonne idée. Nous changeons l'attribut de l'élément du document, qui est HTML, n'est-ce pas ? Datatm vers DAG. Donc attaché à l'attribut HTML thêta team avec la valeur dark Et à cause de cela, le CSS est cool, car lorsqu'il détecte de tels attributs, il change les variables, n'est-ce pas ? Donc, ces variables sont là, non ? Vous pouvez donc maintenant spécifier ici comment vos éléments doivent se comporter lorsque le changement se produit. Mais vous vous demandez peut-être maintenant pourquoi cela s'est produit instantanément ? Eh bien, d'abord, lorsque je sauvegarde le fichier, il détecte la sauvegarde et met tout à jour. Mais quand même, pourquoi ? que tu es arrivé ici ? Un composant, non ? Et quand ce composant va être créé. Donc, dans up J. Donc, ici, cela va être renvoyé, lorsque nous reviendrons à J, l' effet d'utilisation sera exécuté. C'est comme, je dirais, un constructeur. Oui, c'est très similaire, mais bien sûr, ce n'est pas un constructeur, mais oui, c'est quelque chose qui va arriver, d'accord ? Lorsque vous ne spécifiez pas tout ce dont nous avons parlé auparavant, cela se produira à chaque fois que le composant sera monté. Donc, à chaque fois, il sera rendu. Ce n'est donc pas ce que nous voulons cette fois, n'est-ce pas ? Nous voulons, par exemple, faire en sorte que cela ne fonctionne que lorsque l' équipe change, non ? Donc, lorsque l'état de l'équipe change. Cela signifie donc que nous devons utiliser l'État. OK ? Alors peut-être importons l'état ici, non ? Et je propose de créer quoi ? Oui, quelque chose comme ça. Nous créons donc un crochet, donc nous connectons une équipe à l'autre, n'est-ce pas ? Et la valeur par défaut sera claire ou foncée. C'est à vous de décider, non ? Et nous voulons définir l' attribut ici maintenant, pas trop sombre, comme si, vous savez, ce n'était pas bien. Nous voulons le régler à la valeur qui est dans l'état, est-ce pas ? OK, c'est cool. Mais quand je clique dessus, je dois, exemple, en changer l' état, non ? OK, alors comment changer l'état du thème ? Nous devons utiliser OnClick lorsque quelqu'un clique dessus, n'est-ce pas ? Et la suggestion est très bonne car nous devons invoquer set them, non ? Disons que nous allons le supprimer pendant une seconde et le faire passer uniquement en noir, n'est-ce pas ? Et lorsque nous invoquons set them, parce qu'il est lié à team lorsqu'il est invoqué, le thème passe au foncé Et comme vous pouvez le constater, cela a changé, non ? OK. Et bien, nous pouvons changer d'un point de vue, non ? C'est pourquoi nous avons besoin de ce truc. Cela ressemble à une instruction conditionnelle de JavaScript qui vérifie cette chose. Donc, si l'état est actuellement clair, changez-le en foncé. Sinon, remplacez-le par de la lumière, non ? Et ce qui va être renvoyé est sombre ou clair selon ce qui se passait auparavant. Et c'est cool parce que c'est juste sur une ligne qui va maintenant le changer de l' une à l'autre, non ? Et maintenant, nous devrions l' améliorer un peu car pour le moment, comme je l'ai dit, cela sera invoqué chaque fois que le bouton Team sera affiché sur votre application Je pense donc que nous devrions spécifier quand cela doit être comme exécuté. Il ne doit être exécuté que lorsque l'état de l'équipe est modifié. C'est donc comme une sorte d' optimisation dans ce cas, d'accord ? OK, donc c'est ce que nous voulons, non ? Et maintenant, vous vous demandez peut-être comment cela fonctionne, n'est-ce pas ? B, ouah, il se passe tellement de choses que j'ai faites en coulisse. Eh bien, c'est React, non ? Mais je vais vous expliquer ce qui s'est passé dans les coulisses. Bref, parce que c'est très intéressant. Donc, comme je l'ai dit, nous avons une couleur d'arrière-plan qui est celle par défaut. Et quand on fait quelque chose comme ça. Donc, lorsque nous nous attachons au HTML, n'est-ce pas ? Donc, lorsque nous nous attachons à ce truc ici, est vrai, quand nous l'attachons, nous l'avons fait ici. Ils leur ont appris les attributs, non ? Alors, et c'est réglé sur quoi ? noir n'est pas clair. Chaque élément va alors hériter de cet attribut Et chaque fois que vous utilisez ces variables, n'importe où. Notez que dans le bouton de bascule d'équipe, j'ai fait quelque chose comme ça Couleur de fond, et je l'ai dit ici au bouton Var. C'est donc comme si elle allait changer ici, cette variable de l'une à l' autre lorsque l' attribut arrive ou non. Quand je vais, par exemple, à Good Minor, je le fais aussi ici. Remarquez l'arrière-plan et le texte du bouton, n'est-ce pas ? Et si vous ne voulez pas changer quelque chose, n'est-ce pas, si vous voulez conserver la valeur qui devrait être ici, n' est-ce pas, il vous suffit de taper cette valeur ici, n'est-ce pas ? Donc, si vous ne voulez pas que quelque chose change lorsque l'équipe change, ne tapez pas. Mais il y a aussi une autre chose dont vous souhaitez parfois personnaliser le changement. Donc, si vous souhaitez personnaliser, par exemple, le bouton de bascule parce que, comme vous le voyez, je voulais quoi ? Je voulais également changer la couleur en bleu, par exemple, pas en blanc cette fois. Ensuite, vous devez d'abord accéder à l' attribut dark team, à droite, qui est défini sur dark. Donc, si le bouton togul possède cet attribut, changez la couleur d'arrière-plan pour quelque chose comme ça Bien sûr, tu peux faire ce que tu veux ici. C'est donc à vous de décider, et c'est le comportement qui va se produire dans cette situation. 108. Texte conditionnel - foncé à clair, clair à foncé: Bonjour, maintenant nous avons des barres obliques foncées, mais j'aimerais changer le texte de ligne noir lorsque l'équipe change, n'est-ce pas ? Nous vous suggérons donc ce que ce bouton va faire. Et c'est tellement simple à faire parce que n'oubliez pas que nous utilisons JSX, nous n'avons donc pas besoin d' échapper d'un mot HTML à un script JAVA C'est comme si nous y étions déjà, mais nous n'avons qu'à faire quelque chose comme ça, non ? Il suffit donc d'utiliser crochets et vous êtes dans le JavaScript, et nous pouvons créer quelque chose comme ça, par exemple Mais bon, ce n'est pas exactement ce que nous voulions, n'est-ce pas, parce qu'il s'agit simplement de changer l'ordre dans lequel nous allons mettre ici quelque chose comme à l'obscurité ou passer à la lumière, n'est-ce pas ? De cette façon Comme vous pouvez le voir maintenant, il fait clair, sombre, frais. Et cela fonctionne parce que nous vérifions l'état, n'est-ce pas ? Et si l'état est égal à la lumière. Donc, quand c'est comme ça, on tape ici en noir. Si ce n'est pas le cas, nous tapons ici si souvent que nous faisons toutes ces choses, mais normalement, s'échapper vers monde de Javascript n'est pas si facile lorsque vous êtes en HTML Vous devez faire beaucoup de choses, accéder aux propriétés. Ici, je m'en fous. L'état a changé et quand l'état sera changé, tout changera en conséquence. Puissant. 109. [EXERCICE] Bouton d'un emballage externe - changer de thème avec une animation svg: Allez-y, mon ami. Essayez de le faire comme exercice. Accédez au point Size Toggles Dev et essayez, au lieu d' utiliser ce bouton, d' implémenter l'une des collections disponibles gratuitement sur ce Donc, l'avantage de Rag, comme je l'ai déjà dit, c'est qu'il existe de nombreuses collections de choses comme ça C'est une collection très spécifique que j'ai trouvée sur Internet, non ? Ce n'est donc pas comme s'il y avait beaucoup de solutions différentes. Ce n'est qu'une solution simple à ce problème spécifique, n'est-ce pas ? Mais commençons par quelque chose de simple comme ça. Supposons donc que je veuille avoir un bouton de bascule comme celui-ci Alors, comment aborderais-tu ? La plupart du temps, les sites comme celui-ci contiennent ce qu' on appelle de la documentation. Donc, lorsque vous passez à la documentation, comme vous pouvez le voir, cela concerne HTML et React, n'est-ce pas ? OK, c'est donc ce que nous devons utiliser. Tout d'abord, nous devons installer notre package, et nous avons le gestionnaire de packages appelé NPM, c'est vrai, pour notre nœud JS Il vous suffit donc d'aller sur le terminal taper quelque chose comme ça et de le laisser jouer. Rn est juste un gestionnaire de paquets différent. Nous ne l'utilisons pas, nous utilisons donc celui-ci. OK. Ensuite, il est dit que nous devons importer CSS dans AJs ou autre chose, non ? Ensuite, nous devons importer le composant par son nom et l'utiliser, n'est-ce pas ? OK, alors quand on passe aux tocals, remarquez que disons : «   Hé, j'aime bien celui-ci, non Elle passe de la lune au soleil. OK, c'est cool. Oui, c'est ce que j'aime. Je n'utilise donc pas de code HTML simple. Oui, vous pouvez aussi, mais j'utilise Ra. Cela signifie donc que, comme vous pouvez le voir, nous avons ici un copier-coller pour l'ordinateur portable qui importe notre page. Notre package a été installé, et maintenant nous pouvons simplement importer toutes ces choses ici, n'est-ce pas ? Il nous suffit donc de l' importer dans notre projet avec le CSS qui vient d'être installé lorsque nous l'avons fait, n'est-ce pas ? Et le nom du composant que nous voulons utiliser. OK. Alors maintenant, oui, c'est cool. J'essaie de définir quelque chose comme ça, mais ce n'est pas ce que nous voulons. Nous voulons d'abord régler le bouton, d'accord ? Et maintenant, il est dit que nous devons également spécifier la durée de l'animation. Supposons donc que nous voulions spécifier, disons, la valeur par défaut. Mais le problème, c'est que nous ne voyons pas notre composant. Et pourquoi est-ce qu' il se cache ici ? C'est parce que la couleur par défaut est le blanc, et cela signifie que nous devons changer le style. Mais comment en changer le style ? Lorsque vous consulterez la documentation, vous verrez que nous avons ici quelque chose comme le style. Donc, pour changer la couleur du Togo, il suffit de changer la propriété de couleur CSS du composant. Oh, nous devons donc simplement modifier cette propriété de couleur. Ok, donc tout ce que nous avons à faire c'est d'abord changer le style. Le style est donc égal. Et maintenant, nous entrons dans le domaine du JavaScript, n'est-ce pas ? Et puis, encore une fois, nous ouvrons les crochets pour saisir ce qu'il faut saisir dans le CSS, vrai, parce que nous voulons renvoyer le CSS ici. Et maintenant, nous devons définir la couleur, non ? Donc, lorsque je change la couleur en rouge, par exemple, que va-t-il se passer comme vous pouvez le voir, c'est rouge maintenant, n'est-ce pas ? Et comme vous pouvez le constater, cela fonctionne déjà, non ? Cela change l'État, mais cela ne fonctionne pas comme nous souhaitons parce que cela n' invoque pas ce que nous avons ici, n'est-ce OK, alors voyons voir ce qu'ils disent ? Si vous voulez gérer l'état, vous devez implémenter quelque chose comme ça. Euh, hein. OK. Donc je dois, genre, utiliser la fonction set ici, droite, quand le togo sera terminé. OK, alors mettons-le en œuvre. Donc, quand on entre dans le Togo, non, on veut quoi ? Voyons si nous allons avoir des indices ? Oui, on l'a. Mais est-ce correct ? Pas exactement, parce que nous voulons changer d'équipe, pas comme ça. N'oubliez pas que nous ne pouvons pas changer l'état directement. Nous voulons le changer en utilisant quoi ? L'équipe chargée de définir les fonctions. L'IA peut donc se tromper. OK. Et maintenant, lorsque nous changeons et configurons notre équipe, cela ne fonctionne pas Pourquoi est-ce ainsi ? C'est parce que j'ai probablement fait une erreur ici ? Oui, bien sûr, nous devons, bien sûr , utiliser une fonction flèche. Donc, comme vous pouvez le voir, eh bien, oui, cette syntaxe est difficile à comprendre, n'est-ce pas ? Vous allez faire de telles erreurs, et même moi, lorsque je crée beaucoup de code à différents endroits, dans de nombreuses langues, dans de nombreuses langues, je fais aussi des erreurs comme ça, mais c'est la rapidité avec laquelle vous pouvez les repérer, n'est-ce pas ? Avec l'expérience vient rapidité avec laquelle vous repérez ce genre de choses. Et comme vous pouvez le voir, nous avons dû utiliser la fonction flèche, est-ce pas, parce que nous ne pouvons pas invoquer ici une fonction, n'est-ce pas ? Mais nous envoyons une fonction à invoquer par la propriété toggle, n'est-ce pas ? OK. Donc, quand je l'utilise, comme vous pouvez le voir, maintenant c'est cool parce que cela change leur état. OK, c'est exactement ce que nous voulions, non ? Et maintenant, nous devons également changer d'état ici, non ? Cela change donc le moment où nous allons ici, remarquez qu'il y a quelque chose comme toggle Ainsi, lorsque le faux devient vrai ou passe à faux, cela sera activé ou désactivé Cela signifie donc que cela va changer de lune en soleil. OK, c'est un problème en ce moment parce que nous avons déjà un État ici, non ? Donc oui, c'était un composant indifférent, par exemple, mais je ne veux pas le mettre dans autre composant pour le moment parce que, eh bien, je ne veux pas vous faire perdre votre temps précieux en ce moment, d'accord ? Tu pourras le faire toi-même plus tard. Mais nous pouvons faire quelque chose comme ce qui est suggéré ici. Nous pouvons donc vérifier l'équipe, donc si l'état est égal à la lumière, accord, alors retournez vrai. Si ce n'est pas le cas, nous reviendrons à l'automne, ce qui nous permettra d'obtenir vraiment ce que nous voulions. Cool, non ? Je pense que nous devrions utiliser la couleur d'arrière-plan pour ce bouton, car un bouton est vraiment classique, comme pour la variable utilisée pour la couleur d'arrière-plan, qui fait partie de l'ensemble de votre site Web, n'est-ce pas ? Pas pour l'arrière-plan du bouton car, comme vous pouvez le voir, il ne fonctionne pas, je pense, comme nous le souhaitons, n'est-ce pas ? Alors, comment faisons-nous une telle chose ? Pouvons-nous accéder aux variables ici ? Oui, bien sûr. Tu vois, si je dis couleur de fond bleu, ce sera toujours bleu, non ? Mais je veux utiliser la variable. Alors, comment l'utilisons-nous ? Nous devons faire quelque chose comme ça. Passons à la variable, non ? Et puis oui, la suggestion concerne l'arrière-plan des boutons, mais nous ne voulons pas utiliser l'arrière-plan des boutons. Nous voulons utiliser la couleur de fond cette fois. Pourquoi pas ? Maintenant, comme vous pouvez le voir, le bouton a toujours la couleur de notre arrière-plan, et grâce à cela, le commutateur semble meilleur, non ? La prochaine chose est, eh bien, disons que je veux en changer la taille. Donc, pour en changer la taille, nous allons changer la taille de la police. Et bien, oui, je pense que nous pourrions le faire de cette façon, mais pas d'égal à égal. Donc, par exemple, vous savez, 1,9, oui. Quelque chose comme ça. C'est plus grand maintenant, non ? OK. Nous changeons donc la taille de la police, nous changeons la couleur, mais je pense que la couleur rouge est mauvaise. Je pense que cela devrait dépendre de quoi ? Cela devrait dépendre de l' état de notre équipe, n'est-ce pas ? Donc, si notre équipe est également égale, oui, la suggestion est mauvaise en ce moment. Donc, si c'est égal à la lumière, je veux changer la couleur en une couleur statique qui, selon moi, sera bonne maintenant. Donc, si nous étions en mode lumière, nous pourrions dire : « Hé, cliquez sur la lune qui est bleue, non ? Mais sinon, vous devez vous exposer au soleil jaune, non ? Donc, en mode sombre, ça va être jaune. Maintenant, comme vous pouvez le voir, encerclez, non ? Plutôt génial. Et bien, vous pourriez le dire comme, vous savez, un composant différent, n'est-ce pas ? Et par exemple, vous pourriez plus tard, vous savez, l'utiliser à de nombreux endroits de votre programme. Ce programme sera un autre programme car ce sera le comportement par défaut du bouton thématique que vous aimez, n'est-ce pas ? Ce n'est pas le bouton d'équipe qu'ils ont créé, n'est-ce pas ? Faisons celui-ci. Merci beaucoup 110. Séparer les boutons et voir ce qui se passe avec l'état « partagé »: Bonjour, mon ami. Ces deux boutons font la même chose, mais ils se trouvent dans le même composant. Cela signifie donc que lorsque nous allons les réutiliser, ils seront côte à côte, et ce n'est pas ainsi que cela devrait être fait. Mais le problème est de savoir ce qui se passerait si nous décidions de les engager dans un autre combat ? C'est exact. Créons donc, par exemple, un autre composant. Appelons ça le bouton Tug classique, d'accord, comme ça. Et, bien sûr, si JSX, et maintenant je dis que nous allons, genre, tout copier d'ici, tout copier d'ici, donc nous n'avons pas besoin de tout réécrire, Copiez-le ici. Maintenant, renommons-le en bouton à bascule classique en utilisant le raccourci F deux, pour qu'il renomme tout, Et maintenant, dans notre bouton à bascule classique, nous n'allons pas utiliser cette partie, n'est-ce Nous allons juste le rendre et nous n'en avons plus besoin , non ? Nous n'avons pas besoin du classique. Et lorsque nous appuyons sur le bouton de basculement de l' équipe, cela signifie que nous pouvons désormais supprimer le classique d'ici, n'est-ce pas ? Et nous pouvons supprimer cette partie, accord, car elle n'est plus nécessaire. Nous les avons donc peut-être divisés. Voyons ce qui va se passer. Quand nous l'avons mis dans Ajax, c'est parce qu'en ce moment nous avons activé ce bouton, n'est-ce pas ? Disons donc que nous voulons également utiliser le bouton de bascule classique, n'est-ce pas ? Celui-là. Comme vous pouvez le voir, ils sont là, n'est-ce pas ? Mais il peut sembler y avoir un problème, comme le voyez-vous ? Quand j'ai cliqué sur le noir et que j'ai cliqué dessus , ils n'ont pas changé l'état comme il se doit. C'est donc parce que, eh bien, nous avons cette équipe, et nous avons aussi cette équipe, est-ce pas ? Hum, hum, hum. Mais c'est une autre équipe, non ? Il s'agit de l'état de ce composant. Eh bien, ils ont le même nom, mais ils ne sont pas partagés ensemble. Mais comment résoudre un tel problème ? Je vais maintenant vous montrer une solution qui est probablement présentée dans la plupart des cours, mais dans la prochaine conférence, je vous montrerai une meilleure solution. Eh bien, parce que le bouton à bascule fin et le bouton Togu classique sont notre application, Cela signifie que oui, nous pourrions faire quelque chose comme ça. Hein ? Nous allons donc placer l'État et l' effet d'usage à cet endroit, non ? OK, donc nous devons tous importer ces choses maintenant , non ? Et maintenant, nous devons d'une manière ou d'une autre , sentir l'équipe et l'amener à ce que ce type soit là, non ? Alors, comment faisons-nous de telles choses ? Eh bien, nous savons comment le personnaliser avec des accessoires, non ? Ce n'est donc difficile à faire parce que tout ce que nous avons à faire maintenant, c'est dire : « Hé, tu sais quoi ? Je dois prendre ces deux choses en équipe et les remplacer par quelqu'un d'autre, pas ici, n'est-ce pas ? Nous pouvons maintenant le supprimer. Et nous pouvons supprimer cela, et aussi ici. D'accord ? Nous devons le faire comme ça. Maintenant, nous devons leur envoyer ceci. Cela signifie donc que pour Team, oui, nous devons le faire et pour cela, nous devons le faire. Et maintenant, eh bien, l' État est là, non ? Et nous envoyons cet État ici. Eh bien, j'ai aussi commis une simple erreur, je tape team sans E, et cela poserait beaucoup de problèmes. Et maintenant c'est ce qui se passe. Comme vous pouvez le constater, ils fonctionnent correctement car nous les envoyons simplement comme accessoires au bouton de bascule classique et Tem Donc, tout fonctionne bien. Mais pourquoi cette solution est une mauvaise idée, non ? Eh bien, tout d'abord, remarquez que comment pouvons-nous maintenant utiliser le bouton Team Toggle ou le bouton Classic Togo dans une autre application ? Nous devons mémoriser que pour les utiliser, nous devons créer quelque chose comme ça que nous devons également mémoriser dans le composant parent. Et puis tu dois faire quelque chose comme ça. La seule raison est que, je pense, cela devrait suffire. Mais supposons que vous disiez : « Hé, c'est juste pour une seule application, cela fonctionne bien. Allons-y D'accord, d'accord. Supposons que vous ayez besoin de nombreux composants pour partager l'état. Vous aurez donc ici de nombreux états d'utilisation, beaucoup d'états utiles par exemple, et vous allez avoir le chaos au retour, D'accord. C'est mauvais, non ? Ensuite, troisièmement, les tests deviennent de plus en plus difficiles, car avec l'état qui gère l'application, tester des composants individuels tels que, par exemple, Team Tagle ou le bouton à bascule classique peut nécessiter, eh bien, de se moquer de l'état ou d'utiliser une bibliothèque de tests Et cela ajoute beaucoup de complexité. Et pour être honnête, votre candidature va être un chaos total si vous faites de cette façon, n'est-ce pas ? Ça va être difficile à adapter, ça va être difficile à réutiliser. Et il existe également une règle selon laquelle le composant up est actuellement responsable à la fois rendu de l'interface utilisateur et de la gestion de l'état de l'application. Et ce n'est pas ainsi que cela devrait fonctionner, car cela viole le principe de séparation des préoccupations, n'est-ce pas ? Quel est donc ce principe ? Les composants de l'interface utilisateur doivent se concentrer uniquement sur le rendu et l'interaction avec l'utilisateur. Mais la gestion des états doit être gérée par un mécanisme ou des composants dédiés, d'accord ? Donc tu ne devrais pas faire ce genre de chose ici. Vous trouverez des tutoriels mano qui font quelque chose comme ça, mais non, ne le faites pas ici. D'accord ? Je vais vous montrer une meilleure solution lors de la prochaine conférence. Passe une bonne journée. 111. Comment créer un fournisseur de contexte ? - Créons ThemeProvider: Bonjour, mon ami, aujourd'hui, je vais vous montrer comment créer un contexte pour vos composants, car lorsque vous partagez un état, l' une des façons de le partager consiste à utiliser ce que l'on appelle le contexte. Comment créer quelque chose comme ça ? Tout d'abord, vous devez créer un nouveau dossier, car si vous voulez avoir plus de contexte, il est conseillé de les placer dans un dossier séparé. Ensuite, nous allons créer un fichier que nous allons appeler team context. Et voici le JSX 5. Et à l'intérieur de celui-ci, nous devons créer notre contexte, et nous le créons en tapant quelque chose comme ça, contexte, puis en créant un contexte. Cela suffit, mais nous devons importer maintenant pour créer un contexte à partir d'act. Et le contexte. Oh, oui, c'est une bonne orthographe. Et maintenant, nous pouvons utiliser le contexte chez les enfants. Où allons-nous fournir ce contexte. C'est très important car, heure actuelle, lorsque nous appuyons, par exemple, sur le bouton Tem, nous pouvons importer notre contexte simplifié Nous pouvons donc écrire quelque chose comme le contexte d'importation, et il devrait être ici à partir du contexte, quelque chose comme ça. Et maintenant, nous pouvons utiliser le contexte, mais le problème est que nous devons d'abord le fournir, n'est-ce pas ? Nous devons dire quel type de contexte cela va se trouver à l'intérieur. Et vous le fournissez dans le même fichier ici, ci-dessous en créant quelque chose avec ce fournisseur d'équipe, d'accord ? Et pour ce faire, vous tapez, comme vous pouvez le voir, Team provider, et vous devez faire quelque chose comme ouvrir ici, oui, nous allons arriver ici pops et le fermer Pendant une seconde, c'est juste fermer les choses, et ce qui est très important, c'est aussi que nous devons exporter toutes ces choses, est-ce pas, parce que sinon, cela ne fonctionnera pas dans les cinq autres, n'est-ce pas ? Comme si j'avais essayé de l'importer. Où l'ai-je importé dans Team Toggle Bottom, non ? Donc avant, ça ne marcherait pas, non ? Bien, revenons donc au contexte de notre équipe. Et c'est un fournisseur. Vous pouvez voir qu'il y a des accessoires pour enfants ici. Bientôt, on expliquera à quoi ça sert, d'accord ? La suggestion était plutôt cool, alors laissons tomber. Et quel est le contexte dans lequel nous voulons leur envoyer le bouton de bascule leur envoyer le bouton de bascule et le bouton Togo classique Est-ce que c'est vrai ? Parce que nous ne voulons pas le conserver dans l'application. Nous allons donc le retirer et le mettre ici, non ? Voici donc le contexte. Et parce que nous l'avons supprimée, nous n'avons plus besoin de quelque chose comme ça, non ? Parce que ce n'est pas quelque chose dont nous avons besoin pour le moment. Et bien, nous pouvons supprimer cette partie. Et ici, nous devons importer l' état d'utilisation et l'effet d'utilisation, n'est-ce pas ? Mais peut-être mettons-le dans une importation comme celle-ci. OK. Nous allons donc de l'avant avec notre candidature, n'est-ce pas ? Eh bien, c'est un fournisseur d'équipe, et nous devons maintenant renvoyer quelque chose avec, n'est-ce pas ? Parce que c'est très similaire au composant, non ? Mais cette fois, ce que vous voyez ici est assez étrange, comme vous pouvez le constater, parce que lorsque vous allez utiliser le fournisseur d'équipe, vous allez l' utiliser ici dans l'application, d'accord ? Vous devez donc, par exemple, importer, d'accord, le contexte de l'équipe. Donc le fournisseur d'équipe, je veux dire, donc le fournisseur d'équipe. Et vous devez l'appliquer aux choses pour lesquelles vous souhaitez que ce contexte soit disponible. OK ? Nous pouvons donc, par exemple, le fournir pour l' ensemble de notre application, n'est-ce pas ? Nous pouvons donc faire quelque chose comme un fournisseur d'équipe, non ? Et maintenant, on se demande où ici, non ? Et c'est ça, les enfants, d'accord ? Donc, le bouton Gold Miner, Tim Turkle et le bouton Togu classique vont être passés ici, OK. Et nous devons, exemple, leur fournir le contexte. Alors je pense que c'est là, non ? Et afin de leur fournir un contexte, nous allons taper quelque chose comme si la suggestion se trouvait ici. J'adore cette suggestion, pour être honnête, ne soyez pas comme si vous aviez peur d' utiliser l'IA, d'autant plus que ce genre de choses ne se font pas souvent, d'accord ? Vous ne créez pas de fournisseur de contexte quotidien. Mais vous devez simplement comprendre comment cela fonctionne, non ? Nous avons donc accès au contexte de l'équipe, n'est-ce pas ? Donc ça, et nous disons que c'est le fournisseur, donc ce que nous voulons offrir à tous nos enfants, et nous disons que la valeur sera d'être l' équipe et de les définir, n'est-ce pas ? C'est donc ce qui devrait être disponible, cet État devrait être disponible pour tous les enfants auxquels je fournis le contexte. Les enfants que j'ai fournis ici, tous ces enfants que nous avons maintenant, l'État est à leur disposition. Le comprends-tu maintenant ? Lorsque nous allons ici, comme vous pouvez le constater, cela ne fonctionne toujours pas, c'est parce que tout d'abord, lorsque nous allons ici, comme vous pouvez le constater, l'équipe n'est pas définie, par exemple, vous pouvez voir ici qu'elle n'est pas définie. Mais j'ai dit que le contexte est disponible ici. Oui, mais pour l'utiliser, tu dois le spécifier, d'accord ? Donc tu dois dire quelque chose comme, OK, tu sais quoi ? L'équipe et sa configuration vont provenir de quelque chose comme le contexte, d'un contexte restreint. Donc, importez, puis nous devons à nouveau, introduire le contexte, Et nous devons importer un contexte fin. OK ? Et maintenant que nous avons ce bouton togolais classique ici, nous devons également faire la même chose pour notre autre bouton, comme ici, non ? Nous en avons donc besoin ici, et nous devons également importer le contexte d'utilisation, n'est-ce pas ? Méthode. Et nous avons une erreur ici parce que vous utilisez un reste des accessoires d' avant. Je ne l'ai pas retiré. Alors oui, maintenant c'est comme ça. Maintenant, voyons si cela fonctionne. Comme vous pouvez le constater, nous partageons maintenant le même état, n'est-ce pas ? Parce que nous avons un fournisseur pour cet État. Donc, tout ce qui existe ici sera disponible pour les enfants, n'est-ce pas ? Mais ces enfants, s'ils veulent utiliser ce contexte, doivent le dire comme : « Hé, je veux utiliser ce contexte à partir du contexte de l'équipe, et je veux le configurer variables présentes, également, de l' équipe de l'État et la fonction d'équipe définie qui peut changer cela pour eux. Et maintenant, tout fonctionne bien, non ? Nous avons simplement utilisé le contexte que nous avons fourni dans notre application. Je sais que tu es peut-être du genre maintenant, mais avant je devais juste dire quoi ? J'avais besoin de situer la partie dans son contexte, non ? Je n'ai donc eu qu'à le faire dans l'application. Ce que tu viens de me montrer t' a pris tellement de temps. Tout d'abord, nous venons de mettre l'état logique de notre P 14 dans un seul fichier. Nous pouvons donc le mettre à jour à partir de cet endroit. Nous savons où il se trouve. La deuxième chose est que notre ats X va devenir plus simple, non ? Parce que nous pouvons clairement voir ici tout ce dont nous n'avons pas besoin pour passer des accessoires. Mais il y a encore une chose. Si vous aviez, par exemple, une application interne, disons, mise en page et une mise en page interne, en-tête et un contenu principal. Et le contenu principal aurait, par exemple, un article, et un article, par exemple, un article. Ensuite, si vous voulez utiliser les mêmes accessoires dans le composant qui est, vous savez, profondément terminé, vous devez renvoyer ces accessoires encore et encore, c'est horrible, c'est horrible Nous devons toujours nous souvenir de faire de telles choses. Comme vous pouvez le constater maintenant, lorsque vous regardez ce code, ce n' est pas comme si nous avions besoin de penser à l'envoi de professionnels. Nous n'avons pas besoin de savoir comment cela fonctionne, n'est-ce pas ? Nous sommes simplement en train de créer un fournisseur d'équipe, et nous disons : « Hé, tout ce qu'il contient aura accès à ce contexte s' ils veulent l' utiliser en utilisant le contexte d'utilisation. Et maintenant, c'est puissant, non ? Ils partagent désormais le même contexte. Et remarquez également que lorsque nous passons au contexte d'utilisation, ce n' est pas comme si nous pouvions désormais tester le bouton de bascule classique, car sans rien, accord, comme sans tous les autres enfants Cette solution présente donc de nombreux avantages. Et cette solution pour une application simple comme celle que vous avez actuellement est la plus utilisée. Mais si vous voulez utiliser un état comme un P, vous devez utiliser ce que l'on appelle, par exemple, Zootnd, qui rend la gestion de l'état très facile et claire par rapport à celui-ci Mais le contexte a été créé il y a longtemps avant Zustan et il n' existait aucune solution de ce type Donc, vous allez voir dans de nombreuses applications React que vous devez, exemple, travailler avec et pour travailler avec d'autres personnes. Et bien, installer Zostant et apprendre à l'utiliser, non ? Et juste pour un état simple, par exemple, vous souhaitez changer d'équipe. Donc, si vous n'avez qu'une seule chose à partager, alors d'accord, ne l'utilisons pas. Mais si votre application doit constamment partager l'état entre les composants, il est temps d' apprendre quelque chose, par exemple, comme ça, d'accord ? Ce n'est qu'une leçon. Merci beaucoup. 112. use-state-local-storage - comment implémenter le système SAVE dans notre jeu en 5 min ?: Bonjour, mon ami. Aujourd'hui, je vais vous montrer comment utiliser le stockage local dans votre application React. Parce que, eh bien, c'est cool que nous puissions changer, par exemple, notre équipe, n'est-ce pas ? C'est aussi cool de pouvoir extraire notre or. Mais lorsque nous actualisons notre page, l'état de tout revient aux valeurs par défaut, n'est-ce pas ? Alors, comment pouvons-nous changer un tel comportement ? Pour être honnête, la mise en œuvre de telles choses prend beaucoup de temps, car nous devons utiliser des effets et comprendre le fonctionnement du stockage local. Mais nous sommes en train de réagir. De plus, nous n'utilisons pas de JS, ce qui signifie qu'il existe de nombreux packages très amusants, comme celui-ci qui le rendra tellement cool. Alors, si je fais quelque chose comme ça, que va-t-il se passer ? Je vais installer un package qui maintenant à la place de celui-ci, n'est-ce pas ? Je n'utilise plus State, d'accord ? Je vais maintenant importer, et lorsque nous allons ici, nous verrons ce que nous devons importer. Utilisez l'état de stockage local, n'est-ce pas ? Donc ça. Et maintenant, je vais juste le remplacer par celui-ci. Mais maintenant, il y a encore une chose très importante. Nous n'avons pas besoin de dire quelle est la valeur par défaut ici, d' accord, mais sur quoi nous allons utiliser notre stockage local. Je vais donc les mettre ici, d'accord, de cette façon. Ensuite, nous devons définir sa valeur par défaut. Et comment définir la valeur par défaut ? Lorsque nous irons ici, vous remarquerez que nous avons une valeur, une valeur définie et que la clé est utilisée pour obtenir des objets. Faites donc attention aux conflits de noms, et nous avons alors ce que l' on appelle la valeur par défaut des options. Mais les options, c'est comme un objet. Donc, comme il s'agit d'un objet, nous devons le fournir de cette façon, n'est-ce pas ? La valeur par défaut sera donc, par exemple, light. Maintenant, quand je l'actualise , comme vous pouvez le voir, c'est correct car nous avons défini la valeur initiale sur light, et c'est pourquoi nous avons maintenant les icônes appropriées ici. Et quand je clique dessus et que je rafraîchis notre page, elle s'en souvient enfin. Et pour être honnête, ce qui est cool, c'est que, euh, combien de temps ai-je consacré à mise en œuvre du stockage local, n'est-ce pas ? Cela ne m'a pris que quelques secondes, non ? Et maintenant, lorsque nous allons, par exemple, ici, comme vous pouvez le voir, nous avons notre clé, n'est-ce pas ? Lumière. C'est tellement génial, non ? Combien de temps cela a-t-il pris ? Rien Nous n'avions pas besoin, vous savez, de penser au moment où les choses changent, façon dont elles changent, aux endroits où elles changent, à rien. Je viens de l'importer et ça marche. Vous pouvez le faire manuellement, exemple en utilisant des méthodes de construction JavaScript pour le stockage local, en utilisant l'effet d'utilisation, mais pour être honnête, pourquoi alors qu'il existe des solutions comme celle-ci ? Alors, comment appliquer la même chose à notre mineur d'or ? Nous voulons donc l'utiliser ici maintenant. Eh bien, nous devons d'abord l'importer, non ? Et maintenant, nous devons faire en sorte que cela fonctionne ici. Parce que je suis super paresseux, je vais faire quelque chose comme ça. Control C, Control Shift et moi, je vais parler à Codium parce que c'est plutôt cool N'utilisez pas le stockage local au lieu d'utiliser l'état et appliquez les valeurs, les valeurs initiales, et soumettons-le. Parce que pourquoi s'embêter à faire les choses aussi bien, nous savons comment faire, en particulier, mais il faudrait juste du temps pour les remplacer, n'est-ce pas ? Vous pouvez donc voir dans le vert, nous avons quoi ? Nous avons maintenant tous les changements, et c'est de l'ancien code. Si vous voulez accepter les modifications, qui me semblent appropriées, nous pouvons cliquer ici ou utiliser Old plus A. Et maintenant voyons si cela fonctionne. Donc, quand je passe à notre application, ici. Et l'or me dérange. Et maintenant, quand je rafraîchis mes pages, vous pouvez voir que nous conservons l'état. Passons à la mise à niveau, actualisons. Passons à la mise à niveau avec Auto Cliqer. Faisons en sorte qu'il fasse nuit. Alors maintenant, lorsque quelqu'un ferme notre application, lorsqu'il revient pour la rafraîchir, l'état sera sécurisé. Combien de temps a-t-il fallu pour que la sécurité fonctionne dans notre jeu ? Je ne sais pas, peut-être 5 minutes. Je ne sais pas combien de temps dure cette leçon. Super super puissant, n'est-ce pas ? C'est pourquoi cette école réagit en connectant des packages sans JS créés pour que vous puissiez les utiliser. Il existe donc de nombreuses solutions aux problèmes qui peuvent être résolus très rapidement comme celle-ci. Plutôt génial, n' est-ce pas ? Passe une bonne journée. 113. Comment créer votre application React en une page statique ?: Bonjour, mon ami. Dans cette conférence, je vais vous montrer comment créer votre application afin de pouvoir enfin la déployer. Vous pouvez le partager avec d' autres personnes, car à l'heure actuelle, nous exécutons tout en mode mort, qui signifie mode développement. Nous développons notre application et il y a beaucoup de choses dans notre application, comme vous pouvez le voir, les dépendances de mort, ce qui signifie qu'il existe d'autres packages installés localement qui ne seront absolument pas nécessaires ultérieurement, n'est-ce pas ? Certaines dépendances sont présentes ici, donc des packages doivent être inclus dans l'application de compilation. Et bien, comment le construire, non ? Comment le fabrique-t-on ? Vous pouvez donc voir que nous avons un script appelé built invite. Nous tapons donc simplement NPM run and not deaf mais build. Ensuite, comme vous pouvez le constater, tous les composants vont être transformés et analysés. Et comme vous pouvez le constater, nous avons créé quels index ATML, CSS et JavaScript, qui se trouvent maintenant dans le dossier appelé distribution, n'est-ce pas ? Dist et ce dossier est un dossier que vous venez de transférer sur votre hébergement. Alors maintenant, vous pouvez simplement ouvrir l'index HTML, et tout fonctionnera correctement car ici et ici, vous n'avez que votre application complète. Comment ouvrir notre camp maintenant ? Pour l'ouvrir, il suffit de cliquer avec le bouton droit de la souris et de l'ouvrir avec l'extension Live Server. Et quand vous l'ouvrirez, vous verrez quelque chose comme ça. Écran large. Pourquoi est-ce ainsi ? Parce que lorsque nous accédons au fichier source, remarquez que nous avons actuellement sideset, nous avons JavaScript Mais quand je clique sur JavaScript, que se passe-t-il ? Nous ne pouvons pas trouver quelque chose comme l' indice des actifs. Pourquoi est-ce ainsi ? Parce que notez que le serveur live s'ouvre par défaut comme notre index de distribution HTML dans ce fichier de distribution. Nous essayons donc d'y accéder vraiment en faisant quelque chose comme ça, pas ce HTML Five, n'est-ce pas ? Je veux dire, pas ce CSS 5, mais quelque chose comme ça, d'accord ? Nous essayons donc d'y accéder depuis la racine, d'accord, de cette façon. Et oui, ce n'est pas ici. L'acide est comme ici, non ? Donc, à cause de cela, lorsque vous ouvrez simplement localement, vous devez , vous savez, le supprimer, puis il s'ouvrira sans problème, n'est-ce pas ? Cela fonctionne. Je peux extraire de l'or. Lorsque j'actualise, comme vous pouvez le voir, l'état est enregistré, n'est-ce pas ? Je peux aussi enregistrer l'état d'Artem et ainsi de suite, non ? Notre application fonctionne donc. Vous pouvez maintenant le transférer directement dans le dossier racine de votre hébergement, et cela fonctionnera. Sans aucun problème car nous n'avons rien fait du côté serveur, n'est-ce pas ? Nous n'avons pas utilisé node JS pour créer un serveur, n'est-ce pas ? Nous n'avons pas besoin de configurer un serveur sur notre hébergement pour le moment, car il s'agit simplement d'un site statique que vous pouvez partager avec n'importe qui, n'est-ce pas ? Mais comme je l'ai dit, souvenez-vous cette chose ici car par défaut, si vous souhaitez partager cette application sur l'hébergement, mais dans une sorte de sous-dossier, mais pas à la racine, vous devez vous assurer de changer comme ceci Sinon, cela ne fonctionnera pas également là-dessus, car si vous voulez également avoir l'icône, vous devez dire que nous ne venons pas du dossier racine, ne regardez pas dans le dossier racine, mais regardez dans le dossier actuel le centime dans lequel se trouve l' index HTML, n'est-ce pas  ? mais regardez dans le dossier actuel le centime dans lequel se trouve l' index HTML, n'est-ce C'est assez simple, n'est-ce pas ? Ce n'est qu'une leçon. Merci beaucoup. 114. Qu'est-ce qu'un électron et comment l'utiliser dans notre application React ?: Bonjour, mon ami aujourd'hui, je vais vous montrer quelque chose de super puissant , appelé électron. Il vous permet de créer des applications de bureau à plateforme fermée avec JavaScript, HTML et CSS. Donc, pour être honnête, nous venons de l'utiliser, non ? Nous avons également utilisé React, mais React est écrit en JavaScript. Cela signifie donc que nous pourrions d'une manière ou d'une autre relier cela à notre projet. Et grâce à cela, nous pouvons exécuter notre application en tant qu'application de bureau. Ce serait trop cool, non ? Alors, comment s'y prendre ? Nous devons d'abord installer notre électron. Nous devons donc taper NPN, installer electron, puis ajouter que nous l' enregistrons sous forme de dépendance à la profondeur, donc ce n'est pas comme s'il allait passer en mode de construction, juste au moment où nous exécutons notre projet OK, nous venons donc de l'installer. Que faire maintenant ? Donc, pour pouvoir exécuter un électron, c'est vrai, nous devons d'abord spécifier comment le faire et quel électron doit rechercher au moment où il va être exécuté. Nous allons donc exécuter le script electron depuis le gestionnaire de packages du nœud. D'accord ? Nous devons donc préciser ici comment nous allons l'exécuter. Vous pouvez voir qu'il est dit que si vous tapez électron, lançons, par exemple, électron, n'est-ce pas ? OK, c'est bon. Mais je préfère faire quelque chose comme ajouter ici la colonne de la mort. Donc, quand je vais taper NPM run death, je peux dire, OK, je veux exécuter dans Development Electron Et ce truc ici va rechercher un fichier qui va exécuter Electron. Et nous devons maintenant préciser, comme vous pouvez le voir ici, où se trouve ce fichier avec la propriété main. Mais nous allons mettre ce fichier dans le dossier Electron. Nous maintenons donc notre projet organisé, n'est-ce pas ? Créons donc un dossier d'électrons, et dans le dossier d'électrons, nous allons créer ce que l'on appelle le JS principal. D'accord ? Parce que, comme je l'ai dit plus tôt, électron est vraiment quoi ? C'est tout simplement simple. Eh bien, JavaScript HTMLCS cette application. Mais nous allons baser cette application sur tout ce que nous avons déjà créé ici, n'est-ce pas ? Je vais coller le code qui va créer notre application Electron en mode bureau, d'accord ? Vous pouvez en trouver la majeure partie dans la documentation, mais je l'ai légèrement modifiée pour qu'elle fonctionne correctement avec la configuration Vt Je vais vous expliquer ce que j'ai fait ici. Vous pouvez le télécharger dans le code source. C'est quelque chose que vous ne faites qu'une seule fois, la plupart du temps. n'est pas quelque chose que vous devez mémoriser, mais il est bon de comprendre ce qui se passe. Tout d'abord, nous avons importé les éléments que nous allons utiliser ci-dessous, et c'est ce qui est nécessaire pour fonctionner dans la configuration rapide avec Slink avec notre liner que nous avons installé dans notre projet Mais ce qui est le plus important pour nous, c'est ceci. Nous créons une fonction qui va créer une fenêtre de navigateur de la taille que nous avons définie ici. Si vous souhaitez agrandir votre application, définissez la taille ici dès le début. Par exemple, pour le moment, il y a une autre chose très importante à savoir où nous devons rechercher la base de notre application. Donc, si vous voulez exécuter Electron, vous devez indiquer où se trouvent les fichiers sur lesquels je vais exécuter , ils sont donc là. Et maintenant, voici : OK, alors quand l' application sera prête, quand elle sera prête, créez cette fenêtre, n'est-ce pas ? Et voici deux événements nécessaires pour, par exemple, tout effacer et afficher l'application lorsque l' application est activée. Vous n'oublierez donc plus jamais ces choses. Pour être honnête, je ne m'en souviens pas. C'est comme si, OK, c'était configuré, je m'en fous. Ceci est également configuré. Je m'en fous, mais c'est ici que tu vas, genre, configurer ou modifier certaines choses Bien sûr, l'électron a ses propres méthodes que vous pouvez lire lorsque vous allez ici, vous avez la documentation car ce cours ne portera pas sur l'électron. Je vous montre juste à quel point nous venons d'utiliser React et à quel point nous pouvons créer une application Windows instantanément à partir de ce que nous venons de faire, d'accord ? Donc, le plus important pour toi, c'est ça. Ce doit donc être le chemin d'accès à l'index HTML à partir du fichier de distribution, d'accord ? OK, donc nous venons de le dire. C'est une bonne chose. Et il y a encore une chose ici. Vous devez définir comme la suggestion se trouve ici, fonction de cette barre oblique. Pourquoi est-ce ainsi ? C'est parce que vous avez remarqué qu'ici, lors de la dernière conférence également, nous avons eu un problème parce que tous ces actifs n'étaient pas disponibles parce que par défaut, c'est comme ça, non ? Et l'électron va également avoir un problème s'il doit être réglé comme ça, d'accord ? Alors réglez-le et cela résoudra tous les problèmes. OK. Nous venons donc de faire trois choses. Et pour être honnête, comment fonctionnons-nous maintenant ? Nous devons taper NPM run de electron, non ? Et quoi ? Ce truc va chercher du principal. Main, c'est comme dire que main est là, et qu'il devrait exécuter notre application. Comme vous pouvez le constater, cela fonctionne. Et ce qui est cool, c'est que si je le ferme et que je le lance à nouveau, comme vous pouvez le voir, il mémorise mes paramètres, n'est-ce pas ? C'est aussi se souvenir de ce que nous avons fait ici. Donc, par exemple, j'ai acheté ici. Et comme vous pouvez le constater, cela se souvient que le stockage local s'y trouve. Waouh, c'est si puissant, non ? Et oui, c'est comme ça qu' on fait fonctionner Electron, non ? Mais nous devons également non seulement le gérer localement, mais également savoir comment le distribuer, n'est-ce pas ? Alors, comment le construire. Je vais donc vous montrer dans la prochaine conférence comment, par exemple, construire un électron pour qu'il soit exécutable sur, par exemple, Windows. Ce n'est qu'une leçon. Merci beaucoup 115. Comment créer un exe Electron à partir de notre application React: Bonjour, mon ami. Aujourd'hui, je vais vous montrer comment créer une application électronique, car pour le moment, nous ne pouvons que courir. Nous pouvons encapsuler notre application que nous avons créée dans React, n'est-ce pas ? Mais comment le construire ? Vous devez donc exécuter le tableau 5. Tout d'abord, vous devez installer le générateur d'électrons, n'est-ce pas ? Donc, la construction d'électrons dans le drapeau l'aide de D signifie qu'il va l' installer dans le Dev sécurisé. C'est le drapeau des paresseux qui ne veulent pas, vous savez, écrire Death safe. OK, donc quand nous l'avons maintenant, nous devons spécifier ici le script qui va exécuter notre générateur. Donc tu n'as pas besoin, tu sais, de te rappeler comment le faire à chaque fois. Donc oui, je pense que la suggestion est bonne. Ainsi, lorsque vous êtes lié à build, puis deux points puis à un électron, il doit exécuter le générateur d'électrons. C'est cool. Et parce qu'il va exécuter Electron Builder, Mmm. Nous devons maintenant spécifier pour le constructeur la propriété appelée build, d'accord ? Donc, quelque chose comme ça. Et oui, comme ça, y aura-t-il d'autres suggestions ou non ? Oui, l'identifiant de l'application et le nom du produit. OK. L'identifiant de l'application est quelque chose qui va vous identifier. Cela commence donc toujours par C , puis vous tapez le nom de votre entreprise. Le nom de mon composant est GAM et le nom de votre application C'est utile pour, vous savez, identifier votre application par système. Alors ne t'en fais pas pour le moment. Vous pourrez le lire plus tard, mais vous devez le configurer. OK ? Vous devez également définir le nom du produit, bien sûr, puis vous devez indiquer où sont les tartes sur lesquelles je vais tout construire. Et nos tartes sont en électron. Oui, c'est dans notre dossier, non ? Et ils sont également dans le dossier dist, non ? Donc pareil, mais pour des choses comme ça, non ? Donc, tout ce qui concerne la production s'y trouvera. OK, maintenant nous pouvons faire fonctionner NPM, pas la mort mais créer des électrons Et attendez qu'il fasse l'affaire. Et comme vous pouvez le constater, un nouveau dossier a créé pour nous ce qu'on appelle Autocliker Nous pouvons maintenant l'ouvrir dans l'explorateur de fichiers et exécuter notre application comme une application normale. Donc, comme vous pouvez le constater, cela fonctionne. Et maintenant, il va se souvenir de l'État, non ? Tout fonctionne bien. Mais le problème avec une telle configuration c'est que lorsque vous allez exécuter build electron, je pense que vous devriez également exécuter comme Vite Build, n'est-ce pas ? Pourquoi ? Parce que si vous changez quelque chose , vous savez, dans notre réaction, ce ne sera pas comme dans un électron interne maintenant. Donc, pour que cela fonctionne, nous allons faire quelque chose comme ça. Exécutez le build, et en même temps le générateur d'électrons, et nous allons le répéter également en profondeur pour les électrons. OK ? Ainsi, si nous changeons quelque chose, il sera appliqué automatiquement. Et une dernière chose que je voudrais juste vous montrer avant de terminer cette conférence pour la prochaine version, c'est que look, c'est cool de pouvoir, par exemple, faire quelque chose comme ça ? Disons que je ne veux pas de cadre. Nous envoyons donc simplement la propriété ici, n'est-ce pas ? Et exécutons-le, par exemple. Oui, oui, exécutons-le en mode build. Nous devons donc attendre une seconde, d'accord, non ? Parce que c'est un emballage qui crée toutes les choses. Et oui, voici l'application, voyons à quoi elle ressemble. Comme vous pouvez le constater, nous n' avons pas de cadre pour le moment, n'est-ce pas ? Et nous pouvons le fermer en utilisant le raccourci plus F quatre, non ? Voici deux icônes provenant de mon propre programme qui ressemblent à une superposition pour d'autres programmes Mais est-ce que c'est cool ? Dis-moi. heure actuelle, nous pouvons, par exemple, amuser, créer du développement Web pour des applications Web. Et ensuite, il ne vous reste plus qu'à configurer toutes ces choses, je sais, nous a pris 15 minutes au total. Et maintenant, nous pouvons créer un fichier exécutable qui peut être exécuté sur, par exemple, Windows, n'est-ce pas ? Tellement puissant. Si vous avez des questions, n'hésitez pas à les poser. 116. Qu'est-ce que la PWA ?: Bonjour, mon ami. Aujourd'hui, nous allons parler de quelque chose de super cool, qui est une application Web progressive. sont-ils ? Eh bien, pour voir ce qu'ils sont, il faut les ouvrir. Comme vous venez de le constater, j'ai donc ouvert une application sur mon smartphone. Mais cette application a été écrite par nous en utilisant quoi ? HTML, CSS, JS et React, non ? Cela signifie donc que nous pouvons maintenant installer sur nos appareils, comme par exemple avec Android, sur notre ordinateur personnel ou sur Mac, oui. Et Waouh. Ils ont été écrits en HTML, CSS et JS. Tu n'as pas besoin d' apprendre quoi que ce soit. C'est tellement génial, non ? Donc oui, c'est super puissant. Et vous vous demandez peut-être maintenant s'il est difficile faire fonctionner d'une manière ou d'une autre avec HTMLC et JS ? Il doit y avoir des tonnes de travail pour y arriver, non ? Alors, que devons-nous vraiment faire ? Tout d'abord, vous devez ajouter ce que l' on appelle un manifeste. D'accord ? Donc, quelque chose s'appelle comme ça. Mais qu'est-ce que le manifeste ? Manifest en anglais signifie démontrer pour montrer, non ? Le manifeste est donc quelque chose comme un fichier qui affiche des informations sur votre application. C'est comme un fichier spécial qui contient un ordinateur ou un téléphone, non, comment traiter le site Web comme une application, n'est-ce pas, parce que nous devons changer, transformer l'un en un autre. Il doit donc contenir des informations telles que le nom de l'application, icônes à utiliser, etc. Nous en reparlerons plus tard. Et aussi, nous avons besoin de quelque chose qui s' appelle Service Worker, d'accord ? Donc, bon, Service Worker n' est qu'un script, d'accord ? C'est comme un petit robot, d'accord ? Cela aide. Vous et lui vivez dans votre navigateur, d'accord ? Il se situe entre votre application et Internet. Il met en cache et stocke les informations importantes. Son rôle principal est donc de gérer la mise en cache, d'accord ? Il stocke des fichiers importants tels que HTML, CSS, S, images. Ainsi, votre application peut, par exemple, fonctionner hors ligne ou avec une connexion réseau. Cette fonctionnalité hors ligne change donc la donne, car elle donne votre application l'apparence d'une application native, est-ce pas, car vous n' avez pas besoin d'avoir accès à Internet pour qu'elle fonctionne. service worker est donc comme un fichier qui se trouve entre votre application et le réseau. Il peut intercepter une requête réseau similaire et décider s'il convient de servir une version cache d'un fichier ou de le falsifier depuis Internet Cela permet de fournir une expérience rapide et fiable aux utilisateurs. D'accord ? Ainsi, les travailleurs activent la synchronisation en arrière-plan et les notifications push, par exemple. Cela signifie que votre application peut synchroniser les données avec le serveur et, lorsqu'elle n'est pas active, les utilisateurs peuvent, par exemple, recevoir des notifications même si l'application n'est pas ouverte, par exemple. Très, très puissant, non ? D'accord, vous vous demandez peut-être maintenant, pouvez-vous me dire si les PWA, les applications Web progressives, peuvent faire des choses avec des appareils Android, comme, vous savez, des applications natives Pour être honnête, regardez ce qu'il peut faire. Il a accès au système de fichiers. Vous pouvez même choisir un contact. Vous pouvez même faire vibrer le paiement Bluetooth de votre accès téléphonique Il y a beaucoup de choses qui peuvent être faites en utilisant cela, oui. Il y a donc de rares cas où cela ne suffit pas, n'est-ce pas ? Eh bien, surtout si vous vouliez, par exemple, créer une sorte de jeu ou si vous souhaitez vous concentrer sur, vous savez, un appareil sous Android, oui, ce serait peut-être une bonne idée. Mais en réalité, pour appliquer application Web progressive à votre, vous savez, application dès maintenant, cela revient à ajouter un Manifest Service Worker, et c'est fait. Et je vais vous montrer comment faire cela dans les prochaines conférences. Et ce qui est amusant, c'est que parce que vous utilisez Vt, cela va être encore plus rapide parce que vous allez installer le package pour cela et simplement spécifier quelques éléments, et vous n'avez même pas besoin créer vous-même un service worker , d'accord ? C'est un moyen super puissant de, par exemple, rendre votre application disponible sur tous les appareils possibles. Mm sur tout ce qui est possible sur des appareils tels que PC, Mac ou Android en même temps. C' est puissant parce qu'il n'y a pas beaucoup de travail à faire, mais croyez-moi, si vous l' associez , vous allez augmenter le nombre de personnes qui utiliseront votre service d' application par tonalité. De nombreux services ont remarqué que l'augmentation du nombre de personnes utilisant leur, vous savez, leur application Web lorsqu'elles mettent simplement une application Web progressive sous forme enveloppe sur l'application a augmenté de 70 %, par exemple C'est donc beaucoup. 117. Transformer votre application HTML/CSS/JS en une PWA: Bonjour, mon ami. Comment transformer HTML CSS JS en application Web progressive. Nous pouvons donc l'exécuter, par exemple, Android ou PC. Pour le faire dans notre projet, nous devons simplement installer NPM, UI, puis installer ce que l'on appelle le plugin pour une application Web progressive Enregistrons-le en tant que dépendance aux développeurs, non ? Ce sera donc le package pour la mort parce que nous n'en aurons pas besoin plus tard, n'est-ce pas ? Ce ploug OK, nous venons donc de l'installer, mais comment utilisons-nous ce plugin ? C'est la question. Notez que nous avons ici quelque chose que l'on appelle plugins de propriétés dans le fichier vite conflict JS, d'accord ? Et ici, quand vous faites quelque chose comme ça, donc quand vous ajoutez un autre élément similaire, vous pouvez taper ici quelque chose comme vite P, W A, d'accord ? Et ici, vous pouvez voir que nous l'avons importé automatiquement. Nous pouvons spécifier par exemple comment Vte doit transférer notre application en application Web progressive OK ? Normalement, vous devez d' abord créer de l'argent manuellement, n'est-ce pas ? Et créez manuellement un service worker. Mais ce plugin va juste le faire pour vous. Et ce n'est pas tout. Cela va créer un travailleur de service. Donc, quelque chose qui est responsable de la mise en cache de votre site Web, juste au moment où nous perdons la connexion au serveur, lorsque l'utilisateur utilise la connexion au serveur, et cela se fera automatiquement Donc oui, c'est la bonne façon de procéder, non ? OK. Nous devons donc d'abord définir ce qu' on appelle le type de registre. Et comme vous pouvez le voir, la suggestion automatique indique que nous devons taper ici comme autodate Cela signifie, comment devons-nous faire fonctionner notre technicien de service par défaut. Supposons que nous voulions simplement utiliser cette étoile de réglage, bien d'autres, vous pouvez lire le type de registre Vt PWA ne s'agit pas d' application Web progressive et de toutes les propriétés possibles, vous savez, parce que ce n'est pas ainsi que cela fonctionne. Vous voulez juste configurer quelque chose qui fonctionne, puis vous voulez améliorer vos connaissances si vous avez besoin de quelque chose, d'accord ? Cela vous permet donc de créer un service worker qui mettra simplement à jour automatiquement votre site Web lorsque celui-ci en aura jour automatiquement votre site Web lorsque besoin, n'est-ce pas ? Je veux dire, lorsque votre application en a besoin. C'est donc le premier. La deuxième chose que vous devez configurer est le manifeste, d'accord ? Parce que normalement vous créeriez manifeste sous la forme d'un simple fichier, d'accord ? Mais cela va simplement le créer pour vous dans le fichier de distribution. Et il va également l'attacher ici, comme vous pouvez le voir, comme je le faisais auparavant pour vous montrer comment cela fonctionne, n'est-ce pas ? Donc, il va simplement l' attacher par défaut, et vous n'avez pas besoin d' y penser, n'est-ce pas ? Vous configurez tout dans les éléments de configuration et pas plus tard dans la distribution ou quelque chose comme ça, ou peut-être dans l'index H t, n'est-ce pas ? I Tableau de l'index H. Vous ne le faites pas manuellement ici, cela sera fait pour vous car nous avons ce login. D'accord, nous devons maintenant définir quelques propriétés requises. Comment savoir lesquels sont requis ? Lorsque vous allez sur le site Web, comme par exemple celui-ci, vous pouvez lire comment rendre possible l' installation progressive d'une application Web, n'est-ce pas ? Et quand vous allez ici, vous remarquerez qu'il fallait des membres du manifeste. Vous devez spécifier quelque chose, d'abord ce qu'on appelle le nom. Et le nom est juste le nom de votre application, d'accord ? Donc oui, on peut appeler ça un simple licker automatique. C'est important car sans cela, votre application n'afficherait pas le nom, n'est-ce pas ? Vous devez afficher quelque chose sur la baie système ou à tout moment. Il s'agit du nom de votre application. Suivant. De quoi avons-nous besoin ? Nous avons besoin d'icônes, d'accord ? Nous devons donc spécifier, spécifions-le également. Il s'agit d'un nom court. Si le nom ici doit être grand et que personne ne peut le montrer, le nom abrégé sera affiché. Ainsi, par exemple, le clicker automatique est plus grand, il est plus court, et maintenant nous devons spécifier, comme on dit, des icônes, mais nous le ferons un peu plus tard Maintenant, affichons la première chose. Donc, si vous voulez afficher, c'est comme votre application s'afficherait lorsque vous l'exécuterez. Donc, lorsque vous allez ici et que vous cliquez dessus, vous remarquerez que autonome signifie qu'il s'agit d'une application qui ressemble à une application native autonome. Et ce paramètre est principalement utilisé. Mais vous pouvez, bien sûr, le faire ressembler à un navigateur, mais ne l'utilisez pas car il a la même similitude que e. Vous pouvez utiliser une interface utilisateur minimale et le plein écran, non ? Vous voulez passer en plein écran, pourquoi pas ? Par exemple, un ordinateur de bureau, vous pouvez le configurer. Voici donc comment votre application doit s'afficher lorsqu'elle est exécutée. Nous devons également définir cette URL de démarrage, n'est-ce pas ? Alors, sur quoi se base notre application , n'est-ce pas ? Cela signifie donc que cela part de la racine. Cela ne part pas de la racine de notre domaine pour le moment, donc nous allons l'utiliser comme ça, d'accord ? Et nous l'avons également ici, mais il peut ne pas être présent sur les plis, nous n'avons donc pas besoin de le spécifier. Donc, la dernière chose qui ressemble à un besoin total, ce sont les icônes, n'est-ce pas ? Alors, comment s'y prendre ? Comme vous pouvez le constater, ils disent que vous devez spécifier quelque chose comme ça, non ? Bien sûr, nous avons du codium, donc ça va nous aider Il y a aussi la couleur de l'équipe, la couleur d' arrière-plan, mais ce n'est pas obligatoire, nous n'avons donc pas besoin de la spécifier. Mais comme vous pouvez le constater, cela nous montre que nous avons besoin de quelque chose comme ça, et il y a aussi une autre icône que nous devons spécifier. Allez. Aidez-moi. Aidez-moi. Oui, la taille de 500 512. Ces deux éléments doivent donc être spécifiés et nous devons les rendre disponibles, n'est-ce pas ? Nous devons les inclure dans notre projet. Mais le problème, c'est que comment pouvons-nous générer quelque chose comme ça rapidement ? Et je le montrerai lors de la prochaine conférence, d'accord ? Parce que je veux te montrer quelque chose de très cool, comment le faire rapidement et à partir de n'importe quelle image que tu as, d'accord ? Ainsi, vous ne perdez pas votre temps précieux pendant 118. NPX - exécution du paquet pour générer les icônes requises: Bonjour, mon ami. Aujourd'hui, nous allons utiliser le modèle de package de générateur d'actifs Progressive Web App, d'accord ? C'est plutôt cool car cela va être généré en fonction de ce que vous avez. Eh bien, nous avons actuellement ce dossier. Alors utilisons le vite SFO Gi, d'accord ? Tu peux utiliser n'importe quelle image, d'accord ? Et lorsque vous placez le fichier source puis le dossier de sortie, cela génère de nombreuses icônes de toutes les manières possibles. Vous pouvez également le faire fonctionner différemment si vous utilisez les options ici, d'accord ? Mais d'abord, nous devons réfléchir à la fréquence à laquelle nous créons de telles icônes ? Je pense que cela n'arrive qu' une fois par projet, non ? Devons-nous donc installer une dépendance comme celle-ci ? Devons-nous installer ce package ou devons-nous l'utiliser uniquement ? Si vous ne voulez utiliser le package qu'une seule fois, vous pouvez taper NP X au lieu de M, ce qui signifie exécuter le package une seule fois, n'est-ce pas ? Ensuite, vous tapez le nom du package, non ? Alors générateur d'acide PWA, non ? Ensuite, vous tapez où vous avez obtenu votre actuellement. C'est en public, non ? Invitez SFO G, puis tapez où vous voulez les placer. Mettons-les donc en public et, par exemple, dans un dossier appelé icônes. Mais ce n'est pas fini, car nous ne voulons pas autant d'icônes par défaut pour le moment, du moins parce que nous voulons, vous savez , créer des options par défaut. Et utilisons l'icône du drapeau, d'accord ? Nous allons donc faire quelque chose comme une icône uniquement, s'il vous plaît. Et nous n'avons besoin que des tailles requises. Je vais donc taper les tailles, puis je vais taper que je veux 192 et 512. Et quand vous l'exécuterez, nous n'aurons qu'à attendre une seconde. Et comme je l'ai dit, c' est plutôt cool parce que cela va être fait comme si nous ne l'avions pas installé sur notre ordinateur parce que ce n'est pas nécessaire, non ? Et lorsque nous nous adressons au public, maintenant des icônes, comme vous pouvez le voir, nous avons désormais des icônes obligatoires, comme la partie la plus importante. L'avantage de cette génération, c'est qu'elle génère également des liens que vous pouvez mettre, par exemple, dans l'index HTML qui permettront à Apple de le faire fonctionner dans Apple. De plus, comme vous pouvez le constater, vous avez ici des choses que vous devriez d'abord mettre dans vos nombreuses mains. Mais parce que nous utilisons la télévision, nous devons mettre tout cela ici, non ? Mais il y a un problème. Non, c'est quoi que nous utilisons ici ? Word public, ce qui n'est pas approprié parce que nos icônes sont en bon état, actuellement, elles sont là, n'est-ce pas ? Mais une fois que nous les aurons engagés dans la lutte pour la distribution, ils seront là. Nous n'allons donc pas les trouver là-bas, n'est-ce pas ? C'est pourquoi nous devons préciser que nous recherchons des icônes dans le dossier des icônes. Alors voilà, A, A, A, A, non ? De cette façon, cela fonctionnera. Nous devons également le modifier ici. Nous devons donc remarquer qu' en termes d'actifs, mais en termes d'actifs, nous avons compris, c'est parce qu'il semble que Vt soit assez intelligent. Il va le mettre là. Donc oui, ici, on peut le stocker de cette façon. D'accord, maintenant nous pouvons l' exécuter et exécuter build. Alors maintenant, lorsque nous entrons dans le fichier de distribution , remarquez qu'ici, nous essayons d'accéder à l'icône à partir d'ici, ce qui est correct. C'est cool. Mais il est également important que nous ayons une bonne voie, est-ce pas ? Nous avons des icônes. Nous devons donc passer aux icônes, puis nous avons toutes les tailles que vous avez ici, d'accord ? OK, testons-le. Est-ce que tout fonctionne correctement ? Lorsque nous allons ici, remarquez que sur l'hôte local, lorsque nous utilisons vite, est vrai, cela ne fonctionne pas. Mais si vous allez dans le fichier de distribution, cliquez avec le bouton droit de la souris et que vous l' ouvrez avec if server, vous verrez que cela fonctionne. Donc, quand vous faites cela, vous pouvez l'installer, non ? Et comme vous pouvez le voir, vous pouvez aussi bien aimer, c'est en polonais, mais vous pouvez joindre cette application dès maintenant. Vous pouvez également l' exécuter automatiquement lorsqu'il fonctionne, il fonctionne lorsque l'ordinateur démarre, vous pouvez donc y choisir certaines options. Mais oui, ce n'est qu' une simple application maintenant que, comme vous pouvez le voir, je peux l'allumer. Tout fonctionne correctement. Vous pouvez désormais également, par exemple, télécharger le contenu, quelque part, comme par exemple, l'hébergement. Et maintenant, lorsque je vais sur le site Web sur lequel je viens de le télécharger, vous pouvez également l'installer, n'est-ce pas ? Donc oui, cela fonctionne maintenant en ligne. Et c'est l'objectif, bien sûr, car, eh bien, vous devez vous rappeler qu' application Web progressive est une application sur le Web, n'est-ce pas ? Vous le téléchargez donc quelque part. Et quand quelqu'un l'installe, parce que nous avons un technicien de service en arrière-plan, il synchronise ce que nous avons ici avec ce que possède l'utilisateur Ainsi, lorsque vous mettez à jour, par exemple, quelque chose sur le site, il sera également mis à jour dans l' application dont dispose l'utilisateur. Et c'est aussi très cool, n'est-ce pas, car cela mettra automatiquement à jour le contenu de la personne qui utilise votre application. Vous n'en avez pas besoin, l'utilisateur n'a pas besoin de l' installer manuellement, n'est-ce pas ? Parce que c'est vraiment pour vérifier si quelque chose a changé ici dans VS, alors s'il est en ligne, vous allez prendre tout le contenu qui a changé, vraiment génial, n'est-ce pas ? 119. Présenter un problème - créer un composant PWAInstallButton - (1): Bonjour, mon ami. Nous avons un petit problème car le bouton d'installation ne s' affiche pas toujours sur les appareils mobiles. Et ce problème peut être résolu avec notre bouton personnalisé. Mais nous devons d'abord savoir comment, par exemple, détecter les événements qui devraient apparaître ici. Mais pourquoi n'apparaît-il pas ? Parce que la plupart des utilisateurs d'appareils, comme Android par exemple, voient cette fenêtre contextuelle bloquée, d'accord ? Ils n'auront donc même pas occasion d'installer votre application. Ils n'en sauront même pas l' existence. C'est pourquoi nous devons le résoudre. Mais comment résoudre un tel problème ? Nous devons créer un bouton personnalisé, par exemple, comme celui-ci. Nous pourrons ensuite le montrer ultérieurement à n'importe quel endroit de notre application. Pour être honnête, nous pourrions le faire chez Pop, nous pourrions le faire dans le coin supérieur gauche. Nous pourrions le montrer peut-être trois ou quatre fois. Tout dépend de l'endroit où vous allez le montrer, non ? Mais le plus important pour nous est de savoir comment l'afficher lorsque l'application n'est pas encore installée sur le système ? C'est la première chose, non ? Et comment le détecter, n'est-ce pas ? Nous allons donc le faire en réaction. Nous allons donc nous entraîner à réagir dans les prochaines conférences et nous verrons des exemples pratiques, vraiment, totalement pratiques de la façon de créer quelque chose d'intéressant dans React qui est rarement, je pense, présenté dans les didacticiels. J'ai donc créé la base du composant dans le dossier des composants, et je l'ai incluse ici, n'est-ce pas ? Cela ressemble donc à la configuration de notre application. Et lors des prochaines conférences, nous allons, par exemple, l'améliorer. OK ? Ça fait partie de cette leçon. Merci beaucoup. 120. Contrôler la visibilité des composants dans React à partir d'une déclaration de retour (2): Bonjour, mon ami. Commençons par créer ce composant à partir de la possibilité de l'afficher, donc de l'afficher ou de le masquer. Normalement, nous ferons quelque chose comme cela en utilisant, par exemple, CSS et peut-être du JavaScript pour changer l'affichage de midi en blog ou peut-être en visibilité. C'est ce que vous feriez normalement. Mais comme nous utilisons React, nous pouvons le rendre totalement différent, et je pense que ça va être super cool quand vous le verrez. Donc, afin de contrôler la visibilité, nous allons utiliser un état pour cela, d'accord ? Je veux donc pouvoir m' accrocher à cet état d' affichage ou de non-affichage. Nous devons donc créer un état, et je propose de l'appeler, par exemple, afficher le bouton d' installation, n'est-ce pas ? Et la méthode qui va le changer s'appellera set show install pattern. Et par défaut, définissons l'état sur Falls. Nous devons également importer notre état d'occasion, mais comment créer une condition dans la déclaration écrite ? Eh bien, nous pourrions utiliser, par exemple, l'opérateur Tenari, non ? Donc ça marche comme ça. Si quelque chose est vrai, donc si c'est vrai, alors montrez-le. Sinon, montrez-le ici, non ? Et ici, nous pouvons l'utiliser de cette façon : j'aime afficher le bouton d'installation, j'aime vrai, puis montrer ceci, sinon, afficher null. Et comme vous pouvez le voir, maintenant, lorsque nous changeons faux en vrai, cela s'affiche, et maintenant cela ne s'affiche pas. C'est vraiment comme, tu sais, faire les choses de cette façon, non ? Nous pouvons mettre ici la valeur à partir d'ici, mais maintenant cela dépend l'état du bouton Afficher l'installation, et non l'inverse. Nous pouvons le définir sur true au début. C'est une façon de résoudre ce problème, mais je voudrais vous en montrer une autre, car il peut être difficile de savoir si quelqu'un utilise l'autre méthode, d'accord ? Ainsi, lorsque nous prenons cela sous la commande, nous pouvons également le faire de cette façon. Revenons-y. Toujours au moins quelque chose. Donc, le fragment de réaction, non ? Et maintenant, faisons-le de cette façon. Donc, si nous affichons le bouton d'installation et sa conjonction avec cette partie, comment puis-je le copier maintenant ? Eh bien, je dois l' écrire depuis le début. Donc, si sa conjonction avec le bouton Install PWA a est vraie, alors affichez-le , n'est-ce pas ? Sinon, ne le montrez pas. Regarde, ça marche. La question est de savoir comment ? Parce que de nombreuses personnes qui savent comment fonctionne la conjonction savent que si les deux expressions sont vraies, c' vrai, alors le résultat est vrai. Si l'un d'entre eux est faux, alors le résultat est faux, n'est-ce pas ? Mais de nombreux programmeurs ne savent pas que si la première déclaration est fausse, d'accord ? Donc, si la première déclaration est fausse, le résultat est faux, vrai, mais cela signifie également que je ne vais pas vérifier les autres déclarations. Et pourquoi cela se produit-il ? Parce que pourquoi s'intéresser à ce qui va se passer ensuite ? C'est de l'optimisation, non ? Parce que la conjonction est toujours fausse lorsqu' au moins l'une des bonnes choses utilisées conjointement, c'est vrai, est fausse. Si une chose est fausse, nous n'avons pas besoin de vérifier les autres. C'est de l'optimisation. Et c'est pourquoi cela fonctionne parce que si nous avons ici un faux, est-ce pas, ce truc ne sera pas rendu, n'est-ce pas ? Mais si c'est vrai, alors nous avons la vérité. Et en même temps, c'est vrai parce que c' est un bouton, non ? Et le bouton n'est pas une fausse chose. Cela va donc également revenir. Cela va donc être exécuté. Et c'est pourquoi nous pouvons voir maintenant ici un bouton comme celui-ci, d'accord ? Je sais donc que cela peut sembler confus. C'est un peu plus lisible, je pense, mais cela dépend vraiment de vos goûts, d'accord ? Utilisez celui que vous avez envie d'utiliser ou, vous savez, parfois l' IA va suggérer quelque chose comme ça. Au moins, il va comprendre ce qui se passe ici, non ? Cela dépend de vos goûts. Et je pense qu'il n'y a pas de hauts et d'inconvénients dans les deux méthodes J'aime celui-ci parce qu' il est peut-être plus facile à lire pour la plupart des gens, d'accord ? Et vous avez un peu plus de flexibilité car vous pourriez étendre ces conditions plus facilement ici. Donc je préfère ça. Mais comme je l'ai dit, cela dépend de vous et je voulais juste montrer dans cette conférence comment insérer une condition dans une déclaration écrite basée sur l'État. Et comme vous pouvez le constater, oui, vous pouvez le faire assez facilement. 121. Capter et prévenir un événement (3): Bonjour, mon ami. Avant que l'événement d'installation ne se produise, il existe quelque chose comme un événement d'invite avant l' installation que vous pouvez détecter, empêcher qu'il ne se produise, puis créer votre solution personnalisée pour installer l'application PWA Et pour ce faire, nous devons savoir comment détecter les événements à partir du composant React. Et si vous voulez, n'oubliez pas, faire certaines choses lors de vos événements, par exemple, c'est comme l'effet de site de votre application, n'est-ce pas ? Il n'est pas connecté aux composants. Ce n'est pas comme si vous accédiez à ce composant ou tout autre composant similaire aux propriétés d'autres composants, vous accédez à un événement qui se trouve dans la fenêtre de page actuelle de votre navigateur , par exemple, l'utilisateur visite la fenêtre et vous souhaitez écouter ce qui s'y passe. Alors vous utilisez l'effet d'usage, d'accord ? Et quand nous l' ouvrirons, oui, utilisons le comportement par défaut comme celui-ci. Et c'est très important. Comme nous l'avons déjà dit, cette partie est similaire à la fonction flèche. Mais cette partie est également très importante dans notre cas cette fois-ci. Pourquoi est-ce le cas ? N'oubliez pas que si vous placez ici un tableau, cet effet d'utilisation ne sera exécuté que lorsque le composant sera installé, donc ce truc sera monté, d'accord ? Donc uniquement lorsqu'il est monté. Très bien, nous pouvons maintenant accéder à notre fenêtre et ajouter même un écouteur, donc nous pouvons, vous savez, écouter la fenêtre, et la solution ici est plutôt correcte Nous allons donc l'utiliser parce que oui, c' est l'événement que nous voulons ajouter pour l'écouter dans notre fenêtre, c' est-à-dire avant l'invite d' installation, n'est-ce pas ? Et puis, comme vous pouvez le voir, nous avons ici la fonction de flèche, n'est-ce pas ? Et cette fonction de flèche, comme vous pouvez le voir, a maintenant quoi ? Par défaut, automatiquement, chaque événement possède une propriété d' événement à laquelle vous pouvez désormais accéder pour voir de quel type d'événement il s'agit, pour faire des choses avec cet événement, n'est-ce pas ? Et comme vous pouvez le voir, nous avons ici un événement qui empêche le défaut, qui est très nécessaire dans ce cas, car nous ne voulons pas avoir maintenant le comportement par défaut de cet événement, n'est-ce pas ? Nous l'avons donc arrêté et nous avons montré quel était notre bouton. Cependant, nous avons un problème. Non seulement nous avions ici true par défaut, mais ce truc va être exécuté au moins deux fois, va être exécuté au moins deux fois toujours parce qu'ici nous avons un mode strict, et c'est là pour, par exemple, détecter si vous n'avez pas nettoyé après vous-même. Parce que lorsque ce bouton doit être démonté, vous devez le supprimer après avoir fait ce que vous avez fait en fait. Cela devrait être clair, car quelque chose n'a pas besoin d'être clair, car il peut s'agir simplement de changer le titre de votre page, par exemple. Mais si vous ajoutez du live et du listener, cette fois vous les avez ajoutés deux fois. Lorsque vous avez terminé votre travail, vous devez toujours renvoyer la méthode de nettoyage. Mais nous avons un problème maintenant parce que, comme vous pouvez le constater, c'est une mauvaise chose qu'il ait fait ici, car il vous a suggéré de simplement le supprimer en tapant à nouveau toutes ces choses ici. Non, non, non, non, non, nous devons supprimer la même fonction, non ? Cela signifie donc que nous devons, exemple, prendre tout ce contenu d'ici, donc ceci. Et au lieu de l' invoquer comme ça, nous allons créer une fonction à l'intérieur, n'est-ce pas, que nous pouvons appeler, par exemple, handle parce qu'elle indique que nous gérons quelque chose avant l'invite d' installation, n'est-ce pas ? Et maintenant, nous pouvons le définir comme effet d'utilisation interne , car il s' agira de l'effet utilisé ici, n'est-ce pas ? Et oui, cette définition est correcte. Non, je ne peux pas utiliser le. Ça va. Nous n'avons donc pas eu besoin de le copier. Je l'aime parfois pour ce genre de choses, c' est comme : « Eh bien, d'accord, alors maintenant que nous l'avons déplacée ici à cause de cela, nous pouvons facilement la nettoyer, non ? Comme nous l'avons fait avec les intervalles définis, non ? Parce que nous pouvons maintenant taper return puis ceci, puis ceci, et nous pouvons supprimer la fenêtre, supprimer même l'écouteur et thes. Cette fois, nous supprimons une méthode spécifique, n'est-ce pas ? Celui que nous voulons vraiment, aimer, supprimer. Mais je pense que je l'ai fait au mauvais endroit, il devrait être ici, non ? Parce que ce support bouclé est comme ça. Maintenant, nous avons terminé après notre CES. N'oubliez pas que c'est très important. Voyons maintenant si cela fonctionne, car vous pouvez voir que notre modèle n'apparaît pas. Ici, si je le remplace par « oui », il apparaît. Donc, quelque chose ne fonctionne pas correctement, est-ce que tout va bien ici. Le problème est que cela n'est pas invoqué dans notre environnement hôte local, d'accord ? De plus, il ne sera pas invoqué lorsque nous l'exécuterons, comme lorsque nous exécutons, par exemple, NPM run build Et si nous utilisons le serveur if, d'accord ? Donc, si nous faisons quelque chose comme ça, ouvrant avec if server, cela ne s'affichera pas non plus. Pourquoi ? Parce que ce truc sera affiché à 100 %, la plupart du temps uniquement lorsque quelqu'un n'avait pas d'autre méthode d'installation. Parce que, vous savez, si tout le monde sur PC pouvait assister à cet événement et montrer ensuite aux gens des grandes boîtes, ce serait une expérience un peu horrible de nos jours, non ? C'est pourquoi vous pouvez, vous savez, quand vous le dirigerez maintenant, où se trouve-t-il ? Sur mon smartphone, par exemple. J'ai donc simplement téléchargé le contenu sur le site Web. Et comme vous pouvez le voir maintenant, nous avons le bouton Installer ici. Nous ne pouvons pas cliquer dessus et, vous savez, deux startups dessus parce que nous ne l'avons pas encore programmé, mais il est apparu pour la version que je viens de faire ici, d'accord ? Donc oui, même si c'est faux ici, nous l'avons changé en vrai et avons empêché l'événement. C'est la première étape, non ? Mais nous devons faire bien plus pour résoudre le problème que nous avons. 122. Comment résoudre la promesse d'un utilisateur invité à installer une application PWA ? (4): Bonjour, mon ami. Nous avons réduit notre impact sur les actualités événementielles, n'est-ce pas ? Mais nous devons également gérer le clic maintenant sur le bouton Afficher le bouton Installer lorsque le bouton apparaît. Alors, comment s'y prendre ? Pour le faire, de quoi avons-nous besoin ? En un clic, non ? Et créons peut-être une fonction qui appellera Handle Install, cliquez, d'accord ? Et maintenant, nous devons le créer ici. Donc quelque chose comme ça, lancez Installer, cliquez, non ? Et ici, on peut, genre, le traiter. Mais la question est de savoir comment traiter un événement qui a vraiment été détecté ici ? Comme vous pouvez le constater, nous avons empêché l'événement, mais pour être honnête, nous n'avons aucune sécurité, n'est-ce pas ? Nous n'avons aucun moyen de désigner ici l'événement qui s' est produit ici. Parce que, vous savez, l' événement que la clique aime crée cet événement est lié au clic, pas à l'installation. Et cela signifie que nous devons aller ici et le sauvegarder quelque part. Je propose de créer un nouvel état qui sera appelé invite différée. Cela suggérera donc que nous sauvegardons le message d'invite. Donc, pour l'installation, nous la reportons et nous la sauvegardons dans cet état particulier Par défaut, nous ne l'avons pas, il va donc être défini sur null, n'est-ce pas ? Mais ici, nous pouvons maintenant définir une invite différée pour l'événement, nous venons de sauvegarder l'événement d'ici et de le découper dans son état ici, n'est-ce pas ? OK. Cela signifie donc que le bouton d'installation est maintenant affiché. Et on peut cliquer dessus. Et ici, dans cet endroit, nous pouvons l'utiliser, non ? OK. Mais avant de l'utiliser, nous devons vérifier si l' invite différée existe, n'est-ce pas ? Parce que, eh bien, si quelqu'un clique sur le bouton, il a réussi à le faire et qu'il n'existe pas, nous ne voulons pas invoquer une invite d'installation. Et comme vous pouvez le constater, nous avons une suggestion ici, car le prompt différé est vraiment un événement qui vient d'ici, n'est-ce pas ? Et cet événement a une méthode spéciale , appelée prompt. Et cette méthode va demander à l'utilisateur ce que vous avez vu auparavant. Donc, quand quelqu'un clique sur « Hey, je veux installer ton application », accord, et qu'on lui Voulez-vous installer l'application, oui ou non, n'est-ce pas ? Il s'agit de l'invite programmée lors de cet événement que nous avons arrêté, mais nous l'avons maintenant invoquée manuellement. Lorsque quelqu'un clique sur le bouton, vous vous demandez peut-être comment puis-je savoir si cet événement renvoie quelque chose comme ça ? N'oubliez pas que tout cela est toujours indiqué sous forme de contations. Ainsi, par exemple, comme vous pouvez le voir, je suis dans la documentation de l' invite avant l'installation, et ici nous avons quelque chose comme une balise prompt qui dit ensuite d' afficher une invite demandant à l'utilisateur s'il souhaite installer l'onglet ou non. Voici maintenant une partie très intéressante. Nous avons ici quelque chose que cette méthode renvoie une promesse qui résout un objet décrivant le choix de l'utilisateur lorsqu'il a été invité à installer l'application. Qu'est-ce que cela signifie ? Cela signifie que ce truc va fonctionner de manière synchrone. Qu'est-ce que cela signifie ? Cela signifie que nous pouvons faire d'autres choses dans notre application pendant qu'elle s'exécute en arrière-plan. Mais nous devons maintenant préciser ici que nous attendons ce qui va être renvoyé ici, d'accord ? Et la chose qui va être renvoyée ici s' appelle Promise Object, d'accord ? Et parce que nous attendons cela, nous devons également préciser, comme vous l'avez vu ici, vous pouvez voir que cette fonction est vraiment une fonction asynchrone, d' accord Alors maintenant, tout ce qui suit est du genre nous n'allons pas nous lancer tant que la promesse ne sera pas reproduite avec la résolution, n'est-ce pas ? Et ici, comme vous pouvez le voir, ils disent que vous pouvez, par exemple, l'enregistrer en conséquence, n'est-ce pas ? Et aussi, il y a ce que on appelle le résultat, n'est-ce pas ? OK. Alors maintenant, nous pouvons vérifier si l'utilisateur l'a fait ou non, par exemple, n'est-ce pas ? Nous pouvons donc l'enregistrer, par exemple, dans le résultat du choix, quelque chose comme ça, non ? Et oui, nous pouvons maintenant vérifier si le résultat a été accepté. Si oui, alors le changement ici est, bien sûr, erroné. Pourquoi ? Parce que nous ne devrions pas y accéder directement, n'est-ce pas ? Nous devrions plutôt procéder de cette façon. Alors, réglez DeferTPM sur null, n'est-ce pas ? OK. Et devons-nous toujours afficher le bouton ? Non, nous n'en avons pas besoin, non ? Sinon, nous ne pouvons tout simplement rien faire, n'est-ce pas ? Parce que, pour être honnête, pourquoi ferions-nous quelque chose ? Hum, nous voulons toujours avoir cet événement. Au cas où quelqu'un souhaiterait cliquer à nouveau sur le bouton. Ce serait donc formidable de l' avoir dans notre État, non ? Nous n'allons donc pas le supprimer, car pourquoi ? Et nous voulons, par exemple, afficher le bouton au cas où quelqu'un voudrait cliquer à nouveau dessus, non ? Si tu l'avais voulu, tu pourrais montrer quelque chose, verrouiller quelque chose. Cela dépend vraiment de vos préférences. Mais pour nous, je pense que c'est suffisant. Nous pouvons donc maintenant tester notre application après l'avoir téléchargée, bien sûr, sur l' hébergement. Par exemple, comme vous pouvez le voir, j'ai maintenant installé l'application, et comme vous pouvez le voir, elle me demande en polonais si je veux l'installer ou non Quand je dis non, cela ne veut pas dire que je veux le faire disparaître, non ? Je peux maintenant me décider à nouveau. Maintenant, quand je clique sur Installer, application, je suis d'accord avec tout. Et maintenant, mon application est installée, directement sur mon appareil, mon PC, elle fonctionne bien. Je peux maintenant, par exemple, le fermer. C'est à moi de décider comment cela fonctionne, non ? Et maintenant aussi, qu'est-ce que c'était ? Quand je vais ici, comme vous pouvez voir, le fond a disparu, non ? Parce que, eh bien, il a déjà été installé. Quand je clique ici, je peux simplement ouvrir mon application, d'accord ? Parce que oui, il a été installé sur mon PC. Le plus important pour nous est de voir si cela fonctionne ici, sur notre appareil qu' est un smartphone. Je peux donc l'installer maintenant ? Comme vous pouvez le voir, oui, il me demande si je veux l'installer. Je vais donc l' installer, non ? Et l'icône sera automatiquement créée. Je peux l'ajouter à mon écran principal, non ? Et comme vous pouvez le voir, c'est sur mon écran. Je peux maintenant l'ouvrir. Et cela s'ouvre comme une application sur Android, non ? Je peux maintenant l'utiliser, sauver l' État, etc., non ? Tout fonctionne bien. 123. Comment configurer Express ? Comment configurer le backend de votre application ?: Bonjour, mon ami. Il y a longtemps, JavaScript pouvait être utilisé à l'intérieur de nos navigateurs Web. Mais comme nous avons remarqué que nous l'avons déjà installé, vous pouvez exécuter JavaScript partout. Mais qu'est-ce que cela signifie qu' il peut être utilisé partout ? Cela signifie que nous pouvons faire fonctionner en tant que serveur, par exemple. À quoi cela mène-t-il ? Cela signifie que nous pouvons lire des fichiers depuis l'ordinateur sur lequel le serveur est installé, par exemple, n'est-ce pas ? Cela signifie que vous pouvez travailler avec des bases de données. Cela signifie que vous pouvez traiter des demandes telles que les connexions, la soumission de formulaires, et tout cela peut se passer en arrière-plan Il ne sera pas montré à l'utilisateur, n'est-ce pas ? Parce que normalement, si vous entrez dans le code source d'un site Web, n'est-ce pas, vous pouvez y voir du JavaScript, n'est-ce pas ? Mais ce qui va fonctionner sur JS. Donc, si aucun JS n'est installé sur le serveur, vous pouvez alors exécuter toutes les choses comme ça, par exemple, créer un serveur capable de répondre aux choses, correctement, qui peut, par exemple, répondre en texte brut et, par exemple, dire bonjour, d' accord, ou quoi que ce soit d'autre. Vous pouvez désormais tous le faire dans une seule langue. Vous n'avez donc pas besoin d' apprendre, par exemple, le bton ou le BHB ou toute autre langue, Vous pouvez tout faire depuis le nœud JS. Mais comme vous pouvez le voir ici, toutes ces choses peuvent être effectuées en utilisant le nœud JS de base. Mais les gens ont créé de nombreux packages appelés modules de packages node JS, n'est-ce pas ? Et vous pouvez utiliser le travail effectué par d'autres, afin de ne pas recréer la roue, ne pas tout créer à partir de zéro Et comme vous pouvez le voir, par exemple, nous avons quelque chose qui s' appelle Express, et comme son nom l'indique, c'est un moyen express de créer un framework Web, donc de créer des serveurs et de les gérer, n'est-ce pas ? Et comme vous pouvez le constater, de nombreuses personnes le téléchargent environ 33 millions par semaine. Donc oui, c'est une façon très populaire de créer un serveur. Et je propose d'utiliser Express au lieu d' un Vanilia Note JS et tout recréer à partir de zéro, Parce que ce n'est pas ainsi que travaillent la plupart des gens. Alors, comment utilisons-nous quelque chose appelé Express pour le configurer afin de créer un serveur dans notre application Nous devons maintenant décider si nous voulons créer notre serveur indépendamment de notre front et de notre développement. Parce que remarquez qu'ici nous avons un projet avec notre réaction, et eh bien, tout est fait vraiment sur le devant de la scène, non ? Rien ne sera demandé au serveur ici. Et pour être honnête, c'est une bonne idée de créer un nouveau dossier, par exemple, serveur, dans lequel vous allez stocker tous les fichiers liés au serveur, d'accord ? Et à l'intérieur, créons un fichier que vous pouvez appeler comme bon vous semble. Cela peut être un serveur, cela peut être un point d'index JS. Je vais l'appeler serveur JS, où je vais créer des objets express où je vais les utiliser ici, n'est-ce pas ? Mais avant cela, nous devons installer Express. Pour ce faire, créons un nouveau terminal, ce qui est très important. Nous devons aller dans le dossier du serveur, d'accord ? Et c'est désormais important. Nous allons initialiser un nouveau package pour Jason, d'accord ? Parce que nous allons avoir un paquet Jason différent pour le serveur et un transfert différent pour notre application en front end. D'accord ? Et maintenant, ici, à l'intérieur, nous allons installer Express. Et comme vous pouvez le voir, nous avons maintenant un module de nœud différent à l'intérieur, n'est-ce pas ? Maintenant, nous pouvons faire fonctionner notre serveur. Bien sûr, cela ne fait rien pour le moment, mais nous pouvons entrer ici et taper NPM run, et comme vous pouvez le voir, start, va l'exécuter, n'est-ce pas Commençons donc. Et comme vous pouvez le voir, nous avons lancé le serveur de nœuds JS, mais rien ne s'est passé ici. Donc, vous savez, nous avions connecté la console ici, par exemple, comme ceci. Comme vous pouvez le voir, l'aide provient également du serveur point js. Donc on peut maintenant, genre, faire des choses ici. Quel genre de choses pouvons-nous faire ? Eh bien, je pense que c'est une bonne idée d'utiliser le code par défaut à partir d'ici, d'accord ? Et ce que cela fait, c'est comme exiger, donc nous importons tout depuis Express, d'accord ? Donc, quand je saute ici, comme vous pouvez le voir, il est même dit : « Hé, importez ceci et plus tard, vous devrez invoquer Express. Et ce truc crée une application Express, non ? Et à partir de là, vous pouvez désormais accéder à de nombreuses méthodes, n'est-ce pas ? Quand je fais quelque chose comme ça, comme vous pouvez le voir, il existe de nombreuses méthodes, et l'une de ces méthodes appelée get Get est une fonction qui attend maintenant à cet endroit précis, accord, sur notre serveur que nous exécutons. Il est donc dans le dossier principal, et il attend quoi ? Vous pouvez donc voir ici que nous avons une fonction, n'est-ce pas ? Ici, nous avons une fonction, qui est anonyme, et elle attend une demande, n'est-ce pas ? Et quand quelqu'un met quelque chose, c'est là que la valeur sera la même lorsque quelqu'un essaiera d'envoyer quelque chose à cet endroit précis, n'est-ce pas ? Donc, à l'endroit principal de notre application. Et où se trouve cet endroit ? Vous dirigez le serveur, cette fois, comme vous pouvez le voir, il se passe quelque chose , je ne me suis pas arrêté. Quand je vais ici et que je tape Local host 3,000, remarquez que nous avons ici un mot de bonjour. C'est parce que nous accédons à cet emplacement principal depuis notre serveur, qui se trouve au port 3 000, d'accord ? Et nous envoyons comme réponse, S signifie demande c'est demande, ce qui me vient et RS provient de la réponse, donc ce que j'envoie, n'est-ce pas ? J'envoie donc un mot de bonjour au navigateur Web, non ? Et maintenant, quand nous sommes ici, comme vous pouvez le constater, nous avons une réponse «   bonjour ». C'est donc la valeur qui va découler lorsque quelqu'un empruntera la route principale. Si j'avais défini ici, par exemple, l'API, qui est la chose la plus courante à faire. Et par exemple, disons que je l'appellerais bonjour. Et maintenant, quand je rafraîchis cette page, comme vous pouvez le voir, rien n' a changé. Pourquoi est-ce le cas ? Parce que si vous modifiez quelque chose ici, vous devez maintenant arrêter et relancer votre serveur. Je vais bientôt vous montrer comment noter pour que vous n' ayez pas à le faire à chaque fois que vous y allez, n'est-ce pas ? Mais maintenant, comme vous pouvez le voir, nous devons entrer dans API hello et ensuite nous avons Hello Word, n'est-ce pas ? C'est donc comme un point de terminaison, le nom du point de terminaison pour que votre serveur obtienne une réponse. Donc, quand quelqu'un vient ici, le message en T sera envoyé en réponse. Cela semble être beaucoup de choses à faire, non ? Et ici, il est également très important que vous écoutiez, d'accord ? L'application doit être à l'écoute. C'est donc comme si vous démarriez votre serveur et que vous écoutiez ce sport Sinon, votre serveur ne fonctionnera pas, d'accord ? C'est comme écouter les modifications apportées aux demandes de réponses entrantes, n'est-ce pas ? Et bien, il y a beaucoup, beaucoup plus que cela, non ? Mais pour le moment, c'est le moyen le plus simple de configurer Express dans votre projet. Vous pouvez ensuite, par exemple, demander des éléments sur votre serveur d'où. Ainsi, par exemple, lorsque nous créerons un composant ultérieurement et que nous réagirons, nous demanderons des données à cet endroit, d' accord, et nous les recevrons en réponse. C'est super puissant parce que plus tard, vous allez bien apprendre, par exemple, comment faire des requêtes à des bases de données, par exemple, n'est-ce pas ? Ou vous pouvez apprendre, par exemple, à télécharger un fichier sur le serveur sur de nombreuses autres choses. C'est donc super puissant, car vous remarquerez que sa configuration n'a pas pris beaucoup de temps, n'est-ce pas ? Mais d'une manière ou d'une autre, nous parvenons à configurer un serveur en JavaScript sans avoir à apprendre un autre langage de programmation, n'est-ce pas ? Et nous pouvons ensuite tester notre application localement, ici, sur notre machine sans avoir à, je ne sais pas, à acheter un hébergement ou à nous connecter à une sorte d'hébergement. Nous pouvons donc éliminer toutes les peurs ici, localement. 124. nodemon - comment surveiller automatiquement les changements sur le serveur: Nous n'utilisons pas le protocole Dan, certains d' entre eux chica Alexia TipocarCVpop Stavi Serv E O D Bractavan Zap : chica Alexia TipocarCVpop, Stavi Serv E O D Bractavan Zap tan Dera, Ruchi Povich Pomtum Telco tri JavaScript, aussi. Qu'est-ce que Dot pa JavaScript Monabv Telco VannvPegnarka. E, problèmes de script Java et de Botagetib dans un morceau de faisceau Rug Na Powsmenzak Novi, batterie Coso Napiquadre Gemma trop serré, Greis marche pour passer du JavaScript au Morse pod gli Pravda destron InternetOvo acre changement de moment en Tam PovizMptvon mesova Aga Mona Gove Pod glo Miss Javascript Novinotach Zack pour prendre Morse pod gli Pravda destron InternetOvo acre changement de moment en Tam PovizMptvon mesova Aga Mona Gove Pod glo Miss Javascript Novinotach Zack pour Kuchavanap quad Povimginwach, dam Powtmen element à Niko Zidov pour son lancement de l'Internet de Mogobgaavka protea petvich Montre Kuchavanap quad Povimginwach, dam Powtmen element à Niko Zidov pour Greis marche pour passer du JavaScript au Morse pod gli Pravda destron InternetOvo acre changement de moment en Tam PovizMptvon mesova Aga Mona Gove Pod glo Miss Javascript Novinotach Zack pour prendre Kuchavanap quad Povimginwach, dam Powtmen element à Niko Zidov pour son lancement de l'Internet de Mogobgaavka protea petvich Montre Mac Greis marche pour passer du JavaScript au Morse pod gli Pravda destron InternetOvo acre changement de moment en Tam PovizMptvon mesova Aga Mona Gove Pod glo Miss Javascript Novinotach Zack pour prendre Kuchavanap quad Povimginwach, dam Powtmen element à Niko Zidov pour son lancement de l'Internet de Mogobgaavka protea petvich Montre Mac Greis marche pour passer du JavaScript au Morse pod gli Pravda destron InternetOvo acre changement de moment en Tam PovizMptvon mesova Aga Mona Gove Pod glo Miss Javascript Novinotach Zack pour prendre Kuchavanap quad Povimginwach, dam Powtmen element à Niko Zidov pour son lancement de l'Internet de Mogobgaavka protea petvich Montre Mac got PovidPanch considervkovi est la sécurité d'Agota . Moriscoovino, oppo orgo Povoch quand tu es, nous poussons le problème. E, La tega MavouuHomena, Java Script to Frangspomzo Nod JS, AR ten Java Script enga, Ya BuruHomon, Postronia, ag Ben, Topovigi era Sonic Ni Benji Vigo, So tase JE Nod JSP Dafuhomtabodovisco Romina at called tego Java Script to Congrate nod AR ten Java Script enga, Ya BuruHomon, Postronia, ag Ben, Topovigi era Sonic Ni Benji Vigo, So tase JE Nod JSP Dafuhomtabodovisco res, So tase JE Nod JSP Dafuhomtabodovisco Mamo vo Saviana Servera. Mamo vo Saviana Servera. Méthode chic Eleanic to Pos val on Taco Beach Natoiamus le message sur Ektorj OctreePreo sur Ektorj OctreePreo PostaErtepre, Framework, et reza mo Zanis StallovchPoz valac Bardo ShipCopostavic, médecin du serveur Gomorna Zadach La demande de fourgonnette fiscale sur Povich favorise the Pos val on Taco Beach Natoiamus le message sur Ektorj OctreePreo PostaErtepre, Framework, et reza mo Zanis StallovchPoz valac Bardo ShipCopostavic, médecin du serveur Gomorna Zadach La demande de fourgonnette fiscale sur Povich favorise la réponse. the Pos val on Taco Beach Natoiamus le message sur Ektorj OctreePreo PostaErtepre, Framework, et reza mo Zanis StallovchPoz valac Bardo ShipCopostavic, médecin du serveur Gomorna Zadach La demande de fourgonnette fiscale sur Povich favorise la réponse. Iac est un tag Migiqu ZadanPetana D Baz Dane E. M a mentionné le serveur taki Dostan RodovichtVuci a mentionné le serveur taki Dostan RodovichtVuci Atmos Sobovic, le moteur avant. À Tem to too, Prosto V, Io Terasveenjob ten DestovatGJ Yak, Al Nevan, Benge, MuktoobChespomoz et Frisco, Java Script, deux programmes Rucho Negoyenzka , un, DobatB, Butaki Stemco, Natomi Yak, Motake à Stallovatk. Ma maman avait l'habitude de dire que le projet Mammospotnt alias Iteras sob had point Cv, tai MT serveur pour Bengio Povionannal Terasveenjob ten DestovatGJ Yak, Al Nevan, Benge, MuktoobChespomoz et Frisco, Java Script, deux programmes Rucho Negoyenzka, un, DobatB, Butaki Stemco, Natomi Yak, Motake à Stallovatk. Ma maman avait l'habitude de dire que le projet Mammospotnt alias Iteras sob had point Cv, tai MT serveur pour Bengio Povionannal Astronomy Internet. Terasveenjob ten DestovatGJ Yak, Al Nevan, Benge, MuktoobChespomoz et Frisco, Java Script, deux programmes Rucho Negoyenzka, un, DobatB, Butaki Stemco, Natomi Yak, Motake à Stallovatk. Ma maman avait l'habitude de dire que le projet Mammospotnt alias Iteras sob had point Cv, tai MT serveur pour Bengio Povionannal Astronomy Internet. Terasveenjob ten DestovatGJ Yak, Al Nevan, Benge, MuktoobChespomoz et Frisco, Java Script, deux programmes Rucho Negoyenzka, un, DobatB, Butaki Stemco, Natomi Yak, Motake à Stallovatk. Ma maman avait l'habitude de dire que le projet Mammospotnt alias Iteras sob had point Cv, tai MT serveur pour Bengio Povionannal Astronomy Internet. Il s'agit de Warto Zav Mimo Frisco TrojerjgTM changer de face avant ou arrière Pliez-le Gur ASV, alors soyez un serveur. Latch, accédez au serveur Takoba asi Bisha Postavit, alors soyez VinimHosting Sakovic pour terminer Jinja, Is Miso Povionzans et freshbb ou razaro MsaGompsojov . J'ai demandé à Fabio Drasu de prendre le serveur de dossiers. pas une version d'un serveur PlqueAsnaw gob Rufer, Amo BisbNazvat a obtenu un index, NasvaGSB Dupaed et une plaque Vafisco not Toys, commencez par renoncer à Poposto Servera, n'est-ce pas  ? Ce n'est pas une version d'un serveur PlqueAsnaw gob Rufer, Amo BisbNazvat a obtenu un index, NasvaGSB Dupaed et une plaque Vafisco not Toys, commencez par renoncer à Poposto Servera, n'est-ce pas  ? Et la version initiée par Nv est script Java Poposu BotakavNPSA Poposto Java appelé le script Java Poposu BotakavNPSA Poposto Java appelé Sero. Non, Teco en tant que Musim StovNaePress, va en fait à Intuattman pour instruire Vastonagmkan va en fait Le Naan Govinvoldeja a déconnecté le serveur, Sams Jon. À Natacha a dit que le répertoire des modifications, pas de serveur, E, Tras Robia MED, axe du nouveau paquet Jason de Betta Zant Todd Soh Potobe Sur SartovPoglund, Nato Rho n'est pas nécessaire pour recadrer le serveur JS pour le moment, n'est-ce pas ? n'est-ce pas ? ZanimNtoa Zobeme halbum Abi Zi Install of Valley PM Install Express, Hill Washington Mood Turi Tagak movie Moss Stallovat A NuTagn nibs PavodoePress, Nib Povdomonazv commence à passer à New Tag. Réservez des tartes protos et j'ai appris un peu de moche par Sobi toute obvisming, comme « Map's Toto Koji a un Gizia nasal . Era tack aza au lieu de Vance tag Expressemgas, donc ruhom. Zanni Mednacto Robijam Chip kaza, Jeff Packet, Jason, Mama Tuteoto Dan Razu script, starto Day I go Ru homie, the run, start tag to Ruhaikana Notes Server Jose Benito, start tag to Ruhaikana Notes Bonita Mama, LismTutivPisali test, Naphqotagtso shift moment, esta epsonam test, TacnaPravda, taco Mendattiuu HamianamTT get. HamianamTT get. époque, VakisPoutcmaja, mon serveur Nash Piers publiait Savage, Naso Shivowan remplaçait Matin À l'époque, VakisPoutcmaja, mon serveur Nash Piers publiait Savage, Naso Shivowan remplaçait Matin. Scope et articles tutto, il est donc AstronataPodna, mais Je nous dis d'accoler un Bichozuei. Predevkin Mushitaabeno, Zain portovag Zain portovag nécessite l'importation de ana pour démarrer en JavaScript. E Menke a import Express dam to take control Mspreopctor book Ruby on Attack, A express, esto, opposto biblioteca, Framework, Tae Poteng, Java Scripture, Tuias ZazapisanePress, taking Nasvia control Mspreopctor book Ruby on Attack, A express, esto, opposto biblioteca, Framework, Tae Poteng, Java Scripture, Tuias ZazapisanePress, taking Nasvia. M Mme Mivras VivoanaFunti, TuratFogna sum applica ttevges, topo chi crée une application express. La fonction express pour l'express Fungianibarge, Otrasueporana Nvigifuntia Gura ProstopNaotazu, Yactas require tooty signifie trop de fonctions vivoaigdu vivoazauPM Bica novembTaue mammoivo so Dos tanya Dove méthode, Yactas require tooty signifie trop de fonctions vivoaigdu vivoazauPM Bica novembTaue mammoivo so Dos tanya Dove méthode tag, orista morse historique. tag, orista morse historique. tag, orista morse historique. Pourtant, méthode non variée, Tony Narachi Mota, telco ta, ta, MetodanAzvahe, listen, NasuHue Ios VarnanaPort, Trina Poproto stu, numer Tuthons, AgioTouruhm erato Run start of Momenticevade Trina Poproto the Otra gon Darky Tank. the Otra gon Darky Tank. Je souhaite associer l'hôte local Proprosto Vu cropper Titi Sons tag, Temi Benavaonkvji, Temi E, Tras, get the Yazobi Run start to tag Sabo tag, vinto Sobiavuhma Theaspam ne peut pas obtenir Oggi oto Tag Betago et Pinta, TagovsatPottavo, Vin do Stashm ne peuvent pas obtenir . Serveurs Epcot Ruchi teres touch TerPopStu TerPopStu Terra et moi Vuci acecho, pone va, Nasser Potnia aaj automata, le sbire des statistiques Naser jaantrig contrôlait agreg Yakovontrig est le nouveau Gouruhmage Takapalandopi de Nate Lexi, Samara est bonjour Yakovontrig . A TegopanVvig touch Virginia GovnFolder, Saga DominoVrot Takavan, Coin Nach Strano Internet Love, HeliPopsto vac, hôte local, SportAmti Johnson, tag, too, chaube Abs ru HoomFung Sectora, Funko AnomVtag I a funciamvazu tomato, matzo TakeGoyaGreg . . . Demande du chili. Tosa sana dome, tag, tootso wanomi ERS, chili response, Zangiskgohi Ot Povich, Zangiskgohi Itsaavvobctic to the mash odazido dépose Sistani Swan a à la dépose RS est la vodka obipvatcagako, une dotegova tegoctoadtauc pour tonifier la substance slash on tag Un film de povisme chilis, répondez , envoyez visuellement un une dotegova tegoctoadtauc pour tonifier la substance slash on tag Un film de povisme chilis, répondez, envoyez visuellement un guichet automatique visa emo hell award. Cela signifie moment g, le quad T signifie donc tag topo avi mush hell award Habituellement, Vic Gini Squad Two, Toni Mosa Tempo Bach, Bona server no Seguia tax VaneGoeEnd point Appy Vds toi, un point de terminaison Ziv, des points de terminaison d'application Ziv, des pièces d'API punk, une interface de programmation d'applications Toni Mosa Tempo Bach, Bona server no Seguia tax VaneGoeEnd point Appy Vds toi, un point de terminaison Ziv, des points de terminaison d'application Ziv, des pièces d'API punk, une interface de programmation d'applications. E, chili too D program of vana applicat interface, Yato osuiumtens po Encaissez, prenez un citron, Benjamin est nul. Dos Nachit arc Zaogovccqt VivaGmelatak, Tritozbaka sos soposvala concretinm and punch puncta, Puncten coach concrete no chintal called hello word, Nonias min after called slash API ipofsvh Hello, des dizaines de PouttenPonchs dans un serveur Vontri Wont novo contrôlé par mushi, AquideraPotem et Pointes Raza Nato, bonjour Nonias min . . . deux filets de Natoias sont bloqués, botego me sapertunt Mama point final, au cinéma, un Sotchi doit commencer Les deux filets de Natoias sont bloqués, botego me sapertunt Mama point final, au cinéma, un Sotchi doit commencer. Si dix posts Mumtutaaogova, Mama Naproqa a fait un Baza done Mojamzapetch, telegencuc amené, chats sortis, Ovija Shriscot Benji Jiao postronia, ServanaGong Benjamitepu ego movies Server crop care, Tony sh Sotojvtron Benjamb de badge, non Oh, oui, tilco la ebitag. tilco la ebitag. tilco la ebitag. Ce que l'on appelle Vc tutee Jet est sécurisé. Til cote sujette au béton Amado Tago D'habitude, servez Maza au lieu de nego no Ja, Tag, E Maza au lieu de van PakunkiPovinzan, agissez express, ne passez pas au moment présent, oui Sania, tachy Whim, prenez le toga Opszgt 101010 lit bébé . Moi Benjamin et PoinotPhtava Jackie Pitana attaquent, maman pousse Si la femme Rubi Jaquish, le composant Macchu, Kuri, Benji Peto, ou le serveur Jaco Zavarto , attaque, je suis ou le serveur Jaco Rana aussi, servez Visa Povich. Vous pouvez Miami yo vivia Trich, le quad taka Toto Midas Doja Maras Dov Sotchi Benji Gabo Hippo Ranch, Trisoviukovk , Yagi TotoGftLatrite Goshutkovnk ViGita. Mora Mamttvibo Mora Scotosmva Chaque fils. Bps faja, postronia Server Atom Watch plata Bazan Si Sisco The GF laisse TGoVge attaquer ensuite, Tomah Jag. Mais vous avez bloqué une crique sur le serveur Wahab de Bimoostronia. Oh, tu sais, si Soumya m'en dit un peu sur le serveur de pâtes Vlisima, Bardo agit donc du dossier Prost, au lieu de alisma Espresso ou Expresa Establishment tac Na Pravda dazu co Doctor Oi Totato star chion the pasta vignette goo, Pirago et pointez du doigt le tag tax vana goo pour augmenter le Guvngi Oi Totato star chion the pasta vignette goo, Pirago et pointez du doigt le tag tax vana goo pour augmenter le Guvngi Sion raza razo hello. Toto, Temin Nostikostana, Stego Vasari, Totoviti, MorpUI, Ros Viagklena Zach tag, NatoiataxVan fundamen tag Postavdmsaovic a Sipko, Iteratikova snap Neglect, le protube tchèque Ros via NatoiataxVan not ou Korsstana Segoe Panama. not ou Korsstana Segoe Panama. 125. Récupérer des données dans React Component dans Express: Bonjour, mon ami. Aujourd'hui, je vais vous montrer comment communiquer de l' avant vers l'arrière, alors envoyons une demande de réponse. Mais comment faisons-nous de telles choses ? Tout d'abord, notez que lorsque nous exécutons notre serveur de développement, notre hôte local est sur le port 5173, n'est-ce pas ? Et quand je l'ouvre, comme vous pouvez le voir, nous pouvons voir le résultat de tout ce qui se trouve ici, n'est-ce pas ? Lorsque nous modifierons quelque chose ici, il sera représenté ici. OK. Et cela signifie également que nous devons maintenant exécuter le serveur, donc changer ici et exécuter serveur de développement également ici, n'est-ce pas ? OK. Maintenant, nous pouvons nous connecter et parler les uns avec les autres. Mais comment faisons-nous de telles choses ? Je propose de créer un composant que nous appellerons , par exemple, hello from Express, quelque chose comme ça. Et créons un composant fonctionnel en utilisant le raccourci que je n'ai pas encore montré. Il provient de simples entrées Reacts. Et lorsque vous faites quelque chose comme ça, remarquez nous avons instantanément le composant fonctionnel que nous pouvons appeler hello depuis Express, par exemple, n'est-ce pas ? Et nous reviendrons plus tard sur quelque chose comme «   bonjour » d'Express. Mais ce message doit provenir du serveur, non ? Pas à partir de maintenant où nous le tapons simplement manuellement. Mais essayez toujours de faire les choses comme je le fais maintenant parce que vraiment, lorsque vous débugguez quelque chose, c'est bon de voir quelque chose, non ? OK, c'est connecté. Tout fonctionne bien. Je viens de terminer une étape. Je peux aller plus loin. OK, et maintenant ? Maintenant, nous devons d'une manière ou d'une autre récupérer le message depuis notre serveur, n'est-ce pas ? Mais comment faire une telle chose ? Pour récupérer quelque chose sur le serveur, nous allons utiliser l'effet d' utilisation, d'accord ? Parce que c'est quelque chose qui ne sera exécuté qu'une seule fois lorsque le composant sera monté. Lorsque vous envoyez ici comme deuxième argument, quels crochets avec rien Cela ne sera exécuté qu'une seule fois lorsque nous monterons notre composant, n'est-ce pas ? Ce n'est donc qu'une seule fois. Comme vous pouvez le voir, Express vous salue, deux fois cette fois, mais deux fois quoi ? Parce que nous utilisons le mode strict, non ? Mais bon, cela n'est exécuté qu'une seule fois lorsque le composant est monté. OK. Et maintenant, nous devons récupérer quelque chose, mais comment pouvons-nous récupérer des objets depuis le serveur Eh bien, pour le faire, nous allons créer une fonction, d' accord, nous allons appeler fetch message, d'accord ? Et comme vous pouvez le constater, cela suggère que cette fonction doit être asynchrone Et oui, cette fonction devrait être comme ça parce que vous ne voulez pas attendre la réponse du serveur, n'est-ce pas ? Après avoir défini la fonction, nous devons également l'invoquer. Invoquons-le donc ici dès maintenant. Et voici comme le corps de la fonction qui sera invoquée plus tard, non ? Et n'oubliez pas qu'il s'agit d'une fonction synchrone car nous allons attendre la réponse du serveur, n'est-ce pas ? Et cela doit être fait de manière synchrone, car vous ne voulez pas empêcher votre application de répondre alors que quelque chose va ressembler à «   get from server Parce que, vous savez, normalement, parfois, de telles choses peuvent prendre du temps. Par exemple, le serveur peut ne pas répondre, par exemple, là où vous envoyez le message, et vous ne voulez pas obliger l'utilisateur de votre site Web ou de votre application à simplement arrêter de faire quoi que ce soit sur votre site Web Vous voulez le voir dans les coulisses en arrière-plan, non ? OK. Et pour récupérer quelque chose, nous utilisons la fonction fetch, Et dans la fonction fetch, nous saisissons ce que nous voulons récupérer Comme vous pouvez le constater, le nom de notre point de terminaison est le même que celui que nous avons envoyé ici. Nous disons donc : « Hé, va chercher quelque chose d'ici. Nous n'avons pas précisé quoi parce que, le moment, nous faisons la demande la plus simple possible, n'est-ce pas ? Comme vous pouvez le voir, la demande est maintenant comme si nous n'avions aucun objet ici parce que nous n'avons encore rien envoyé ici, n'est-ce pas ? Nous n'avons pas précisé exactement ce que nous voulions, mais nous avons juste fait quelque chose comme  : « Hé, allez chercher quelque chose ici, d'accord ? Nous allons maintenant attendre la réponse dans ce lieu. D'accord ? Cela signifie que tout ce qui se passera ensuite ne sera pas exécuté tant que nous n'aurons pas reçu la réponse de cet endroit. Et quel genre de réponse y a-t-il ici ? Comme vous pouvez le voir, ce n'est qu'un texto, non ? Nous pouvons taper ici le mot bonjour du serveur express point JS, par exemple, n'est-ce pas ? C'est ce que nous voulons voir ici sous forme de texte. Créons donc une variable que nous allons appeler text, et attendons maintenant que la réponse soit traitée dans le texte, avec la méthode text de la réponse de l'API. OK. Et maintenant, quand nous l'avons, oui, nous pouvons l'enregistrer sur console. Comme si on pouvait voir ce qu'il y avait dedans. Et comme vous pouvez le constater, le journal de notre console ressemble à ceci. Donc, quelque chose ne va pas parce que, eh bien, nous l'avons demandé, mais nous avons obtenu environ une page entière. Qu'est-ce qui ne va pas ? Eh bien, le problème pour le moment, c'est que nous sommes sur des points différents. Remarquez qu'il s'agit du 5173, et en voici un, celui-ci est sur 3 000 n'y a rien de mal à cela, car vous devriez être sur des ports différents parce que, eh bien, nous essayons de communiquer du front au back-end, mais nous avons un problème parce que nous nous connectons à partir de différents ports, même si vous êtes sur le même domaine, eh bien, cela n'est pas autorisé car nous nous connectons depuis des origines différentes. C'est ce qu'on appelle quelque chose comme ça. Mais heureusement pour nous, invitez, nous pouvons configurer quelque chose comme ça , appelé proxy. Et c'est comme un intermédiaire en réseau : un proxy transmet une demande d'un serveur à un autre pour le compte du client parce que, eh bien, nous sommes actuellement sur le même rythme de serveur, n'est-ce pas actuellement sur le même rythme de serveur, Nous sommes de la même origine. Donc, lorsque notre front end fait une demande au proxy, quelque chose comme ça, le proxy transmet uniquement la demande à notre backend, nous avons spécifié ici avec ce port, n'est-ce pas ? Et cela donne l' impression que la demande vient d'elle-même. C'est donc comme aider à contourner les restrictions établies par ce que l'on appelle règles de partage de ressources entre origines, d'accord ? Je sais que c'est un sujet un peu avancé, mais pour l'instant, lorsque vous apprenez et développez, vous savez, un serveur. Le plus important pour vous est configurer un proxy comme celui-ci, qui se connectera instantanément à l'hôte local, au port 3 000 et à l'API, et il se contentera de le faire. On dirait que ça vient de la même origine, non ? Et à cause de cela, lorsque nous allons ici et que nous actualisons, comme vous pouvez le voir, lorsque nous accédons à la console, comme vous pouvez le constater, nous recevons deux fois un mot de bonjour du serveur express point JS. Et bien, nous n'avons plus que la console pour enregistrer cela, mais nous pourrions, par exemple, faire quelque chose comme ça. Utilisons l'état, non ? Peut-être pourriez-vous utiliser State SNIPA cette fois. Et appelons-le, par exemple, comment ? Nous avons un message, non ? Appelons ça un message. Et la valeur par défaut, c'est peut-être rien. Et voilà, nous allons présenter le message que j' ai récupéré, non ? Donc, par défaut, ce n'est rien, mais lorsque nous obtenons la valeur, vous voulez la remplacer par le texte comme celui-ci. Et maintenant, quand nous actualisons, comme vous pouvez le voir, hello word from Express Server point JS, parce qu'il vient d'ici, n'est-ce pas ? Nous avons donc ce que nous voulions, et c'est plutôt cool car nous accédons ici à notre serveur. Si nous changeons la valeur ici, par exemple, en ceci, bonjour tout le monde, et maintenant, lorsque nous actualisons ici, comme vous pouvez le voir, la valeur change également parce que nous envoyons maintenant un élément différent de notre. Remarquez que lorsque nous ouvrons notre réseau ici et que nous l'actualisons à nouveau, lorsque nous y allons, nous avons quelque chose comme une réponse. Comme vous pouvez le voir, c'est la valeur à laquelle nous répondons depuis notre serveur, n'est-ce pas ? Et nous y accédons en demandant une URL comme celle-ci. Et ce qui est drôle, c'est que nous demandons vraiment le 5173, n' est-ce pas Et même si nous demandons cette chose, parce que nous avons son proxy, elle sait que chaque fois que nous essaierons d'accéder au terminaison de l'API avec quoi que ce soit par la suite, cela va vraiment demander la valeur de ce port ici, d'accord ? Je sais que cela semble un peu exagéré, mais c'est ainsi que vous le configurez si vous voulez l'avoir sur différents ports, et, vous savez, si vous voulez, par exemple, vérifier les modifications sur le serveur et en même temps vérifier les modifications sur le vif, n'est-ce pas ? Parce que vous voulez voir instantanément les résultats provenant des modifications apportées par le front-end puis par la fin du bogue en même temps. Vous avez deux choses à exécuter et à vérifier les modifications. Mais pour l'instant, oui, nous sommes connectés. Donc, vous savez, nous pourrions récupérer la valeur et modifier, par exemple, le texte Mais bien sûr, il ne s'agit que d'un droit express de base. Nous venons de récupérer l'accès. Nous changeons la réponse en texte, non ? Et oui, nous pouvons maintenant montrer 126. Message de « chargement » pendant la récupération des données: Bonjour, mon ami. Aujourd'hui, je vais vous montrer comment créer un message de chargement pendant que notre réponse du serveur est en cours de chargement. Parce que lorsque nous l'actualisons, remarquez que c'est comme si vous sautiez sur notre site Web. C'est juste en train d'apparaître. Mais des choses comme aller chercher peuvent prendre du temps. Cela dépend du nombre de personnes qui utilisent votre site Web. Cela dépend de la distance de votre serveur, nombre de tâches effectuées en même temps, n'est-ce pas ? C'est une bonne idée d' afficher un message de chargement à l'utilisateur pour améliorer l'expérience utilisateur. Mais comment faisons-nous de telles choses ? Notez que la valeur par défaut, l'état d'utilisation est une chaîne vide, et que la chaîne vide est vraiment comme pour l'instruction conditionnelle comme celle-ci, ce n'est pas vrai, n'est-ce pas ? Nous pouvons donc faire quelque chose comme ça. Si le message de récupération est vrai, affiche le message de récupération. Sinon, affichez, par exemple, le chargement du texte. Maintenant, comme vous pouvez le voir, nous avons vu un deuxième écran de chargement en arrière-plan, n'est-ce pas ? Mais faisons peut-être cet effet d'utilisation prenne un certain temps pour que nous puissions le voir clairement. Donc, lorsque j'utilise le délai défini, je peux faire quelque chose comme : OK, je veux définir le message de récupération, mais en 1,5 seconde, par exemple, n'est-ce pas Et maintenant, quand je rafraîchis, comme vous pouvez le voir, nous avons du chargement pour quoi ? 1,5 seconde, puis nous pouvons voir le message. C'est ainsi que vous créez un message simple, comme le chargement. Mais pourrions-nous l'améliorer peut-être avec une sorte de bibliothèque supplémentaire, vous savez , et je vous montrerai comment le faire lors de la prochaine conférence. 127. React Spinner - faisons « tourner » le message de chargement: Bonjour, mon ami. Il existe deux bibliothèques utilisées pour at qui sont très populaires pour le chargement de données, et l'une d'elles est RackSpinners, Chargeurs. Et comme vous pouvez le constater, vous pouvez, par exemple, faire quelque chose comme ça ou utiliser des fileurs à crémaillère Cela ressemble à ça, et vraiment utiliser ce truc est assez simple. Parce que tout ce que vous avez à faire est d'installer le package et d'utiliser le composant. Supposons, par exemple, que vous vouliez utiliser cette chose. Notez que l'avantage de ce site est que vous pouvez changer la couleur ici, par exemple, ici, vous pouvez changer la taille pour qu'elle soit plus grande ou plus petite et voir à quoi il ressemblera avant même de l' installer, n'est-ce pas ? Vous pouvez donc vérifier le chargeur au préalable avant de l'utiliser. Mais dans cette conférence, nous utiliserons les essoreuses à tapis de cet endroit pour installer. Commencez toujours, et comme vous pouvez le constater, pour l'installer, il suffit de faire quelque chose comme ça Nous devons donc accéder à notre projet, ouvrir la console et taper NPM install Après l'avoir installé, il ne vous reste plus qu'à importer celui qui vous intéresse. Dans notre cas, nous nous intéressons à la rotation des lignes, donc tout ce que nous avons à faire est de faire quelque chose comme ça. Nous pouvons le copier dans notre projet ici. Mais au lieu de l'audio, nous allons importer des lignes rotatives comme celle-ci, n'est-ce pas ? Et maintenant, nous devons uniquement l'utiliser à cet endroit au lieu de charger du texte. Donc, pour l'utiliser, nous avons ici un exemple ci-dessus, n'est-ce pas ? Si vous voulez utiliser exactement ce qui se trouve ici, il suffit de suivre le rythme ici, n'est-ce pas ? Et lorsque nous allons ici et que nous actualisons, comme vous pouvez le constater, nous avons quoi ? Notre écran de chargement. Mais vous vous demandez peut-être pourquoi il est vert alors que nous l' avons ici gris. qui est amusant, c'est que lorsque vous allez ici, remarquez qu'ils disent que les accessoires se fixent ici, comme la couleur des traits, la couleur des lignes rotatives, mais qu'ils utilisent la couleur ici C'est assez étrange, parce que c'est une implémentation, ils utilisent de la couleur, mais ils devraient utiliser de la couleur de projection. C'est donc juste un retour ici, mais vous pouvez y remédier, vous pouvez simplement changer le nom de la propriété. Et maintenant, lorsque nous l'actualisons, vous pouvez voir que son gris peut changer de couleur comme vous le souhaitez. Tu peux changer la taille, non ? Si vous voulez qu'il soit plus petit, vous pouvez le réduire, n'est-ce pas ? C'est à vous de décider à quoi cela ressemblera avec ces paramètres. Plutôt cool, non, parce que tu n'avais pas besoin réinventer la roue Nous n'avions pas besoin, vous savez, de le faire en CSS, peut-être en animation, comme vous le vouliez. Nous avons maintenant une sorte de lignes rotatives au lieu, vous savez, de charger, ce qui est étrange, non ? 128. EXERCICE : réagir à Toastify - notifier l'utilisateur comme un pro: Bonjour, mon ami. Aujourd'hui, nous allons parler d'un package appelé React Tastify qui porte un toast Je sais que le nom semble bizarre, mais les toasts ne sont que de simples messages comme celui ici Vous pouvez également accéder à la démo de documentation, et ici vous pouvez, vous savez, voir comment chaque chose peut apparaître, comment vous pouvez, vous savez, changer également. Le type de celui-ci. Il peut donc s'agir d'un avertissement , d'une erreur, de celui par défaut. Donc, comme vous pouvez le constater, tout est assez facile à personnaliser. Vous pouvez facilement voir comment l'utiliser, non ? Et il vous suffit de le copier-coller dans votre projet, n'est-ce pas ? Et dans notre situation, nous voulons, par exemple, porter toast à l'intérieur de nos recherches Comment faisons-nous une telle chose ? Eh bien, tout d'abord, nous devons fabriquer un récipient pour le pain grillé, d'accord ? Et bien, utilisons le seul conteneur que nous avons ici, mais avant cela, nous devons également l'installer, non ? Donc, pour l'installer, nous devons taper ceci, non ? Alors allons-y. Ouvrons le terminal et installons-le. Et comme vous pouvez le voir, nous avons besoin de quelque chose comme ça, maintenant, non ? Mais il dit qu'il faut également importer quelque chose que l' on appelle le CSS pour Tastify, n'est-ce pas ? Et nous n'allons pas l' importer dans notre hello from Express car nous voulons permettre de l'utiliser partout, non ? Je pense que c'est une bonne idée de l'importer ici dans l'ensemble de notre application, non ? Nous devons également importer notre conteneur, quelque chose comme ça, mais sans pain grillé, car je veux qu'il soit disponible dans notre arborescence d'applications. C'est donc toujours visible, non ? Et utilisons peut-être le conteneur de test qui se trouve ici, non ? Comme vous pouvez le constater, c'est le comportement par défaut, n'est-ce pas ? Donc c'est vraiment la même chose que celui-ci, non ? Et disons-le, par exemple, ici, comme ça. Et maintenant, ce qui est cool, c'est que parce que nous avons un conteneur dans notre application, tout ce que nous avons à faire est de l'émettre, par exemple, de cette façon, n'est-ce pas ? Donc, si nous voulons le copier ici, mais que nous devons également importer notre toast. Donc, importez, et nous devons importer du pain grillé, non ? C'est comme ça qu'il faut procéder, non ? C'est pour que nous puissions utiliser la fonction appelée toast, n'est-ce pas ? Donc, tout ce que nous devons faire maintenant pour l'utiliser est d'invoquer cette fonction, n'est-ce pas ? Donc, lorsque nous allons ici et disons que c'est moi qui l'ai dit, disons ici pendant une seconde. Vous pouvez voir que nous avons obtenu, Waouh, si facile, alors vous pouvez le fermer. Lorsque j'actualiserai notre page, elle s'affichera deux fois parce que nous sommes en mode strict, n'est-ce pas ? Mais oui, il est apparu après avoir récupéré les données. Nous pourrions peut-être le mettre également, par exemple, ici, juste après 1,5 seconde. Vous pouvez voir, Waouh, c'est facile, mais nous l'avons obtenu deux fois, comme je l'ai dit, parce que c'est ainsi que fonctionne le mode urbain. Et la question est de savoir comment le personnaliser par exemple. Supposons qu'au début lorsque nous essayons de charger quelque chose, nous puissions créer des informations, et nous pouvons dire charger des données. Maintenant, quand je l'actualise, vous pouvez voir qu'il est écrit : « Hé, quelque chose est en cours de chargement, vous pouvez voir, oui, il est en cours de chargement ». Le problème, c'est qu' il n'a pas disparu lorsque le message a finalement été chargé, n'est-ce pas ? Nous pouvons donc faire quelque chose comme, par exemple, porter un toast, rejeter, n'est-ce pas ? Nous pouvons donc le rejeter lorsque le message va être chargé. Donc, comme vous pouvez le voir, nous pouvons manuellement dire : « Hé, je n'ai plus besoin de toi. React Toastify est super puissant. Il est utilisé par des milliers, des millions de personnes, vous savez, non ? Combien de personnes l'ont téléchargé la semaine dernière, deux millions. Vous pouvez donc faire beaucoup, beaucoup plus de choses ici, non ? Vous pouvez, par exemple, modifier les icônes. Vous pouvez même tenir la promesse ici et ils vous montrent comment le faire ici, n'est-ce pas ? Vous pouvez modifier la position du pain grillé. Vous pouvez vraiment définir n'importe quoi ce sujet, eh bien, du pain grillé. Et ce qui est cool, c'est que vous pouvez y jeter un œil, non ? Oh, je veux le mode sombre, par exemple. Donc, pour passer en mode sombre, vous pouvez voir que vous devez changer ce qui se trouve ici, la propriété de l'équipe en mode sombre, par exemple, vous pouvez facilement changer l'endroit où elle va apparaître. Oh, je veux qu'il apparaisse ici, je veux qu'il apparaisse p. Vous décidez où il apparaît et je ne sais pas, vous voulez zoomer. Il va zoomer, vous voulez le glisser. D'accord ? Le suivant va glisser. C'est à vous de décider comment cela va apparaître. C'est donc une bonne idée de jouer avec, d'accord ? En guise d'exercice, essayez de l'installer. Et par exemple, vous pourriez essayer de vous amuser en vous demandant, disons, où se trouve la promesse, oui, où est la gestion des promesses. Essayez de gérer la promesse, par exemple, essayez de le faire, par exemple, de cette façon, n'est-ce pas ? Vous pouvez donc voir que vous pouvez envoyer ici une montre. chercher. Donc dans notre cas, c'est ça, d'accord. Et lorsque le chargement sera résolu, vous pouvez, en fonction de celui-ci, afficher le message, comme lorsqu'il est chargé, l'afficher Lorsque le succès se produit, montrez-le. Si la flèche apparaît, montrez-la, n'est-ce pas ? Donc, pour être honnête, cela améliorera automatiquement notre processus de chargement. Mais n'oubliez pas que nous avons fixé une heure ici. C'est quelque chose que nous avons créé artificiellement. Cela prend 1,5 seconde. Mais c'est instantané dans cette situation. Mais bien sûr, nous devrions vérifier lorsque la promesse est résolue, lorsque la valeur provient du serveur, n'est-ce pas ? C'est juste dans le but de déboguer plus tard, vous devriez lire OK, c'est la leçon. Merci beaucoup 129. Carte - afficher les éléments à partir de listes: Bonjour, mon ami. Aujourd'hui, je vais vous montrer comment afficher des tâches à partir, par exemple, d'un tableau à l'intérieur de notre composant. Et je vous montre ceci sur un exemple très simple. Imaginez que ces données proviennent d'une base de données, par exemple, n'est-ce pas ? Mais pour l'instant, nous montrons comment afficher toutes ces données ici. Ce serait plus facile à comprendre grâce à cela. Alors, comment aborder un tel problème ? Eh bien, normalement, lorsque vous souhaitez afficher une tâche, vous utiliserez probablement la liste non ordonnée, n'est-ce Et puis vous utiliseriez un élément de liste. Et pour cela, nous utilisions un, deux, trois, quatre de ces articles, et je faisais mes devoirs, par courrier, nettoyais la chambre et préparais le dîner. Le problème est que, vous savez, il peut y avoir beaucoup, beaucoup plus de tâches ou moins. C'est pourquoi nous devons probablement utiliser une sorte de boucle, n'est-ce pas, qui traverserait chaque élément et un élément la liste sur cet élément, n'est-ce pas ? Et oui, vous pourriez utiliser Loop Four, mais pour être honnête, c'est une façon très lente de faire les choses, et elle n'est pas aussi lisible que celle que je vais vous montrer maintenant. Il y a quelque chose, ce qu'on appelle une fonction cartographique à l'intérieur de Javascript. J'espère que vous l'avez déjà utilisé, mais sinon, je vais vous donner une toute première introduction sur la façon de l'utiliser, d'accord ? Lorsque vous faites quelque chose comme ça, des tâches puis que vous cartographiez, cette fonction est maintenant prête à parcourir chaque élément d'un tableau, tous les dictionnaires, et elle fera ce que nous voulons sur ces données en utilisant la fonction que nous allons envoyer ici. Alors, que faire pour fonctionner, non ? Cette fonction va juste faire choses sur toutes ces tâches, au cas où dans notre situation, des choses ici, n'est-ce pas ? C'est donc parfait pour nous, d'accord, parce que nous voulons faire quelque chose comme ça. Je veux joindre. Je veux, par exemple, emballer, faire mes devoirs avec cet article, non ? Ensuite, je veux l' emballer avec du lait pour acheter du lait, nettoyer la chambre et préparer le dîner, non ? Donc, ici, lorsque nous entrons dans une orthèse, nous pouvons maintenant taper quelque chose comme crochets cardi pour entrer dans le domaine Javascript, Maintenant, nous pouvons utiliser cette fonction. On peut donc dire tâche. Mappons à chaque personne comme ça, chaque donnée, ce qu'il faut faire avec ces données. Mais comment s'y prendre ? Eh bien, nous pourrions créer une fonction spécifique pour faire toutes ces choses, mais parce que nous avons quoi ? Fonction flèche, nous pouvons faire quelque chose comme ça. Nous pouvons cartographier puis prononcer le nom de chaque élément, n'est-ce pas ? Nous allons donc les appeler tâches. Mais bien sûr, tu peux les appeler comme tu veux, non ? C'est le nom que nous avons inventé. C'est dans ce but que nous avons créé cet éloge particulier. Et maintenant, nous disons ce qu'il faut faire pour chacune de ces tâches. Donc, si nous ne faisons vraiment pas grand-chose, par exemple, si nous créons simplement un élément de liste et que nous tapons quelque chose comme ça, cela signifie que nous allons le faire quatre fois remplaçant l'ensemble du contenu par ces éléments ici. Si je tape ici tâche, nous allons la remplacer par une chaîne de tâches. Il est très important que si vous souhaitez l'utiliser comme donnée en tant que variable, non comme une chaîne, vous ayez besoin de savoir deux crochets Et maintenant, pour chaque élément, c'est vrai, nous l'avons emballé avec un article. Et maintenant, comme vous pouvez le constater, nous avons affiché chaque élément de la liste des tâches, n'est-ce pas ? Cela peut donc être source de confusion au début lorsque vous commencez à l'utiliser, n'est-ce pas ? Mais cela vous permet, en une seule ligne, changer instantanément un tableau entier , de changer la façon dont il est affiché. Nous n'avons pas eu besoin de faire des recherches. Vous savez, nous n'avions pas besoin de créer, par exemple, effacement temporaire ou de réfléchir à la manière d'aborder un tel problème, car nous n'avons fait qu' une seule chose des données complètes de ce type car c'est tout ce que nous devions faire. La carte est une fonction puissante qui, comme vous pouvez le voir, vous fait gagner beaucoup de temps. Encore une fois, parce que je pense que cela aide lorsque nous essayons d'utiliser des mots différents lorsque nous apprenons de nouvelles choses. La carte est donc une fonction qui assigne à chaque élément d' un tableau ou, par exemple, dictionnaire, ce qui doit être fait à chaque itération, donc à chaque étape Donc, si, par exemple, lorsque nous examinons cela, cela signifie que tout ce qui se trouve à l'intérieur de cette boîte, qui dans notre cas , concerne des tâches, je veux appeler chaque élément tâche et c'est ce que je veux en faire. Encore une fois, boîte, puis fonction cartographique, puis données, puis quoi faire. Avec des données, non ? Et dans notre cas, si vous souhaitez accéder à ces données, nous devons également faire quelque chose comme ça. C'est assez simple. Après l'avoir utilisé plusieurs fois, il va entrer dans vos veines, n'est-ce pas ? Ce n'est qu'une leçon. Merci beaucoup 130. clé - comment générer une clé unique en utilisant uuid: Lorsque vous passerez à la console, vous remarquerez lors de notre dernière conférence que nous avons reçu une sorte d'avertissement. Chaque enfant d'une liste doit avoir une propriété clé unique. OK. Tout d'abord, il ne s'agit que d'un avertissement. Cela ne signifie pas que nous avons commis une erreur, mais cet avertissement est là car il signifie que notre liste n'est pas optimisée pour la situation dans laquelle nous allons, par exemple, supprimer ou ajouter de nouveaux éléments de manière dynamique. Nous allons donc changer l' état de notre système informatique à l'avenir. Et bien, c'est quelque chose de très important, surtout lorsque la liste s'agrandit, car vous devrez mettre à jour la liste entière au lieu d'un seul élément. Donc, même si vous n'allez pas modifier les tâches ici, même si, vous savez, elles sont statiques, je pense que vous devriez, vous savez, mettre en œuvre ce que je vais bientôt vous montrer car la plupart du temps la situation peut changer pour vous, n'est-ce pas ? Et la deuxième chose est que vous ne voulez probablement pas avoir d' erreurs dans votre console, n'est-ce pas ? Parce que si vous le souhaitez, laissez-les augmenter le montant, ce ne sera pas bon pour vous. C'est pourquoi nous allons le résoudre en créant quelque chose comme are property, d'accord ? Mais est-ce que nous le faisons ? Vous voyez, ici, dans l'élément de liste, nous pouvons définir quelque chose comme k, puis taper ici, par exemple, unique. Le problème avec cette solution c'est qu'elle n'est pas unique, n'est-ce pas ? C'est pourquoi nous n'avons pas remarqué que nous avons rencontré deux enfants avec la même clé, qui est unique, ou quoi que nous saisissions ici, elle sera utilisée plusieurs fois. Et oui, ce n'est pas ce que nous voulions, non ? Et nous devons maintenant créer quelque chose d'unique. Cela pourrait, par exemple, être utilisé dans notre situation parce que nous avons un nom de tâche différent, n'est-ce pas ? Nous avons donc fait quelque chose comme, par exemple, une tâche ici, parce que, eh bien, ils sont différents, n'est-ce pas ? Chaque tâche est différente et fonctionne bien. Le problème avec une telle solution, c'est que nous ne pouvons pas compter là-dessus, car quelqu'un pourrait, par erreur, créer deux tâches avec le même contenu. C'est pourquoi, dans les bases de données, chaque tâche possède très souvent ce que l'on appelle cet identifiant, et nous pourrions utiliser ce D , par exemple, ici, si l'erreur ici est, par exemple, un dictionnaire avec des identifiants ou un identifiant unique. Le problème avec notre situation, c'est que nous ne l'avons pas. Nous pourrions maintenant les mettre manuellement ici pour les besoins de cet exemple. Je vais vous montrer une solution universelle qui fonctionnera toujours correctement. Et je pense que j'ai rarement pu le voir de la part d'autres personnes qui enseignent. Notez donc que nous avons des modèles de packages, et l'un d'eux s'appelle UUID Et lorsque nous installons ce package, nous pouvons y accéder dans notre composant. Pour y accéder, nous devons importer la fonction appelée V quatre. Donc, à partir de l'UUID, cette fonction est une fonction que nous pouvons désormais utiliser dans notre code pour générer un identifiant unique Cela garantit que ce sera unique, n' est-ce pas ? Parce que pour autant que je m'en souvienne, la chance de créer quelque chose de pas unique en utilisant cela est comme s'il avait pas assez de planètes dans notre univers ou quelque chose comme ça. Vous devez entrer dans les détails pour pouvoir, vous savez, calculer toutes ces choses. Mais oui, pour nous, la situation est suffisante. Donc, le simple fait de le dire maintenant garantit que cela fonctionnera. Nous pourrions faire quelque chose comme ça et lorsque nous actualisons, comme vous pouvez le constater, nous n'avons pas d'erreur, donc tout va bien. C'est unique. Le problème avec cette solution est qu'à notre retour, cette valeur unique sera toujours différente, n'est-ce pas ? Donc, il serait probablement préférable de l' attacher ici pour le tableau, non ? Nous pourrions donc transformer le tableau en dictionnaire, par exemple. Vous pouvez donc appeler quelque chose comme tâches, dictionnaire cette fois, et tout ce que nous avons à faire est d' accéder aux tâches et de réutiliser le mappage, n'est-ce pas ? Donc, lorsque nous utilisons le mappage, nous voulons, , faire quoi pour chaque tâche ? Fais quelque chose comme ça. Et nous voulons créer un dictionnaire, et ce dictionnaire sera composé d'un identifiant, qui sera unique, n'est-ce pas ? Et si nous voulons le rendre unique, nous devons lui attribuer le résultat de la fonction V form, droite, qui le génère. Et nous pouvons créer une propriété, par exemple, du texte ou du contenu, le contenu d'une tâche, et nous allons l' appeler tâche, parce que nous l'utilisons réellement à partir d'ici, n'est-ce pas ? Oui, c'est tout. Et maintenant, ici, nous n'allons pas utiliser les tâches RA mais le dictionnaire des tâches, qui nous permet de parcourir chaque élément du dictionnaire. Et cette fois, nous allons accéder à la tâche, Cropca ID. Et ici, nous allons accéder à la tâche, recadrer cette voiture désolée, envoyer un texto. Et maintenant, quand je l'actualise, quelque chose ne fonctionne pas, mais j'ai probablement commis une simple erreur quelque part ici. Oh, oui. Je n'ai pas tapé constant ici, et maintenant ça marche bien. Comme vous pouvez le voir, nous avons transformé un tableau en dictionnaire et plus tard, en utilisant ce dictionnaire, nous avons utilisé un identifiant qui était comme prégénéré ici, n'est-ce pas ? Bien sûr, ce n'est pas comme si ce composant devait faire tout le nécessaire ici, n'est-ce pas ? Toutes ces choses peuvent être récupérées quelque part et après les avoir récupérées instantanément, vous pouvez joindre Et puis ce composant pour ce jeu, nous utilisons simplement ce dictionnaire. Nous faisons tout en 15 parce qu'il est plus facile d'apprendre sur des exemples simples, n'est-ce pas ? Ce n'est qu'une leçon. Merci beaucoup 131. filtre - filtrage - supprimer des éléments de la liste: Bonjour, mon ami. Aujourd'hui, nous vous montrons comment supprimer des tâches de la liste de manière dynamique. Voici donc l'endroit que nous utilisons pour afficher l'intégralité de notre dictionnaire, à droite, qui signifie également qu'à cet endroit précis se trouve l'endroit où nous voulons, par exemple, créer un bouton qui me permettra supprimer l'élément actuel de la liste. Donc, pour simplifier les choses, il suffit de créer un bouton. Et appelons-le, par exemple, X. Comme vous pouvez le voir, cela n'a pas l' air bien parce que nous utilisons du CSS à partir de l'échelle du pouls. Vous pourrez le modifier ultérieurement car ce n' est pas le sujet de cette conférence. C'est assez simple à faire et vous pouvez le faire sous forme d'exercice. Mais nous voulons maintenant faire quelque chose dans ce sens. Lorsque quelqu'un clique sur ce bouton, je souhaite supprimer l'article de location de voiture. Et c'est fait comment, parce que nous devons d'une manière ou d'une autre, identifier cela à cela, n'est-ce pas ? Nous devons savoir quel bouton est assigné à quel élément de la liste. bien, c'est que nous avons défini Ce qui est bien, c'est que nous avons défini quelque chose que l'on appelle clé lors de la dernière conférence, nous pouvons utiliser ces informations, n'est-ce pas, parce que nous pouvons dire : « Hé, quand vous le souhaitez, cliquez dessus, n'est-ce pas ? Je veux que vous exécutiez une fonction qui retirera le couvercle de cet article avec cet identifiant, n'est-ce pas ? Je pense donc que dans une situation comme celle-ci, ne pas tout faire en une seule ligne, c'est quelque chose d'un peu avancé. Peut-être, tu sais, faisons-le, disons, pas en ligne, non ? Parce qu'il y a trop de contenu, trop de code pour cette seule ligne à supprimer. Cela pourrait trop compliquer les choses , non ? Nous allons donc faire quelque chose comme créer une fonction qui le fait, non ? Créons donc une fonction et appelons-la, par exemple, handle. Nous allons donc gérer l'événement de suppression de la tâche, n'est-ce pas ? Et la suggestion ici est plutôt cool parce que nous aurons une pièce d'identité ici, non ? Et maintenant, nous devons simplement invoquer cette fonction ici, non ? Nous devons donc dire : « Hé, ce truc va gérer la suppression de la tâche. Maintenant, lorsque je clique dessus, bien sûr, cette fonction est invoquée, mais nous devons maintenant spécifier comment supprimer les tâches, directement de l'affichage. Et c'est très, très important. Notez que cette chose est vraiment une variable normale, vrai, qui est constante. Et si je supprime quelque chose d'ici, cela ne signifie pas que l'état de notre site va réagir à sa suppression, n'est-ce pas ? Parce que, eh bien, nous utilisons React, nous devons d'abord utiliser l'état pour l'ensemble du dictionnaire des tâches, ce qui signifie que nous devons le changer en quoi ? Dictionnaire des tâches, c'est vrai, quelque chose comme ça. Donc, euh, il y a trop de suggestions en ce moment. Nous avons donc besoin d'un crochet qui connecte la fonction comme celle-ci à ce dictionnaire, et nous devons utiliser l'état, à droite, sur la valeur initiale. Parce qu'à l'heure actuelle, nous avons créé l' état initial du dictionnaire, n'est-ce pas ? Pour le dictionnaire des tâches. C'est le premier, non ? Lorsque le composant est créé, il s'agit des valeurs de départ. Maintenant, nous allons pouvoir, par exemple, supprimer les valeurs ici, non ? Mais comme vous pouvez le voir, nous avons une erreur et rien ne fonctionne. C'est parce que nous avons utilisé l'état, qui n'est pas encore importé, n'est-ce pas ? Nous devons donc l'importer. Et oui, maintenant ça marche. Il s'agit donc d' une valeur de départ, qui est en quelque transformée à partir de celle-ci. Dictionnaire des quatre tâches. Et maintenant, comme il s'agit d'un état observé par React, nous pouvons le modifier quand nous le voulons en utilisant le dictionnaire des tâches défini. Donc, lorsque nous gérons la tâche de suppression, nous devons d'abord invoquer le dictionnaire de tâches défini , puis faire le contenu du dictionnaire de tâches, n'est-ce pas ? Et la suggestion ici est parfaite, et je vais vous l' expliquer maintenant. Notez que nous avons utilisé ce que on appelle le filtre de méthode. Comme son nom l'indique, il filtre la tâche avec l'identifiant donné. Mais comment fonctionne-t-il ? Vous voyez, nous avons ici la fonction flèche, n'est-ce pas ? Et vous souvenez-vous du fonctionnement de la carte ? C'était comme s'il s'agissait d'une sorte de boucle à l'intérieur, n'est-ce pas, c'est comme faire tout ce que nous spécifions dans la fonction sur chaque élément à l'intérieur, n'est-ce pas ? Et la fonction de filtre est la même. Mais dans le cas de la fonction de filtre, nous donnons ici une sorte de condition. Donc c'est comme ça. Nous avons des données. Nous avons un filtre, non ? Et puis c'est comme un élément de données, puis on aime créer une condition. Et maintenant, ce filtre est comme une boucle qui parcourt chaque élément dictionnaire et vérifie si l' identifiant qui vient d'ici , n'est-ce pas ? Nous ne l'avons pas encore envoyé, donc cela signifie que nous devons le faire, non ? Mais oui, quand nous l'enverrons ici, alors peut-être allons-y. Nous devons donc faire quelque chose comme ça. Gérez la suppression de la tâche et envoyons ici l'ID de la tâche, n'est-ce pas ? Parce que nous voulons envoyer l'identifiant de tâche que nous venons de créer ci-dessus, n'est-ce pas ? C'est pourquoi nous allons connecter la suppression à l'aide de la clé ci-dessus. OK. Maintenant, nous avons ce D ici, juste à partir d'ici, et nous sommes comme comparer si l'identifiant qui a invoqué la tâche handle remove se trouve dans notre dictionnaire de tâches, d'accord ? Et si ce n'est pas parce que nous utilisons le marché des exclamations, comme vous pouvez le constater La tâche ne sera pas supprimée, d'accord ? Mais s'il est égal à celui que nous venons d'envoyer, d'accord ? Ensuite, il va être retiré. Ça va être filtré, non ? Et maintenant, comme vous pouvez le voir, quand je clique dessus, celui sur lequel nous avons cliqué, quand je rafraîchis, tout revient, non ? Mais chambre propre. OK, il a disparu, non ? Nous n'avons aucune animation. Tout semble très mauvais, mais ça fonctionne correctement, non ? Encore une fois, le filtre est une fonction qui fonctionne de manière très similaire à la carte car elle passe en revue tous les éléments d'un tableau ou d'un dictionnaire, mais elle n' exécute aucune fonction, mais vous lui donnez une sorte de condition selon laquelle elle base son action Que faut-il faire, n'est-ce pas ? Et dans notre cas, nous vérifions si l' identifiant envoyé ici en cliquant sur le bouton n' est pas égal à celui qui se trouve actuellement dans notre dictionnaire, n'est-ce pas ? Et si ce n'est pas le cas, nous allons le garder. Nous allons créer un nouveau tableau avec l' élément conservé avec la tâche conservée, n'est-ce pas ? Mais quand cela va s' exécuter et que nous trouvons un ID égal à l'ID qui se trouve dans le dictionnaire des tâches, n'est-ce pas ? Ensuite, la fonction de filtrage le supprime simplement. Ça ne va pas être honnête, ce n'est pas comme si ça l'enlevait. Il ne sera pas ajouté à un dictionnaire de tâches nouvellement créé , comme nous venons de le dire ici. Notez que lorsque je retire cette partie, c'est plutôt cool. Lorsque nous faisons quelque chose comme ça, lorsque je rafraîchis notre page, remarque que rien ne se passe, n'est-ce pas ? C'est parce que, oui, je filtre le dictionnaire des tâches, mais nous n'avons pas impliqué le changement d'état, n'est-ce pas ? React peut modifier l'état du dictionnaire des tâches en utilisant cette fonction. Nous devons donc utiliser ce dictionnaire de tâches défini comme une fonction parce que nous l'avons accroché à cela Et maintenant, comme vous pouvez le constater, retrait est assez propre et facile. 132. nouvelle tâche - accéder aux formulaires en utilisant dom - formulaires non contrôlés: Bonjour, mon ami. Aujourd'hui, nous allons créer un texte d'entrée qui sera ajouté à la liste lorsque nous cliquons sur un bouton. Alors, comment pouvons-nous faire quelque chose comme ça ? Eh bien, nous sommes dans une liste non ordonnée, donc je pense que nous devrions mettre le bouton avant, non ? Et créons un bouton. Et appelons-le Ajouter une tâche, par exemple, n'est-ce pas ? Et quand je clique dessus, je veux ajouter la tâche. Cela va être fourni à partir d'entrées, n'est-ce pas ? Et ce type de saisie sera du texte, non ? Donc, à partir de là, quoi que je mette, je veux le faire ici. OK. Donc, la première chose à laquelle nous devons réfléchir est savoir comment accéder au clic sur le bouton de la tâche, n'est-ce pas ? Nous devons donc simplement utiliser le OnClick, à droite, car OnClick est l'attribut de réaction qui s'exécute lorsque l'on clique sur le bouton Et nous devons invoquer une fonction. Par exemple, manipulez à la tâche, n'est-ce pas ? Et nous devons le définir maintenant. Alors, manipulez à la tâche. Définissons-le. Et pour être honnête, la solution ici est plutôt bonne. Et oui, nous pouvons le garder et je vais vous expliquer comment il fonctionne. Donc, tout d'abord, nous avons ce qu'est une faction de flèches, et deuxièmement, il est très important que lorsque vous modifiez l'état de notre dictionnaire de tâches, nous devions utiliser la méthode du dictionnaire de tâches défini, n'est-ce pas ? Sinon, cela n'affectera pas l'état. Donc, les choses que nous voyons correctement sur notre page. Et la deuxième chose qui est très cool, c'est comme un raccourci pour mettre à jour cet état. Parce que vous voyez, nous avons ici quelque chose comme ça, gratuit, puis le dictionnaire des tâches. C'est vraiment du genre : « Hé, développez ce que nous avions dans le dictionnaire des tâches à cet endroit, n'est-ce pas ? Ensuite, lorsque vous voyez ici, comme vous pouvez le voir, nous avons une virgule, et nous avons une nouvelle valeur pour cet objet du dictionnaire des tâches, qui sera l'ID d' un V quatre nouvellement créé , notre identifiant unique et le texte ressemble, vous savez, à celui prédéfini Ce n'est donc pas comme si nous l'avions adopté d'une manière ou d'une autre. Donc pour l'instant, lorsque nous appuyons simplement sur la tâche, tout ce qui est saisi ici, même si ce n'est rien, nous allons le modifier, non ? Nous pouvons également désormais supprimer ce que nous voulons. Lorsque nous actualisons, nous revenons à l'état initial. Mais oui, nous pouvons maintenant ajouter quelque chose, mais ce n'est pas ce qui a été mis dans l'entrée. Et maintenant, c'est très important car, pour être honnête, nous passons conférences sur la façon d' opérer sur les formulaires dans React. Et il y a deux manières de le faire. Vous pouvez le faire en réagissant manière dont nous parlerons lors de prochaines conférences, n'est-ce pas ? Ou vous pouvez le faire à moitié. Il y a des avantages à le faire, bien sûr, en utilisant le React, car l'état des choses changera facilement. Mais si vous le faites en utilisant la métrique React, cela vous coûtera également du temps pour, exemple, écrire un code comme celui-ci. Mais voyons voir, comment résoudre un tel problème ? Eh bien, tout d'abord, nous devons réfléchir à la manière dont nous pouvons accéder à la valeur à partir de cette entrée, n'est-ce pas ? Eh bien, pour être honnête, nous pourrions utiliser ici, par exemple, identifiant et appelons-le, par exemple, une nouvelle entrée de tâche, n'est-ce pas ? Quelque chose comme ça, par exemple. Et cela signifie que, oui, nous pouvons accéder à cet identifiant où que nous décidions maintenant, n'est-ce pas ? Cela signifie donc qu'ici, nous pourrions facilement faire quelque chose comme, accédons au document getElement par identifiant Cette idée, tirons-en la valeur, non ? Alors maintenant, lorsque nous faisons quelque chose comme ça, comme vous pouvez le voir, nous ajoutons le texte qui se trouvait ici, n'est-ce pas ? Et après avoir ajouté ceci, eh bien, je pense que nous devrions aussi, oui, faire quelque chose comme ça. Donc, videz le texte qui a été saisi ici, non ? Donc, lorsque nous le faisons comme ça, comme vous pouvez le voir, nous pouvons à nouveau taper la valeur ici, n'est-ce pas ? C'est donc simple la solution la plus simple que vous puissiez faire, n'est-ce pas ? Pour des entrées très simples, cela peut suffire. Mais, vous savez, nous utilisons React parce que nous voulons que tout réagisse automatiquement aux états, n'est-ce pas ? Nous n'avons pas décidé d'entrer dans React pour écrire comme ça. Donc, dans les prochaines conférences, je vous montrerai comment le résoudre de manière réactive. Ce n'est qu'une leçon. Merci beaucoup. 133. useRef - accès/référencement du DOM: Bonjour, mon ami. Aujourd'hui, nous allons parler de ce que l'on appelle use ref. OK ? Mais avant d' entrer dans ce sujet, j'aimerais ajouter à la dernière conférence un peu plus d' informations sur les raisons pour lesquelles, vous savez, utiliser directement un modèle d'objet de document, comme nous l'avons fait ici, n' est pas non plus une bonne chose. Comme nous l'avons fait directement, nous avons préféré contourner le processus par défaut de mise à jour de l'état de notre application React utilise quelque chose, ce que l' on appelle un modèle d'objet de document virtuel, et c'est comme une copie de notre modèle d' objet de document actuel, n'est-ce pas ? Et quand il met à jour quelque chose dans ce modèle virtuel JC, il va comparer ce qu'il y a dans le virtuel, à ce qu'il y a dans celui que nous avons ici, n'est-ce pas Il va donc comparer les États, et si quelque chose change, alors nous en sommes conscients et nous ne changeons que ce dont nous avons besoin, n'est-ce pas ? Il pourrait donc arriver une situation comme ce comportement inattendu, n'est-ce pas ? Parce que React n'est peut-être pas au courant des modifications que nous avons apportées directement comme ça, n'est-ce pas ? Il se peut donc qu'il ne parvienne à mettre à jour correctement l'interface utilisateur. Il peut donc également y avoir des problèmes avec les rendus. C'est donc comme une vrille à éviter, non ? Tu ne devrais pas le faire de cette façon. Et nous pouvons l'améliorer un peu comme utiliser, disons, méthode semi-réactive pour accéder au modèle d'objet du document, mais en utilisant quelque chose, ce que l'on appelle use ref. Comment l'utilisons-nous ? Alors, comment utilisons-nous la référence ? Tout d'abord, c'est un crochet, donc nous devons accrocher ce truc à quelque chose, non ? Et ce quelque chose doit figurer dans notre modèle d'objet de document. Ainsi, par exemple, dans notre saisie, nous n'aurons plus besoin d'identifiant, mais nous aurons juste une référence à laquelle nous allons nous connecter. OK ? Bientôt, nous vous dirons comment cela fonctionne et ce qu'il fait exactement. Mais d'abord, nous devons l'accrocher, non ? Alors, comment allons-nous l'appeler ? Disons une référence de saisie de tâche, n'est-ce pas ? C'est ce qu'on appelle la référence parce que vous essayez d'y accéder, n'est-ce pas ? Faire référence à quelque chose signifie que vous essayez d'y accéder, n'est-ce pas ? Et maintenant, nous devons le spécifier , eh bien, crochet, non ? Donc, spécifions-le, par exemple, ici, et nous allons faire quelque chose comme ça, mais nous n'allons pas créer de référence, mais nous allons utiliser une référence, quelque chose comme ça. OK ? Nous n'avons pas besoin de passer ici ou quoi que ce soit d'autre, mais nous devons l'importer Alors ici, utilisez une référence, non ? Et oui, nous sommes juste accros, alors nous avons connecté cette variable Pour faire référence à cette entrée, n'est-ce pas ? En termes simples, référence d'utilisation vous permet de créer une référence persistante à un élément de document, à un objet ou à une valeur, et elle reste la même quel que soit le résultat aléatoire. C'est très important car cela n'entraîne pas le rendu du composant lorsque la valeur change. Lorsque l'état d'utilisation se produit, juste au moment où quelque chose change, qu' une chose est accrochée à une autre, le rendu se produit Dans ce cas, non, par exemple, lorsque nous avons assigné quelque chose comme ça à un champ de saisie et que nous l'avons accroché ici, cela nous donne un accès direct pour interagir avec le champ de saisie, par exemple en obtenant ou en définissant sa valeur sans avoir besoin d' utiliser l'état de réaction Bref, c'est comme dire : « Hé, tu te souviens de cet élément du modèle d' objet du document, n'est-ce pas ? Donc ce truc ou peut-être cette valeur. Permettez-moi d'y accéder chaque fois que j'en ai besoin, mais ne provoquez pas la mise à jour du composant pour cette raison. Donc, c'est une bonne chose, mieux que d'y accéder directement car il fonctionne dans le cycle de vie et l'écosystème de React, n'est-ce pas ? Cela permet donc de maintenir la logique des composants cohérente avec l' approche Rax, n'est-ce pas ? Il suit les principes de réaction, non ? Donc, d'abord, nous informons tout le monde que, oui, nous utilisons l' accès direct dans ce cas, n'est-ce pas ? Il y a des optimisations en coulisse, n' est-ce pas ? Et bien, le plus important est aussi que lorsqu'un composant est rendu, lorsque les états ou les accessoires changent par rapport à des composants entiers, par exemple, une liste de tâches, est-ce pas, la référence comme celle-ci ne sera pas perdue, n'est-ce Donc, il conserve, c'est pourquoi j'ai déjà dit qu'il conservait une référence persistante à l'élément de l'objet du document , donc c'est comme la méthode React pour faire les choses Et une fois que nous l'avons référencé, cela signifie que, oui, nous pouvons désormais y accéder n'importe où ici, directement dans ce composant, dans cette liste de tâches. Donc, dans notre cas, au lieu de modifier le texte de cette façon, nous pouvons, par exemple, passer à la tâche de manipulation, à droite, et créer, par exemple, une variable comme celle-ci. Nous créons donc une variable appelée nouvelle tâche, et nous faisons référence à la référence d'entrée de tâche, qui est présentée ici, n'est-ce pas ? Et nous y accédons à la valeur actuelle qui se trouve dans l'entrée, d'accord ? Et maintenant, nous pouvons utiliser ce truc pour mettre à jour, par exemple, le texte, non ? Ou nous pouvons également l'utiliser par la suite pour le mettre à zéro, n' est-ce pas ? Avons-nous besoin de cette variable ? Cela dépend vraiment du goût de la façon dont vous écrivez le code, n'est-ce pas ? Parce que, bien sûr, nous pourrions aussi l'écrire de cette façon et tout ira bien aussi. Cela dépend vraiment de la façon dont votre code sera développé ultérieurement, n'est-ce pas, du nombre de fois que vous allez l'utiliser. Mais ce truc a résolu notre problème. Comme vous pouvez le constater, oui, nous pouvons maintenant ajouter de nouvelles valeurs. Tout fonctionne parfaitement. C'est donc le moyen d'accéder directement à des éléments depuis votre objet de document, mais en utilisant l'écosystème React. OK ? C'est donc ce que vous devez retenir de cette conférence. Dans la prochaine conférence, je vous montrerai comment faire de telles choses, en utilisant la méthode React. 134. onChange - entrées contrôlées dans React: Bonjour, mon ami. Aujourd'hui, nous allons découvrir ce que l'on appelle le changement, et nous allons apprendre à créer des formulaires appelés formulaires d'état gérés. OK ? Cela signifie donc que l'état des formulaires, c'est-à-dire la façon dont les valeurs changent à l'intérieur de notre formulaire sont entièrement gérés par React, n'est-ce pas ? Donc, pour pouvoir le faire, nous devons d'abord créer un état pour chaque nouvelle tâche. OK ? Donc, lorsque nous allons ici, au lieu d'utiliser une référence, nous allons créer une variable constante que nous allons appeler nouvelle tâche, n'est-ce pas ? Créons une tâche définie, une nouvelle tâche, n'est-ce pas, et la valeur par défaut peut être comme un objet vide, n'est-ce pas ? C'est donc comme un objet qui va stocker nouvelle valeur de tâche qui sera insérée ultérieurement dans le dictionnaire des tâches, n'est-ce pas ? Et maintenant, nous devons changer cela chaque fois que quelque chose est introduit, lorsqu'il est introduit dans l'entrée. Donc, au lieu de le référencer comme ça ici, nous allons maintenant accéder à ce que l'on appelle changement, qui est comme quelque chose qui s'exécute tout seul, accord, lorsque l'état, lorsque la valeur de l' entrée est modifiée, d' accord, par l'utilisateur Et ici, comme vous pouvez le constater, la suggestion est parfaite. Pourquoi ? C'est parfait car nous avons une fonction RO qui, par défaut, prend un événement, car lorsque l'événement tel qu'il est inchangé s'est produit, nous avons un objet d'événement auquel nous pouvons accéder. Et à l'intérieur de cet objet d'événement, nous avons des propriétés telles que la cible et la valeur. Et cela revient stocker tout ce que nous avons mis ici dans nos entrées. Donc, chaque fois que je mets un nouveau personnage ici, je veux invoquer la nouvelle tâche définie, est-ce pas, qui est liée à une nouvelle tâche Et nous l'avons remplacée la nouvelle valeur qui a été mise ici par l'utilisateur, n'est-ce pas ? Donc, chaque fois qu'il y a un changement ici, je souhaite changer l' état de la nouvelle tâche. Et c'est pourquoi, eh bien, nous avons maintenant un état géré par réaction du texte dans notre entrée. Chaque fois que quelqu'un place quelque chose ici, l'état de la nouvelle tâche est modifié, automatiquement, ce qui signifie que nous pouvons désormais y accéder quand nous le voulons Par exemple, je ne veux pas accéder à la valeur contenue dans le handle at task. Accédons-y. Quand je veux vider après l'avoir utilisé, eh bien, nous devons utiliser set new task, non ? Parce que n'oubliez pas que nous n' accédons pas à quelque chose comme ça, jamais directement lorsqu'il est accro, n'est-ce pas Maintenant, lorsque j'ajoute une nouvelle tâche, vous pouvez voir qu'elle est en cours d'ajout, mais nous n'avons pas changé l' état ici. Pourquoi est-ce ainsi ? C'est parce que la valeur de notre entrée n'est pas définie sur la nouvelle tâche, n' est-ce pas ? C'est pourquoi nous devons changer la valeur en nouvelle tâche. Alors maintenant, la valeur actuelle correspond également ce qui est créé par React Component Faction, n'est-ce pas ? Avant de le faire dans un sens, non ? Donc, quand quelque chose est modifié manuellement par l'utilisateur, eh bien, nous changeons la valeur de la nouvelle tâche, n'est-ce pas ? Et plus tard, lorsque nous avons changé la nouvelle tâche définie en vide, oui, nous l'avons fait, mais nous n'avons pas changé la valeur d'entrée, n'est-ce pas ? Nous venons de modifier ce qui est conservé dans le nouvel état de la tâche. C'est tout. Nous n'en avons pas changé la valeur ici parce que ce n'était pas comme si vous l'aviez fait changer par React, n'est-ce pas ? Nous devons dire que, hé, la valeur est désormais toujours égale à la nouvelle tâche. Et à cause de cela, maintenant, lorsque j'ajoute une nouvelle tâche, comme vous pouvez le voir, notre entrée est également vide. C'est donc la solution qui ressemble maintenant à une vague de réaction professionnelle, n'est-ce pas ? Nous avons un formulaire géré par react chaque fois que quelque chose change par rapport au code, ici ou là, la réaction réagira pour cet état. J'aime bien utiliser le nom de réacteur parce qu'il montre pourquoi on l'appelle aussi tel quel, n'est-ce pas ? Il réagit automatiquement aux modifications. Ainsi, vous n'avez pas besoin de réfléchir plus tard lorsque vous implémenterez le composant Lorsque vous modifiez l'état à l' aide de la nouvelle tâche définie quelque part, vous ne vous souciez pas de mettre à jour la valeur, par exemple ici. Tu sais que ça va juste arriver, non ? Et, vous savez, les composants peuvent partager les états, non ? Vous pourrez même, par exemple, à l'avenir, en apprendre davantage sur ce que l'on appelle les bibliothèques d'états gérés. Et l'avantage de cette solution, c' est qu'elle est désormais universelle, n'est-ce pas ? Cela signifie que peu importe où vous changez d'état, réagissez bien en fonction de ce qui vient de se passer. Ce n'est qu'une leçon. Merci beaucoup. 135. onSubmit : comment créer des formulaires dans React ?: Bonjour, mes amis. Actuellement, lorsque nous tapons quelque chose et que je dois le saisir, que se passe-t-il ? Rien. C'est parce que la saisie n'est pas connectée à ce bouton. Cette balise HTML ne ressemble en rien à cette entrée, n'est-ce pas ? Nous avons vraiment tout connecté ici, non ? Une fois que quelqu'un a invoqué ceci, nous invoquons ceci et cela, non ? Mais pour être honnête, normalement, lorsque vous créez des formulaires, vous voulez avoir une fonctionnalité comme, par exemple, lorsque quelqu'un appuie sur Entrée, le bouton comme celui-ci, par exemple, est le bouton qui appelle la soumission, n'est-ce pas ? Il soumet les données ici et les données sont ajoutées. Vous pourriez, bien sûr, faire en sorte que votre application la détecte, saisisse, puis y réagisse, n'est-ce pas ? Mais cette implémentation de choses déjà implémentées dans HTML n'est pas nécessaire dans de telles situations, n'est-ce pas ? Alors transformons peut-être cela en un formulaire, non ? Nous avons un formulaire HTML qui demande normalement de l'action, mais dans notre situation, lorsque nous utilisons React, d'accord, nous avons quelque chose qui s' appelle un événement de soumission, d'accord ? Cela sera invoqué lorsque quelqu'un soumettra ce formulaire, n'est-ce pas ? Donc pour l'instant, nous pouvons simplement le déplacer ici, non ? Nous allons donc nous occuper de la tâche dès maintenant en utilisant le formulaire, pas en utilisant des boutons. Nous pouvons donc le supprimer. Mais remarquez que maintenant, lorsque je clique sur une tâche, il se passe quelque chose, c'est parce que le type du bouton est par défaut Soumettre, d'accord ? Mais c'est une bonne idée de, vous savez, préciser que ce bouton est destiné à la soumission. Je sais donc que ce bouton sera invoqué lorsque quelqu'un appuiera sur Entrée, n'est-ce pas ? Et maintenant, il y a un problème parce que quoi que je tape, nous pouvons voir que quelque chose essaie d'apparaître ici. Et quand je clique sur Attas aussi, c' est comme si tout était rafraîchissant, non ? Et, pour être honnête, oui, c'est ce qui se passe parce que par défaut, formulaire fonctionne de telle sorte que lorsque le formulaire est soumis, nous allons, euh, placer quelqu'un à un autre endroit où se trouve la prochaine étape de ce formulaire, n'est-ce pas ? Par exemple, nous allons montrer une recette ou nous allons montrer la trace de la commande ou quelque chose comme ça Mais dans notre cas, nous voulons rester dans cet endroit précis. Et pour rester dans cet endroit précis, lorsqu'un événement comme Oso Bid se produit, nous invoquons handle at task, n'est-ce pas ? Et le handle at task contient quelque chose, ce qu'on appelle un événement, d'accord ? J'ai fait quelque chose par erreur. Il a un événement l'objet qui vient ici automatiquement, et il a toutes les informations concernant ce qui a invoqué cet événement, n'est-ce pas ? Et nous pouvons, comme vous pouvez le voir dans la suggestion ici, faire quelque chose comme empêcher le comportement par défaut de l'événement d' envoi depuis le formulaire, c' est-à-dire, vous savez, rafraîchir la page. Si vous ne spécifiez pas, vous savez, la page où nous allons envoyer l'utilisateur, la page par défaut est la même. Nous empêchons donc simplement le comportement par défaut, non ? Alors maintenant, lorsque nous tapons quelque chose ici, comme vous pouvez le voir, nous ajoutons un nouvel élément à la fin, n'est-ce pas ? Nous pouvons également appuyer sur le bouton et cela fonctionnera également, mais nous n'allons pas être déplacés vers un autre site Web. Nous avons donc dû empêcher le comportement par défaut de l'événement provoqué par la soumission du formulaire. Et oui, en ce moment, nous venons d' implémenter assez facilement une action d'ajout en utilisant Enter, n'est-ce pas ? Nous n'avions pas besoin de faire tout cela manuellement. Notez également que nous pouvons maintenant ajouter une entrée vide. Et je pense qu'une telle chose devrait être évitée, non ? Alors, comment éviter une telle situation ? Nous pourrions donc faire quelque chose comme ça. J'aime bien cette suggestion parce que d'une manière ou d'une autre, il a réussi à savoir ce que je pensais. Alors maintenant, comme vous pouvez le voir, quand il n'y a rien, c'est vrai, cela ne sera pas ajouté. Nous avons donc simplement comparé la nouvelle tâche, donc la valeur de l'entrée. Au néant. Si ce n'est rien, nous n'allons pas invoquer le reste du code car lorsque la déclaration écrite est satisfaite, souvenez-vous que le JavaScript revient à exécuter cette fonction instantanément, n'est-ce pas ? Le reste du code ne sera donc pas du tout invoqué. C'est ainsi que nous l'avons fait, non ? 136. [EXERCICE] usageRéf - exemple pratique - recentrage: Bonjour, mon ami. Actuellement, lorsque nous tapons quelque chose ici, que se passera-t-il lorsque j'appuierai sur Entrée ? Remarquez que l'accent est de nouveau mis sur ce point. C'est parce que c'est la dernière entrée que nous avons utilisée. Mais que se passera-t-il si je tape quelque chose et que j'appuie manuellement sur la tâche ? Comme vous pouvez le constater, notre utilisateur doit maintenant cliquer manuellement ici, ce qui va lui prendre un certain temps, n'est-ce pas ? S'il est du genre, OK, je dois en ajouter un autre et un autre, non ? Nous devons toujours améliorer l'expérience utilisateur. Le comportement par défaut, je pense, devrait être du genre : « D'accord, revenons ici et concentrons à nouveau cette entrée ». La question est de savoir comment faire de telles choses, n'est-ce pas ? Nous avons un problème car comment faire référence à l'entrée ? Ceci est un exemple pratique montrant quand vous devez utiliser quel attribut, l'attribut J ici, n'est-ce pas ? Et nous pouvons l'appeler, par exemple, référence de tâche d'entrée, n'est-ce pas, et nous devons également la définir, n'est-ce pas ? Donc, ici au sommet, nous devrions faire quelque chose comme ça. Texte de saisie constant, référence, et nous devons utiliser ref. La valeur par défaut, car ici vous pouvez également envoyer une valeur par défaut, sera connue. Maintenant, en utilisant cela, nous pouvons accéder à nos entrées à l'heure que nous voulons. Mais la question qui se pose est comment aimons-nous recentrer les données ici OK, donc lorsque le handle de la tâche est invoqué, c'est le moment où nous voulons nous recentrer, n'est-ce pas Cela signifie donc que cela devrait se passer ici, non ? Donc, après avoir empêché le comportement par défaut, nous devrions nous recentrer, non ? Je pense donc qu'à cet endroit, nous devrions accéder à notre référence de tâche d'entrée, et maintenant accéder à la référence actuelle. Et notez qu'après cela, nous avons ici une méthode appelée focus, qui va simplement la recentrer sur cette entrée Alors maintenant, quand je fais quelque chose comme ça, remarque que le focus est toujours là, non ? Donc on revient toujours à cet endroit, non ? De plus, si vous voulez vous concentrer sur l'automatique lorsque notre page est chargée, est-ce pas, parce que je rafraîchis en arrière-plan, vous pourriez l' utiliser, mais non, ce n'est pas une bonne idée, car pourquoi créer un code pour cela alors est pas une bonne idée, car pourquoi créer un code que nous avons un bon attribut pour une situation spécifique comme celle-ci ? C'est ce qu'on appelle la mise au point automatique, non ? Ainsi, lorsque vous ajoutez un attribut comme celui-ci, maintenant, lorsque j'actualise, comme vous pouvez le voir, le focus est automatiquement mis en évidence. Mais n'oubliez pas que ce truc fonctionne quand il fonctionne lorsque la page est chargée, n'est-ce pas ? Comme vous pouvez le voir maintenant, cela ne fonctionne pas, n'est-ce pas ? C'est donc la première fois que quelqu'un charge notre application. Mais ensuite, si vous souhaitez vous concentrer sur une partie de votre application après une action telle que, par exemple, la gestion de l'annonce de tâches, n'est-ce pas ? Ensuite, vous devez le faire manuellement. Nous pouvons donc clairement voir maintenant que oui, il existe des situations dans lesquelles vous devez utiliser les attributs use ref et ref, n'est-ce pas ? Parce que l'État dans cette situation serait comme les deux. Que devons-nous faire avec l'État dans ce cas ? Ce serait même comme si vous saviez que ce serait stupide de l'utiliser ici, n'est-ce pas ? Nous n'avons pas besoin de partager l'état d'avancement de l' ensemble de notre application, n'est-ce pas ? Il y a donc des situations où vous souhaitez utiliser sref, non seulement pour l'optimisation, mais aussi pour quelque chose de simple comme ça, n'est-ce Ce n'est pas comme si cela existait uniquement pour permettre des choses qui ne sont pas , vous savez, pour les personnes qui ne respectent pas les règles, n'est-ce pas ? OK, ce n'est que la leçon. Merci beaucoup 137. sort() - comment trier la liste ?: Afin de trier nos tâches mises à jour, nous devons invoquer une fonction appelée sort. Et comme vous pouvez le constater, nous avons maintenant une suggestion de l'IA qui vous permet de trier selon ce que l' on appelle des identifiants, n'est-ce pas ? Mais ce n'est pas ce que nous voulons, n'est-ce pas ? Nous ne voulons pas trier par identifiant, c'est vrai, mais nous voulons trier par texte car nous avons ici l'identifiant et le texte appropriés. Donc, au lieu de cela, nous voulons le faire. Maintenant, lorsque nous ajoutons ici une nouvelle valeur, comme vous pouvez le voir, parce qu'elle a commencé par A, c'est un di start. Nous avons donc A, B, CD. Donc, tout fonctionne comme nous le voulions, quand nous mettons quelque chose comme ça, comme vous pouvez le voir, cela fonctionne bien. La question est de savoir pourquoi cela fonctionne bien. Alors maintenant, je vais vous révéler un secret sur la façon dont je travaille avec le tri. Vous pourriez dire : « OK, je dois comprendre ce qui se passe en arrière-plan, n'est-ce pas ? Mais pour être honnête, je préférerais vraiment qu'il y ait une telle fonction. Je souhaite tout trier par ordre croissant, et je voudrais le trier en fonction de la valeur du texte de propriété à partir d'ici C'est tout, non ? Ce serait cool, non ? Et pour être honnête, quand vous liriez ceci, tout irait bien, c' est compréhensible. Nous sommes donc actuellement à l'ère de l'intelligence artificielle. Donc perdre votre temps précieux à comprendre pourquoi cet endroit ressemble à ça, et il va avoir l'air un peu différent, vous savez, en triant différemment parce qu'il existe de nombreuses façons de trier, n'est-ce pas ? Je vous en prie, ne le faites pas. Vous aimez la vie, non ? Parce que si je décide de trier maintenant par ordre décroissant du monde, par exemple, je vais faire exactement comme ça Je viens donc d'invoquer mon intelligence artificielle en utilisant Control plus I, et je veux les trier par ordre décroissant OK, donc je dois d'abord mettre B puis A. Donc maintenant, comme vous pouvez le voir, quand je mets quelque chose ici, c'est maintenant par ordre décroissant, non Dois-je m'en souvenir ? Dois-je le comprendre ? Ce n'est pas vraiment crucial pour obtenir le résultat de la création d' un programme fonctionnel, n'est-ce pas ? En tant que programmeur, vous devez plutôt comprendre choses comme la logique, comment tout est mis les uns après les autres, pourquoi vous devez parfois optimiser ou non. Quels sont les moyens de créer un code désorganisé, etc. ? Vous avez une idée que vous souhaitez mettre en œuvre, n'est-ce pas ? Vous commandez donc dès maintenant à l'intelligence artificielle, que faut-il faire dans un endroit précis comme celui-ci ? Pourquoi s'embêter à comprendre exactement cette partie, non ? C'est donc mon secret pour vous parce que, pour être honnête, j'oublie parfois ce genre de choses. C'est peut-être parce que j'ai le TDAH. Mais je programme depuis plus de 20 ans, croyez-moi. Et même si je le faisais sans IA auparavant, j'utilise parfois TGOflow Parfois, j'utilise Goo Good parce que je me disais C'est ennuyeux ». Je l'ai déjà appris une fois, mais je ne l'ai pas utilisé , par exemple, depuis, je ne sais pas, un mois et je me dis : «   OK, donc je dois le refaire ». Je me dis, je ne me souviens pas exactement si dans ce langage de programmation en particulier, cela devrait être fait de cette façon ou de cette façon, parce que le plus stupide, c'est que chaque implémentation du tri sera différente pour Ce truc va être qualifié de différent. Il se peut que ce soit un accès différent. Il peut y avoir différentes invocations. C'est comme si j'étais un programmeur qui passait d'un langage à l'autre, par exemple, mais pour être honnête, peu m'importe le type de langage j'utilise, car je peux m' adapter instantanément à n'importe quel langage de programmation, adapter instantanément à n'importe quel langage de programmation car ils sont tous identiques pour moi. À cause de la façon dont fonctionne mon esprit, non ? Parce que je ne me soucie pas exactement de la façon dont cette partie est réalisée en arrière-plan, n'est-ce pas ? Mais je veux juste avoir un effet qui fonctionne conformément à ce que je veux, non ? C'est une information très cruciale, surtout de nos jours, car certaines personnes perdront votre temps précieux à comprendre des parties comme celle-ci, d'accord ? Et non, c'est peut-être l'ancienne méthode utilisée pour avoir besoin de savoir ce genre de choses. Mais aujourd'hui, vraiment ? Il vous faudrait, par exemple, le mémoriser ou le comprendre, et vous perdriez mémoriser ou le comprendre, , par exemple, 1 heure, peut-être 2 heures pour cette partie, et si vous ne l'avez pas utilisée depuis un certain temps, vous allez l' oublier à nouveau et vous serez simplement confus. Pourquoi y a-t-il tant de choses à mémoriser, n'est-ce pas ? Je sais donc que cette conférence ne devrait pas être si longue, mais j'ai vraiment l'impression que les gens ne changent pas avec le temps par rapport à ce qui se passe dans le monde actuellement, n'est-ce pas ? Donc oui, vous devez comprendre tout ce que j'ai dit dans ce cours jusqu' à présent, afin de savoir comment développer des applications. Mais des pièces comme ça, s'il vous plaît, c'est une solution instantanée, quel que soit le modèle d'IA. Ce n'est qu'une leçon. Merci beaucoup 138. [EXERCICE] Comment créer un bouton de tri basculant asc/desc ?: Bonjour, mon ami. Aujourd'hui, nous allons créer un bouton permettant changer l'état de tri de notre liste Ensuite, quand vous pensez à l'état, donc quand vous dites « OK, je veux changer l' état de quelque chose », cela signifie que nous sommes en train de créer une connexion, un hook in re. Hein ? La première étape pour nous sera donc de créer une variable constante que nous appellerons direction de tri, et nous avons besoin pour cela d'un setter Et oui, le comportement par défaut est de le demander par ordre croissant, non ? Nous allons, genre, passer de l'un à l'autre. Demandez et entre les modes d'envoi. Ensuite, nous devons créer un bouton qui représentera la lutte. Nous devons donc créer un bouton pour cela. Comme vous pouvez le constater, la suggestion ici est parfaite. C'est pourquoi j'aime utiliser saisie semi-automatique comme celle que nous avons ici C'est donc comme créer une condition à l'intérieur. Cela vérifie l'état actuel de la direction du tri, car l'état actuel est ask, n' est-ce pas, car il s'agit de la valeur d' Nous allons le mettre ici par ordre décroissant, non ? Sinon, c'est ascendant Il va donc basculer dès que je clique dessus. Bien sûr, nous devons nous en occuper, mais cela va simplement changer. OK. C'est donc un appel, mais nous devons maintenant nous en occuper. Donc, au clic, nous devons invoquer quoi ? La fonction de tri des poignées que nous devons maintenant spécifier. OK, donc ça va être spécifié ici handle sort. OK ? Je vais terminer comme ça. Et c'est le moment de faire le tri. Nous pourrions le faire comme cela est suggéré, mais je vais vous montrer quelque chose de cool. Donc, dans un premier temps, je vais créer une zone temporaire triée par tâches. OK ? Et maintenant, nous pouvons voir un problème qui n'est présenté qu'aux personnes qui comprennent ce qui se passe. Comme vous pouvez le constater, la première suggestion est la suivante. Est-ce que ça va ? Ou peut-être devrions-nous le faire comme pour la deuxième suggestion. est normal, avec des personnes qui ne comprennent pas le contexte, cela pourrait simplement se produire. Tout fonctionne bien, non ? Mais non, non, non. Il y a certains concepts que vous devez comprendre dans les coulisses en tant que développeur de React, comme quoi ? Pourquoi c'est faux ? Vous êtes peut-être en train de réfléchir. Parce que la fonction SORT affecte vraiment l'état initial de qui est accro à un dictionnaire de tâches défini, parce que SRT travaille sur le tableau similaire d'origine, n' Et il va le remplacer. OK ? C'est ce qui fait la différence. Ici, nous pourrions le faire car nous travaillons sur une tâche mise à jour temporaire. Nous n'avons pas travaillé sur le tableau de diction des tâches, n'est-ce pas ? Mais ici, nous ne pouvons pas faire quelque chose comme ça, car n'oubliez vous ne pouvez modifier et réagir à votre état d' accrochage qu' en utilisant la méthode spécifiée ici C'est pourquoi nous devons utiliser la deuxième suggestion, qui consiste d'abord à en faire une copie. Il s'agit en fait extraire l'intégralité du dictionnaire fiscal et d'en créer une copie ici, puis nous en trions une copie C'est très important, totalement différent de ce que nous avions auparavant. Voyons s'il existe également d'autres méthodes de tri, car vous pouvez voir que vous pouvez facilement voir les suggestions ici. Mais pour être honnête, c'est ce que nous pouvons faire de toutes ces manières, n'est-ce pas ? Mais je pense que nous devrions d'abord vérifier si nous voulons le rendre ascendant ou non Ah oui, c'est la solution que j'aime bien. Donc, si nous faisons de l'ascendant, nous allons procéder de cette façon Sinon, nous voulons passer de A à B, de B à A , et je pense que ça va être cool. Donc, c'est maintenant quelque chose que nous voulons définir ici, définir le dictionnaire des tâches, n'est-ce pas ? Et aussi, oui, nous voulons définir le sens du tri. Nous voulons, par exemple, l'inverser. Comme vous pouvez le constater, cette saisie semi-automatique avec une personne qui sait également coder est vraiment géniale, non Parce qu'elle vous permet de repérer les erreurs, si vous comprenez le processus, mais aussi d'utiliser l' IA à votre avantage, n'est-ce pas ? Je pense donc que c'est plutôt génial. 139. Pourquoi refactorisons-nous le code ? Comment le faire ? Une astuce pour le faire plus rapidement: Bonjour, mes amis. Aujourd'hui, nous allons parler de refactoring, c'est-à-dire de modification de l' organisation de notre code Parce que, pour être honnête, écoutez, nous avons toutes les applications dans une seule fonction en ce moment. Et à l'intérieur de celui-ci, le composant est actuellement responsable de nombreuses choses, comme, par exemple, l'ajout de nouvelles tâches, tri, l' affichage des éléments. C'est juste trop, d'accord ? Ce n'est pas ainsi que nous devrions écrire des programmes dans React. Pourquoi ? Parce que, pour le moment, nous ne pouvons pas corriger le formulaire sans toucher à la liste, par exemple, n'est-ce pas ? Nous nous demandons : « Où est-ce ? Nous en avons besoin C' est comme si tout était au même endroit, non ? Ce n'est donc pas comme si nous pouvions réparer une partie de notre ego, par exemple, n'est-ce pas ? Nous devons tout reconstruire car tout se trouve au même endroit. n'y a pas un seul programme puisse se concentrer là-dessus, le second sur cela. Ce n'est pas comme si vous regardiez une seule chose et d'accord, c'est ici, c'est ici, alors c'est ici. Comme vous pouvez le constater, en ce moment, nous avons tellement d'états ici, tellement de fonctions, et aussi ici, c'est un peu encombré, Il n'est donc pas facile de réutiliser nos pièces ailleurs, n'est-ce pas ? Si nous avions décidé, par exemple, pouvoir afficher un élément de tâche dans une autre liste comme celle-ci, nous aurions dû réécrire notre code, par exemple, n'est-ce pas ? C'est pourquoi vous devez diviser les composants grande taille en composants plus petits. C'est l'une des raisons, d'accord ? Nous en reparlerons également plus tard quand nous aurons fini de le diviser, d'accord ? Mais c'est, je pense, le plus crucial à première vue. Alors, comment partager les choses comme ça ? Nous avons deux façons de procéder. Et partons d'abord de ce que je pense être le plus facile à partager, d'accord ? Et je pense que nous allons commencer par le bouton de tri, d'accord ? Donc à partir de ce truc, d'accord ? Je veux le diviser en un composant. Alors, que dois-je faire ? Eh bien, je pense que nous allons créer un composant à l'avenir que nous appellerons bouton de tri, par exemple, n'est-ce pas ? Donc, ce truc sera chargé de bouton de tri, d'accord ? Et à l'intérieur du bouton de tri, mais ça va être comme ça. Je veux donc juste avoir un bouton de tri ici. Et nous devons, par exemple, envoyer la directive depuis Codium selon laquelle la saisie semi-automatique se trouvait ici Nous voulons donc envoyer la direction du tri, non ? Et nous devons également, oui, spécifier ce qui doit se passer lorsque le tri a lieu, n'est-ce pas ? Nous devons donc envoyer une fonction au prop sort. Notez donc que nous avons une direction et un tri. Et ce sont de bons accessoires. Nous en avons parlé il y a longtemps, non ? Vous pouvez donc envoyer n'importe quel état, est-ce pas, deux composants différents. Et aussi, comme vous pouvez le voir, vous pouvez envoyer une fonction au composant, n'est-ce pas ? OK. Et après avoir envoyé ceci et cela, nous devons, vous savez, décider quoi faire et quoi afficher, n'est-ce pas ? Donc, ce que nous faisons ici, nous allons le faire dès maintenant, dans notre base de tri. Maintenant, nous avons deux choses que nous pouvons faire. Nous pouvons créer un fichier séparé pour le bouton de tri, ou nous pouvons créer un composant ci-dessus pour le bouton de tri. Maintenant, je vais vous dire quel est le meilleur moyen et quand. Je commence presque toujours à créer des choses comme ça dans le même composant qui contient des composants connectés les uns aux autres. OK ? Et la suggestion ici est parfaite car nous créons une fonction, n'est-ce pas ? Cela nécessite deux propriétés, la direction du tri et le tri, et maintenant nous pouvons faire des choses avec cela. Et pourquoi est-ce que je fais toujours ça ici ? Je le fais ici parce que parfois les composants ne seront jamais réutilisés, d'accord ? Cela peut arriver, et pour être honnête, c'est très fréquent. Et maintenant, imaginez que votre candidature soit très volumineuse. Et si vous décidez de créer un composant pour tous les éléments similaires possibles de votre application, votre système Pi sera difficile à entretenir, n' est-ce pas ? C'est donc un inconvénient. Et en plus de cela, chaque fois que vous voulez, vous savez, rechercher le code connecté au composant qui contiendra, par exemple, d'autres composants. Tu dois sauter entre le FIS et, pour être honnête, je trouve ça improductif, Mais si vous travaillez sur un très gros projet avec de nombreuses personnes, c' est peut-être la voie à suivre. Mais la plupart du temps, il n' est pas nécessaire de le diviser en PI, sauf si vous voyez une possibilité du genre : «   D'accord, je dois avoir ce bouton de tri dans un autre composant parce que j'ai des boutons de tri pour de nombreuses choses différentes, par exemple, n'est-ce pas Alors oui, faites-le instantanément. Sinon, gardez-le dans 15 parce que j' aimerais également ajouter que, vous savez, si vous décidez que cela doit être dans un fichier séparé, combien de temps cela prendra-t-il ? Il vous suffit de transférer le code d'ici vers un autre fichier et de le placer dans un fichier séparé. Vous pouvez désormais réduire ce composant n'importe où. Donc c'est comme ça que je fais les choses. Cela dépend vraiment de l'entreprise. Vous devez suivre les règles qui s'y trouvent. Mais si vous développez vous-même des choses, je pense que si vous décidez de créer un fichier différent pour chaque composant au cas où, vous allez perdre beaucoup de votre temps précieux, n' est-ce pas ? Ce n'est tout simplement pas nécessaire. OK, alors maintenant nous avons un composant ici, non ? Et pour être honnête, nous devons maintenant faire ce que nous faisions auparavant. Donc avant de faire quelque chose comme ça, non ? Mais parce que je l' ai copié d'ici, non ? Mais au lieu d'utiliser directement le type handle tri, car nous n'y avons pas accès depuis cette fonction particulière, n'est-ce pas ? devons-nous faire ? Nous devons, exemple, utiliser la fonction qui a été envoyée ici. Le nom de cet accessoire est le même qu'avant, nous pouvons donc simplement le conserver Et notre code devrait fonctionner maintenant, mais comme vous pouvez le voir, nous ne pouvons pas voir le bouton. C'est parce que j'ai remarqué que nous utilisons JSX ici, mais que nous ne l'avons pas renvoyé, n'est-ce Nous devons donc rendre ce que nous avons fait ici, non ? Maintenant, comme vous pouvez le voir, nous pouvons utiliser notre code comme avant, mais nous avons divisé un seul composant Et maintenant, je vous montre une sorte de raccourci pour écrire ce composant, d'accord ? Parce qu'il existe un moyen de ne pas avoir à revenir pour des composants simples comme ce JSX Tout ce que vous avez à faire est de supprimer cette partie, et au lieu d' utiliser des crochets ici, nous allons utiliser uniquement des parenthèses Et comme vous pouvez le voir, cela fonctionne toujours bien, non ? C'est comme une version courte. Je trouve ça plutôt cool parce que bon, écrire return puis ajouter des parenthèses, ça prend aussi du temps J'aime les versions courtes, qui sont également plus faciles à lire dans une situation comme celle-ci. Ça fait partie de la leçon. Dans les prochaines conférences, je vous montrerai comment diviser les composants d'autres composants, et vous pourriez également essayer de le faire vous-même, est-ce pas, pour faire de l'exercice. 140. [EXERCICE] - Refactoriser la composante d'un élément de tâche: Bonjour, mon ami. Aujourd'hui, c'est un exercice que vous pouvez essayer de faire vous-même. Je veux que vous divisiez cette partie de votre code en un autre composant qui appellera un élément de tâche, et il sera chargé de gérer le rendu d'une tâche individuelle, n'est-ce pas ? Parce que la liste des tâches est comme un composant qui gère actuellement tous les mini-composants. Mais l'élément de tâche est uniquement chargé d' afficher les éléments de tâche. Vous pourrez par exemple réutiliser ce composant ultérieurement si vous souhaitez dans une autre liste, par exemple. Vous pouvez donc créer ce composant distinct ou à l'intérieur du composant de la liste des tâches dès maintenant, et à l'avenir, vous pourriez le placer dans une autre phase. C'est ainsi que vous procédez, comme je l'ai dit dans la conférence précédente. Mais pour le moment, essayez simplement de le diviser. Je vais vous montrer comment faire. Mais essayez de le faire vous-même , car c'est un excellent exercice. Alors, comment aborder un tel problème ? Tout d'abord, nous pouvons commander ce que nous avons ici, pour voir ce que nous avions avant, n'est-ce pas ? Et maintenant, ce qu'il faut faire. Nous devons, par exemple, créer un composant, qui sera appelé élément de tâche, n'est-ce pas ? Et nous devons décider quoi lui envoyer. Oui, nous avons besoin d'une clé, car sans clé, nous ne pourrons pas identifier des objets spécifiques. Nous avons besoin d'une tâche, et nous devons également envoyer une fonction pour supprimer une tâche spécifique, n'est-ce pas ? Et toutes les autres choses, comme ID de tâche, se trouveront désormais dans l'élément de tâche, nous pouvons donc facilement utiliser toutes les informations pour faire cette partie ici. Alors décommentez-le, coupez-le, et nous aurons prêt à utiliser le composant ici, mais nous ne l'avons pas encore utilisé Notez également que la clé n'est pas celle que nous avons envoyée au composant de l'élément de tâche. C'est ce que nous avons envoyé sous forme de sondes, mais la clé n'est qu'une propriété. Ce ne sont pas des sondes. C'est un attribut qui est utilisé dans React pour spécifier la clé, l'unicité d'un élément spécifique, comme, par exemple, un élément de tâche ou un formulaire ou autre chose, n'est-ce pas ? Cela n'a donc pas été envoyé à l'élément de tâche. C'est comme : « Hé, nous avons spécifié la clé ici, mais ici nous avons le reste, non ? OK. Maintenant, je pense qu'il faut faire comme avant. Nous allons donc spécifier notre élément de tâche à l'intérieur. Il nous suffit donc de créer un élément de tâche, n'est-ce pas ? Et oui, la suggestion est bonne parce que le A que j'ai vu que nous avons décidé d'utiliser la syntaxe de la conférence P précédente, et nous devons maintenant coller ce que nous avions auparavant, d'accord, comme ça. Et maintenant, la tâche est déjà correctement utilisée ici, mais nous n'avons pas besoin de définir la clé pour le moment car la clé a déjà été définie, n'est-ce pas ? La clé n'est donc pas nécessaire ici. Et oui, nous avons du texte affiché et ensuite, nous avons un modèle qui, au clic, invoque la fonction de suppression avec l' ID de tâche venant d'ici, n'est-ce pas ? Et maintenant, lorsque nous allons ici, comme vous pouvez le voir, lorsque nous ajoutons une tâche, lorsque nous la supprimons, quelque chose ne fonctionne pas. Pourquoi ça ? Ouvrons la console, cliquez ici et voyons le message d'erreur. Comme vous pouvez le voir, cela indique que supprimer n'est pas une fonction chez onclick, et c'est vrai car nous l'avons appelée ici n remove task Alors peut-être que nous allons le changer pour le supprimer. Et maintenant, comme vous pouvez le voir, cela fonctionne comme avant, comme prévu, n'est-ce pas ? Pour diviser les composants, il vous suffit de vous souvenir de ce que vous devez leur envoyer, n'est-ce pas ? Quel genre d'accessoires. Et puis affichez simplement ce qu'ils ont affiché auparavant. 141. REFACTEUR : TaskForm: Bonjour, mon ami. Aujourd'hui, nous allons scinder ce que l'on appelle un formulaire en un autre composant. Nous allons donc créer un nouveau composant responsable en utilisant le présimple responsable unique pour gérer uniquement la saisie et la logique de soumission des formulaires, n'est-ce pas ? Cette partie de notre code doit donc être déplacée dans un autre composant. Comment l'aborder ? Eh bien, nous devons créer un nouveau composant. Disons que nous allons l'appeler formulaire de tâches, d'accord, comme ceci. Et nous devons maintenant décider quoi envoyer à ce formulaire de tâches, car vous voyez qu'il y a un problème. Le problème est que nous utilisons réellement une fonction, comme, par exemple, handle at task. Cela fonctionne sur définir le dictionnaire des tâches, définir une nouvelle tâche. Cela fonctionne sur la référence de tâche d'entrée. Waouh, c'est aussi un peu comme si nous travaillions sur quelque chose qui se trouve à l'intérieur de ce formulaire, n'est-ce pas ? Cela va donc être un peu différent. Alors restez avec moi. Supprimons donc ceci et l'approche que nous allons adopter est de créer un accessoire, accord, que nous allons appeler handle at task Nous n'allons pas faire ce qui est suggéré ici, mais nous allons simplement créer un handle at task. Donc, la seule chose que nous allons envoyer dans notre situation sera cette fonction ici, d'accord ? Rien d'autre Et sur cette base, nous devons décider comment bien écrire, notre nouveau composant, n'est-ce pas ? Alors allons-y et tapons le formulaire de tâche, non ? Et oui, égal à égal, on l'appelle ? Non, nous l'avons appelé différemment sur AT task. Comme ça. Et, vous savez, le problème est que nous devons maintenant utiliser des crochets C'est parce que nous devons maintenant rendre ce que nous avons fait avant, donc ça, non ? Et aussi, nous devons, genre, faire certaines choses ici. C'est parce que nous devons accéder à des éléments contenus dans nos balises HTML, comme les balises fiscales, qui proviennent réellement du parent du formulaire de tâches. Et c'est un peu problématique. Comment le résoudre ? Et n'oubliez pas non plus que le formulaire de tâches doit être responsable des éléments liés au formulaire de tâches. Disons que nous avons ici une nouvelle tâche. Pensez-vous que nous devrions l' avoir dans la liste des tâches ? Comme la logique responsable de la création d'une nouvelle tâche. Non, allons-le vers le haut, d'accord ? C'est la première chose que nous devons changer, n'est-ce pas ? OK, la deuxième chose dont nous avons besoin, c'est de remarquer, eh bien, nous allons où est-ce ? Désolée Entrée, non ? Entrez la référence de tâche. Ce n'est pas nécessaire pour le moment ici, donc nous devons le déplacer ici, d'accord ? Alors, qu'est-ce qu'il y a d'autre à faire ? Lors de la soumission. Nous en sommes à la soumission, et je pense que nous devons maintenant écrire notre propre fonction pour gérer la soumission, qui basera une partie de soumission sur la fonction envoyée ici. D'accord, je sais que c'est un peu compliqué pour le moment, mais je pense que c'est une bonne idée Je vais bientôt vous montrer pourquoi il en est ainsi, d'accord ? Ici, nous utilisons set new task, que nous avons ici en ce moment. Nous l'avons. D'accord ? Nous devons donc, du genre, vérifier ce que nous avons et ce que nous n'avons pas. Donc, une nouvelle tâche, oui, elle est là. Nous devons créer une fonction appelée handle submit. OK, c'est ça. Et maintenant, nous devons décider quelles parties doivent figurer dans le formulaire de tâche, n'est-ce pas ? Donc, lorsque nous gérons la soumission en ce moment, certaines parties comme celle-ci que nous avons faite ici sont vraiment liées à la gestion du bouton de soumission, n'est-ce pas ? Nous voulons donc empêcher le comportement par défaut de l'ensemble de notre application. Nous voulons nous concentrer sur la référence à la taxe sur les intrants, d'accord ? C'est bon Et si rien n'est mis, arrêtons-nous, d'accord ? Et maintenant, c'est crucial pour comprendre ce qui va se passer. Notez que la suggestion ici est parfaite car nous voulons utiliser pour ajouter une tâche spécifique, quelle fonction a été envoyée au formulaire de tâches, n' est-ce pas ? De cette façon Ensuite, réglez la valeur de l'entrée sur zéro, n'est-ce pas ? Mais lorsque nous passons à ce truc directement à la tâche, alors remarquez que nous sommes là, nous envoyons déjà un descripteur à la tâche, n'est-ce pas ? Donc ceci et remarquez qu'ici, nous avons une fonction qui a un événement ici, et ce n'est pas ce que nous avons ici, n'est-ce pas ? Qu'avons-nous envoyé ici en utilisant la nouvelle tâche ? Nous avons vraiment envoyé la valeur actuelle de cette entrée, n'est-ce pas ? Appelons-le donc, par exemple, nouvelle tâche, droite ou nouveau texte de tâche. C'est à vous de décider car vous êtes comme celui qui dit comment la variable cod va être appelée. Et n'oubliez pas qu'il ne s'agit pas événement cette fois, car le handle at task n' est pas invoqué automatiquement lorsque l'événement de soumission se produit, n'est-ce pas ? Actuellement, c'est notre propre accessoire, non ? Donc, la valeur ici est vraiment celle qui vient d'ici, n'est-ce pas ? D'accord. Nous pouvons donc appeler cela une nouvelle tâche, peut-être pour que tout reste pareil, non ? Et oui, vous mettez à jour les tâches. Et oui, c'est notre responsabilité car nous sommes dans la liste des tâches, n'est-ce pas ? C'est une bonne chose. Maintenant, nous sommes en train de tout trier. Oui, c'est bien aussi. Et nous sommes en train de définir un nouveau dictionnaire des tâches. Et cette partie va être supprimée car liste des tâches n'est plus responsable de quoi ? Pour avoir défini la nouvelle entrée de tâche sur zéro, n'est-ce pas ? D'accord. Et oui, je pense que ça devrait fonctionner. Essayons-le. Comme vous pouvez le voir, nous venons d' ajouter tout ce que nous ajoutons ici, il sera ajouté. Nous pouvons également faire le tri. Tout fonctionne donc comme avant, mais nous avons maintenant partagé les responsabilités Et maintenant, après cette conférence, vous vous demandez peut-être si vous devez partager les choses comme ça, n'est-ce pas ? Vous voyez, cela dépend vraiment du projet, non ? Parfois, il est facile de tout mettre dans un seul composant et, vous savez, de terminer. Si vous écrivez quelque chose très rapidement, si vous pensez qu'il s'agit d'un petit projet, vous voulez juste vous amuser. Conservez-le dans un seul composant. C'est ton travail, non ? Mais si vous travaillez avec d'autres personnes, il vaut mieux, vous savez, commencer à réfléchir à la manière répartir les responsabilités, n'est-ce pas ? Parce qu'à l'heure actuelle, chaque composant est plus petit et plus facile à comprendre. Je sais que cela peut vous sembler étrange en ce moment lorsque vous vous occupez de refactoriser tout ce qui est plus facile à comprendre Mais c'est parce que nous écrivions le code dans un, vous savez, un gros composant auparavant. Pendant longtemps, c'est vrai, tu t'y es juste habitué. Mais si vous aviez un programmeur qui n'a jamais vu ce code, n'est-ce pas, et qu'il a vu ce gros composant avec tout ce qu'il contient, il serait encore plus confus à l'idée de voir les choses comme ça. D'accord ? Alors pense plutôt de cette façon, d'accord ? Vous préférez, vous savez, travailler avec d'autres personnes à l'avenir. Ainsi, lorsque vous souhaitez modifier quelque chose comme une fonctionnalité, telle que le style du formulaire, vous n'affecterez pas les autres composants, et vous savez que vous ne pouvez vous en tenir qu'à cet endroit pour faire des choses concernant le formulaire, n'est-ce pas ? Parce que c'en est la responsabilité. De plus, il existe quelque chose de bien appelé test, et cela devient simple si les composants se concentrent sur une seule chose, n'est-ce pas ? Vous pouvez tester chaque composant individuellement. De plus, lorsque vous divisez les éléments comme nous le faisions actuellement, il y aura des optimisations en arrière-plan lors du rendu du modèle d'objet de document virtuel dont nous avons parlé précédemment Donc, avant d'avoir un gros composant, chaque fois que quelque chose changeait, concernant le formulaire de tâche, le bouton de tri , l'élément de tâche, toute cette fonction avec toutes les instructions devait être exécutée et le dôme virtuel devait être changé. Et ensuite, s'il y avait un changement réel dans l'état, ce qui est visible pour l'utilisateur, alors le changement était appliqué. Mais oui, toutes ces choses ont été exécutées à chaque rendu. Ce n'est vraiment pas le cas, quelque chose dont vous devez vous inquiéter dans les petites applications, mais dans les plus grandes, cela devient problématique, n'est-ce pas ? Donc, à l'heure actuelle, parce que nous avons tout divisé, cela signifie qu' il peut y avoir une sorte d' optimisation en arrière-plan Supposons que lorsque le nouvel état de la tâche change, seul le formulaire de tâche s'affiche , n'est-ce pas ? Ce n'est pas la liste complète des tâches. Hein ? Vous pourriez encore mieux l' optimiser à l'avenir en utilisant la mémorisation que vous pourrez découvrir Ou peut-être que dans le futur React, cela se fera automatiquement pour vous parce qu'il y aura quelque chose de bien, cela s'appelle un compilateur dans React. Mais oui, il existe une sorte d' optimisation qui réagit avec le processus en arrière-plan. Il y a donc des avantages à tout organiser et à ne pas tout regrouper dans un seul gros composant. Même si, vous savez, les composants qu' il contient, comme le bouton de tri de la tâche et du formulaire de tâche , étaient très liés les uns aux autres, n'est-ce pas ? Même si vous vous disiez : « D'accord, cette application ne sortira jamais du champ d'application, n'est-ce pas ? C'est quand même une bonne idée de le diviser. Et je voudrais résumer cette leçon en disant que cela dépend de votre situation. Donc, ne soyez pas comme, vous savez, les gourous d'Internet qui disent : «   Non, vous devez procéder de cette façon Non, vous devez procéder de cette façon, puis vous vous inquiétez pour votre code. Par exemple, il suffit de continuer à faire des choses et, par exemple, de les détruire. Parce que pendant que vous créez votre code, qu' il soit bon ou non, cela n'a pas d'importance. Tant que vous créez, vous apprenez de vos erreurs parce que vous dites : «   Oh, c'est pourquoi j' aurais dû le faire de cette façon ». D'accord ? Continuez simplement. Tu t'en sortiras bien.