Vue JS - Notions fondamentales pour les débutants avec exemples | Vamshi Krishna | Skillshare
Menu
Recherche

Vitesse de lecture


  • 0.5x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 2x

Vue JS - Notions fondamentales pour les débutants avec exemples

teacher avatar Vamshi Krishna, Front End Developer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      01. Introduction au cours

      1:28

    • 2.

      02. Les cadres de l'extrémité Front End

      3:39

    • 3.

      03.

      1:57

    • 4.

      04. Étapes d'instance et de données

      8:17

    • 5.

      05. 05, Vue vue CLI

      9:39

    • 6.

      06. Méthodes et propriétés and

      13:19

    • 7.

      07. Bonus - Propriétés de la méthode Computed

      4:14

    • 8.

      08. Lien des données

      8:43

    • 9.

      09. Liaison de données à deux voies

      3:34

    • 10.

      10. Évènements - Introduction

      3:08

    • 11.

      11. Évènements du clavier et modifierons les événements

      7:03

    • 12.

      12. Mouse de la souris

      3:47

    • 13.

      13. Propriétés de regarder

      7:13

    • 14.

      14. Composants

      5:45

    • 15.

      15. Rendu conditionnel

      6:13

    • 16.

      16. Accessoires et événements personnalisés

      8:16

    • 17.

      17. V-for avec des accessoires

      5:07

    • 18.

      18. Lifecycle pour le cycle de vie

      8:32

    • 19.

      19. Mix.

      4:37

    • 20.

      20. Introduction à Vue-Router

      9:06

    • 21.

      21. Router 21.

      8:13

    • 22.

      22. Router avec exemple

      13:00

    • 23.

      23. Routing dynamique avec un exemple

      7:31

    • 24.

      24. Trouver des emplois et conclure

      3:07

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

608

apprenants

1

projets

À propos de ce cours

Vue JS est le cadre la plus chaud du marché. Les développeurs sont des navires qui sautent à partir de React et Angular pour apprendre Vue JS.

Déjà surmonter React, en termes de Github Stars, Vue ne fait pas que les géants comme React et Angular s'amuser leur argent. Chaque année, vue devient plus populaire, et le taux d'adoption ne passe pas par le toire.

Si vous êtes débutant, les débutants qui planifiez l'apprentissage de Vue JS. C'est le moment idéal pour apprendre le cadre.

Ce cours ne nécessite pas que vous know React, ou Angular, je vous guarantee Vous apprendrez rapidement que vous apprendrez l'une Ce cours Ce cours ne les apprendrez l'une des deux autres images.

Pourquoi ce cours ?

Ce cours est parfait pour tout débutant dans le territoire de Vue JS

Dans le cours, nous aborderons ce cours -

  • Principes de base de la cadre Front-
  • DOMAINs, virtuel
  • Instance de vue
  • Vue Vue Vue CDN
  • Properties de données
  • Vue CLI
  • Properties de méthode
  • Properties Computed
  • Liaison des données
  • Liaison de données à double voies
  • Événements
  • Modificateurs d'événement
  • Manifestation souris et clavier
  • Propriétés de regarder les propriétés
  • Composants
  • Rendement conditionnel
  • Accessoires
  • Événements personnalisés
  • Boucler le modèle
  • Croquis de cycle de vie
  • Mixins
  • Vue - Routeur
  • Navigation dynamique
  • Navigation programmatique
  • Comment trouver des emplois avec Vue JS

Nous aborderons tous ces sujets avec des exemples pratiques détaillés qui peuvent vous aider lors de la construction de votre propre application Web avec Vue JS.

À qui s'adresse ce cours ?

  • Ce cours s'adresse à tous les personnes intéressés par le développement de Frontend et les grands cadres JavaScript
  • Ce cours s'adresse à vous si vous souhaitez créer des applications réactives, qui s'insérent dans le navigateur
  • Ce cours is aux apprenants qui souhaitent supprimer la boilerplate et vous atteignent rapidement les parties passionnantes.

Rencontrez votre enseignant·e

Teacher Profile Image

Vamshi Krishna

Front End Developer

Enseignant·e
Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. 01. Introduction au cours: Bonjour et bienvenue au cours de base View Jay pour débutants. Mon nom est chaud. Elle et moi sommes heureux de vous avoir ici. Alors, c'est quoi ce cours ? Dans ce cours, nous apprenons les fondamentaux de vous. Jay vient de zéro. À la fin de cette cour, vous aurez une forte emprise sur les fondamentaux et vous pourrez commencer à développer vos propres projets en vue. Js conditions préalables. Afin de bien comprendre et de tirer le meilleur parti des partitions, vous devez connaître html, CSS et JavaScript. Ce sont donc les sujets abordés dans le cours. Donc, d'abord, nous regardons dans la guerre différents et cadres, et parmi ces amis et cadres, pourquoi vous avez besoin de choisir l'avenir ? Oui sur. Ensuite, nous allons ajouter la vue dans un site Web. Ensuite, nous regardons dans les autres propriétés. Ensuite, nous allons procéder à regarder en vue, voir Ally, qui est un outil très remis pour créer des projets de vue. Ensuite, nous regardons dans les propriétés mentales que les propriétés calculées. Ils se pencheront également sur la liaison de données à un événement de liaison de données et même des modificateurs. Événements du clavier, événements de la souris, propriétés de la montre et bases des composants. Ensuite, nous allons examiner les conditions, rendre les accessoires et les événements personnalisés avant les directives. Crochets de cycle de vie vus. Je suis programmatique, routage, routage dynamique. Mais nous aurons d'autres exemples sur le routage et le routage dynamique. Ensuite, nous regardons dans mix ins. Ensuite, nous nous pencherons sur la façon de trouver des emplois sur le futur, même s'il s'agit d'un emploi à temps plein ou d'un travail indépendant. Peut-être regarder dans l'eau, les sites Web et les ressources que vous pouvez utiliser pour obtenir Broken View Jr ainsi que cela. Dans la prochaine conférence, je vous donnerai prêt à prendre une tablette positivité où vous pouvez trouver toute la cour pour chaque conférence. Bon, commençons. 2. 02. Les cadres de l'extrémité Front End: si quelques jours est un ami et un cadre. Alors, qu'est-ce qu'un ami et un cadre ? Donc, Rainfall fréquent peut être décrit comme, ah, collection de bibliothèques ou blogging chose, termes beaucoup plus simples qui sont utilisés ensemble pour créer beaucoup plus efficace et plus rapide que la publication ou le site Web. Donc, ces sites Web ont été créés en utilisant des livres d'amis et de train, une application Web sans fil ou une rechute. N' est-ce pas pour ces obligations ? Appelez-nous l'application de réunion SPS single bit. Donc, en ce qui concerne l'industrie, il y a plusieurs cadres différents parmi eux, les plus populaires sont et la vision réagissant, ce qui est celui que nous allons examiner aujourd'hui. Donc, pour mieux comprendre quelle est la meilleure application unique ? J' étais adorable. Site web. Commencez à chercher un petit exemple. SPF était des plaques, donc nous allons à Amazon Norton. Donc William fait en eux Amazon. Je veux juste aller à une partie de la page, par exemple. Disons que je vais orteil Amazon. Soyez donc chaque fois que je clique sur Amazon payer, vous pouvez voir que toute la barre de navigation ainsi que tout le pays ci-dessous, il obtient réel appel d'offres ou reconstruire à partir de zéro. Mais en utilisant l'impression et les cadres comme le réacteur à la ligne voir des sites Web comme YouTube Verbal. D' autre part, YouTube est une application simple bit, ce qui signifie que cela fonctionne beaucoup pour, comme votre partie mobile de YouTube. Donc, le même exemple actuellement dans ce cas lorsque vous voyez la barre de navigation mais comme le menu inférieur, ces deux choses, ils sont attirés vers le haut orbit une fois le seul changement, mais dans YouTube, est un contenu ici entre ces deux parties, généralement dans les cadres frontaux termes ces sections uniques du site Web comme la barre de navigation pour leur ou le SaiPan, et ceux-ci sont appelés ses composants. C' est ainsi que nous divisons le site en différentes parties à l'avant et trois mois fur et à mesure que nous avançons, vous entendrez le mot plaintes beaucoup plus fréquemment. Et comme vous vous familiarisez beaucoup plus, expulsé et vous, combien plus de pratique de différents et DreamWorks, vous ne décidez pas beaucoup plus mieux. Ainsi, par exemple, est un navigato, la partie formation de YouTube. Donc, ce qui se passe, c'est que ma vie d'être orteil sont là section de barrages sur être l'ensemble du site est reconstruit, droite, mais je navigue vers la formation partie de YouTube. Vous pouvez voir que juste une section qui a le changement de contenu est terminée à l'arrière ou reconstruit, tandis que le panneau latéral et les barres de vision nocturne restent constantes. Alors pourquoi la beauté est si en termes de français et de cadres. Nous avons parlé de sous et de réagir et de beauté, donc ces trois cadres sont les plus populaires là-bas. Alors pourquoi avez-vous besoin de considérer Buijs parmi ces trois ? Donc, l'une des raisons les plus importantes de choisir Huges ou sous réaction est que c'est incroyable la lumière qu'il est passé. C' est une communauté flexible, forte et très peu de revenus. Alors laisse aller ces points un par un. Donc, comme si pourquoi charger un framework ou une bibliothèque ou dans votre site Web ? Vous devez vous assurer que la bibliothèque du marché libre adorant est très légère ou de très petite taille. Donc, c'est quelque chose qui est un temps de Seigneur sur une performance beaucoup plus rapide. Donc, en termes de ce point de vue, Jace est extrêmement. Il est connu 16 à 20 Gaby, qui dit, J'ai besoin d'eux si vite, car c'est très léger et extrêmement rapide. En termes de faits, la flexibilité, la beauté est connue pour sa flexibilité. Vous pouvez être utilisé pour être moins plus prêcher votre site Web existant ou comme si vous avez déjà un site Web qui traîne et que vous voulez en faire moins partie en vous utilisant. Tu peux le faire. Vous pouvez utiliser pour indiquer une petite partie de votre application ou pour amener votre application entière autour d'elle. Donc, le point de vue est cette forte et en même temps que la communauté flexible et forte. Donc, voir Jace a l'une des meilleures communautés. Le poser sur une courbe d'apprentissage très basse signifie qu'il ne nous est pas demandé plein d'apprendre. La beauté est comme elle est avec la colère ou réagir. Donc, pour vous laisser, vous avez juste besoin de connaître chaque télescope de saison des démons, c'est tout sur vous-même. Bon, alors, c'est pour cette vidéo. Donc, dans la prochaine vidéo, nous allons examiner comment vous intégrer dans votre application existante. 3. 03.: tout ce que je juste avant que nous allons n'importe quel pied que je veux juste parler un peu de dortoir virtuel. Ça va être une très petite conférence. Donc, le dôme virtuel est une sorte de technologie ou un concept qui est utilisé en vue de manipuler Dom réel. Donc Dom signifie l'objet actuel mortel. Droit ? Donc, ce que signifie essentiellement cette pierre est que tout ce que vous voyez sur votre écran, si le dôme de sorte que tous les éléments qui b deck html, tous ceux-ci viennent dans le dôme, donc la vue utilise quelque chose appelé dôme virtuel. Ce concept est donc très commun. Donc, un autre framework qui utilise le dôme virtuel est réagir. Donc pêcheur a aussi une sorte de dôme virtuel. Mais ce n'est pas pour les enfants. Il a sa propre implémentation alors, mais en le gardant de côté, ce que fait ce dôme vautours est une sorte de plan. Donc, par exemple, imaginez si vous avez une grande boîte juste à l'intérieur de cette boîte. Vous avez de petites briques et avalées et vous voulez organiser toutes les briques dans un certain ordre. Donc, pour le faire efficacement, Urinson se casse seulement quand ils ne sont pas en ordre. Donc, vous laissez les briques, qui sont en ordre, et vous ne bougez que les briques, qui ne sont pas en ordre. Donc c'est quelque chose de très similaire à ce que feraient vos médecins ? Il ne met à jour qu'un dortoir sur la pièce, ce qui est nécessaire pour qu'il ne fonctionne pas tout le dortoir. C' est un peu comme le met à jour seulement quand c'est nécessaire, est-à-dire quand on change des choses dans le dortoir. Le dortoir virtuel peut être édité très, très rapidement. Puis plus tard, au cours de la partie de rendu, Virtual Dome découvre les parents WorldCom, ou quelles parties du Dominic réel sont des adolescents qui ne disent que cela. Mais donc essentiellement ce qui en fait beaucoup approche légère et efficace. Donc vous n'avez pas besoin de vous inquiéter autant de votre travail. C' est quelque chose qui se passe en arrière-plan, et vous prenez peur la plupart de cela. Mais le fait est qu'il est bon de savoir que rien de tel que la salle virtuelle n'existe sur ce genre . Contrôler votre décharge avant d'aller plus loin. Ce sont les liens, Donc, pour le sous-groupe mondial, il est re point aveugle l y slash Je suis Vicky Ward sous et pour l'opposable gettable il examiné tout le tribunal sera hébergé pour chaque conférence. C' est une barre de conseils rebaptisée et on pourrait obtenir de l'aide. Donc, dans le sous-groupe mondial, vous pouvez m'envoyer un SMS. Vous pouvez poser des questions. C' est ça que je verrai dans la prochaine. 4. 04. Étapes d'instance et de données: Bonjour et bienvenue à votre première conférence sur la beauté comme nous l'avons discuté lors de la dernière conférence . Chez Jay, vous êtes très flexible, est-ce pas ? Donc, nous pouvons utiliser View Jay's pour ajouter une petite fonctionnalité dans le site Web existant. Tout ce que nous pouvons vraiment espérer site complet autour de la beauté s donc avant d'aller plus loin et nous regardons site complet ou par Bob autour de vous, Jess, nous allons examiner comment établir ou intégrer des huges dans le site existant. Mais par exemple, si vous avez déjà dans son site de démon et que vous voulez ajouter énorme est sur elle, vous pouvez le faire comme ainsi. Alors maintenant, ouvrons le dossier. Je vais créer un nouveau répertoire qui dit projet de vue. Je vais aller dans cette charité à l'intérieur de son territoire. Je vais ouvrir le cordon du studio visuel. Donc, si vous ne savez pas, c'est à l'accord est un coordinateur afin qu'il puisse utiliser du texte sublime ou des atomes. Donc, ce sont d'autres éditeurs co-que vous pouvez utiliser toe droit dedans. Il court le territoire soviétique. Ce que je peux faire est que je peux créer un nouveau fichier html point d'index est avant d'aller plus loin, vous pourriez vouloir installer les plug-ins tombants à l'intérieur avec le studio Cour. Vous avez ce genre de comme une petite option pour les extensions à l'intérieur des extensions. Je veux que vous installiez les vies sur l'extension. Celui-ci est passé. Ce serait si vous pouvez installer cela, ce qu'il fera ? Est-ce un peu comme un petit serveur local dans votre système ? Donc, quelle que soit l'étanchéité, vous le faites au tribunal, vous pouvez finalement les voir sur votre site Web sans avoir à rafraîchir votre site de temps en temps. Très bien, donc c'est une extension pratique que vous n'avez pas à installer. Ce n'est pas le cas. Ce n'est pas quelque chose de complicité, mais c'est une pratique en raison de l'avoir dans notre prochaine heure. HTML. Amenons le modèle afin que nous puissions avoir le modèle en disant le point d'exclamation sur l'onglet. Donc, cela va obtenir le petit modèle. Donc avant d'entrer dans quelques jours plus tard, prenez un petit exemple, non ? Disons que j'ai une étiquette sur ah h. Je n'ai pas dit nom. Donc maintenant, nous pouvons gérer ce site Web ou nous pouvons comprendre notre sultan dans cette vue objectifs Électoral One. Maintenant, ce que je peux faire est que je peux exécuter ceci en cliquant avec le bouton droit de la souris. Je vais avoir une option disant que la vie est finie. Et si je clique dessus, ça devrait s'ouvrir au marié. Oui. Maintenant, nous pouvons voir le nom ici. Droit ? Je vais juste résumer, Ali. Donc maintenant, par exemple, disons, que vous voulez changer le contenu du H un type, n'est-ce pas ? Je ne veux pas avoir de nom à l'intérieur. Donc, ce que je vais faire est beaucoup de script de fichier qui dit que j'avais une source à l'étranger. Oui, sur comme Et comme nous n'avons pas après Jess, nous allons créer des es moyennes. Ce que je peux faire est que je peux donner la trappe un et je ne peux pas voir le nom, et je peux le voir à l'intérieur Georgie s Ce que je peux faire est que je peux dire document point obtenir élément par i d. Je peux voir porte nom dans le HTML et il contient le nom de mon fait . Donc si je le garde et y retourne, j'aurai mon vrai nom ici. Droit ? Donc, c'est quelque chose comme vous le faites en javascript clair dans javascript vanille. Donc maintenant c'est un avion, Jascha ou le grand livre a sauté le chemin de faire les choses en ce moment. Voyons comment nous pouvons implémenter la même chose avec vue. Donc, la première chose que nous allons faire est que nous allons apporter View J un Syrien dans votre application ou sur un site Web. Si vous ne savez pas ce qu'est le CBN, cela signifie généralement que le réseau de diffusion de contenu, un réseau de diffusion de contenu, semble complexe. Mais crois-moi, ce n'est pas le cas. C' est très, très simple. On peut aller sur le site officiel de la belle fille sur. Nous pouvons copier ce lien pour que nous puissions prendre le lien de script sur. Vous pouvez revenir et nous pouvons juste placer ci-dessous ou à propos de notre script sur. Avec cela, nous avons mis en œuvre la vue sur votre site Web. Cela dit, Maintenant, nous devons savoir comment l'utiliser. Donc, au lieu de l'attelage, créons ah def. Cela sauve moyenne et à l'intérieur de l'affaire, nous allons avoir le H, et il est laissé vide pour l'instant, je voulais dire Internet AB magnifique. Ce que nous devons faire, nous devons créer une nouvelle vue. Instance que nous pouvons faire en disant nouvelle vue et à l'intérieur qu'il accepte un objet sur cet objet se composent de plusieurs propriétés, donc la première propriété importante principale, que nous devons savoir est G L. Il se tient pour l'élément, n'est-ce pas ? Donc, fondamentalement, ce que nous faisons est que nous lions cette instance de vue vers live. Donc, dans notre cas, nous voulons le lier à travers cette trempette avec un verre hors main. Donc, d'habitude pour le verre, on va dire point méchant, mais si tu as un je me démarque et on le verra Hashmi. Mais puisque nous avons du verre, nous allons y aller mais dot donc dot hell est la première propriété de cette instance de vue sur la propriété suivante serait la propriété data. Donc, la propriété de données est un peu comme la propriété qui détient dans toutes les variables. Donc, ces variables sont de nature réactive, n'est-ce pas ? Donc, ce que cela signifie essentiellement, c'est que ces tables d'attente, lors de l'utilisation du modèle, observent les changements dans le modèle. Donc, s'il y a des changements par rapport à ces variables, ces variables se mettent à jour. Nous n'avons pas besoin d'attacher spécifiquement des écouteurs d'événement à eux. Ils se mettent à jour. Par conséquent, les variables SAARC ou moins réactives sur toutes ces variables sont déclarées à l'intérieur des propriétés de données. Donc, le premier disponible que nous allons déclarer à l'intérieur de la propriété de données est le nom et qui est convaincu que nous sommes composés de mon nom. Donc, vous devez comprendre en vue que la plupart des choses sont au format objet, vous devez donc vous y habituer. Mais au fur et à mesure que vous traversez, vous vous y habituez automatiquement. Alors voyez comment tous les légumes sont déclarés comme ça. Donc, si je l'sauvegarde maintenant, je peux utiliser ce nom de variable ou la date d'un nom de propriété, Internal HTML. Maintenant, gardez à l'esprit que ces variables je veux dire toutes les propriétés qui de manière critique à l'intérieur son instance ne fonctionneront que sous ce live quel que soit l'élément de vous est attaché. Donc si j'y vais, je ne t'ai pas dit que je peux voir le nom. C' est donc ce qu'on appelle la syntaxe d'interpolation. Donc, lorsque vous faites cela, ce qui se passe est que d'entre vous cherche essentiellement un nom de propriété ultérieur. Je au lieu de vous instance, nous avons convenu d'un nom de famille de base de propriété et donc est la valeur absolue de ce nom sur ce . Donc, si je le vois et que je reviens, nous devrions voir mon nom sur et nous pouvons le changer juste pour comprendre que cela vient de l' instance de vue. Bon, alors maintenant regardons ce qui se passe si j'essayais d'utiliser la propriété de leader en dehors du Dev  ? On en aura un autre Hitch. On dira la même chose sur Do the name. Si je le garde, je vais prendre les accolades aussi. Parce que la vue n'est pas liée à cet élément, elle est uniquement liée aux éléments sous cette dip. C' est la raison pour laquelle View doit avoir un enraciné dans les conférences à venir. Vous verrez que vous avez besoin d'avoir un spécifique, il serait si cela peut se lier orteil sur sous la route. Ils des éléments d'eau sont là. Cela fonctionnera sur ceux-ci. Donc, juste pour résumer ce que nous avons fait, obtenons une autre instance en vue. Donc dans ce cas, ce qu'on va faire, c'est créer David et moi sur New Main et à l'intérieur du i D. Voyons lequel. Voyons voir, mon nom est que je sais ce que vraiment Louis. Au lieu de cela, il Abdur Jess, nous créons une nouvelle instance de vue, donc remarquez que nous pouvons créer plusieurs instances de vue pour plusieurs Dave. On peut dire qu'il a recommencé, et cette fois on va utiliser le hachage parce que je n'ai pas d'identité à l'intérieur. Ce très bon déclaré aux propriétés de données. Nous avons été sauvés. Prénom sur avec le nom de famille. Bon, donc si je le garde et y retourne, je peux utiliser les noms de domaine. Je vois le prénom. Je pourrais donner un petit espace et concéder le nom de famille. Donc, si je dis que nous ne sommes pas retournés en arrière, mon nom est quand elle Krishna afin que ce soit plus instance de vue électronique sur la façon dont les propriétés de données fonctionnent. Donc, dans la prochaine conférence, nous allons regarder en vue. Tu vois ? Ally, je te verrai dans la prochaine. 5. 05. 05, Vue vue CLI: la première chose à faire est d'ouvrir le terminal. Donc, si vous êtes sur Mac OS sont immédiatement prochaine machine, vous pouvez ouvrir la dominante, mais vous vous sentez sur les fenêtres, vous ouvrez la commande de si avant même que nous sautions dans le terminal. Donc la première chose ni J commencer ou plus. Si vous allez au Nord, adorez ici vous trouverez un dollar pour Mac OS. Mais si tu es sous Windows, tu auras un dollar pour moi. Non. Donc, si vous n'avez aucune de la distribution de liens, vous obtiendrez votre version de distributions choses particulièrement. Donc, vous devez donner ceci et installer cela. Je l'ai déjà installé. Je ne vais pas l'installer à nouveau. Et puis nous pouvons installer beauté mensonge en utilisant le nord. Donc, pour installer la vue CLR, vous devez taper la commande suivante. Donc npm installer le type en G donc dans le paiement volé tiret JIA redoutent juteux semblables. Donc, trait d'union indique que c'est global. Donc, l'installation pour l'ensemble de la machine sur une vue superbe Last Eli signifie qu'une vue morte est le paquet principal ne sont pas tranchés Realize un sous-ensemble du paquet. J' ai déjà eu cette installation donc cela ne devrait pas me prendre beaucoup plus de temps. Très bien, donc une fois qu'il est installé. Donc non, nous avons le point de vue ici, comme pour démarrer ce système. Donc maintenant, nous pouvons utiliser vue, Voir, allié pour créer des projets de vue aussi à bateau u créative que nous avons besoin d'aller dans l'entrée spécifique faite. Nous voulons créer un projet de vue pour moi C'est ici. Donc, ici, je vais créer un nouveau projet de vue. Donc, pour créer le point de vue dont vous avez besoin pour obtenir la chute dans la commande, c'est la vue créer sur le nom du projet. Donc, pour moi, le nom du projet serait le prochain projet. Une chose à noter ici, c'est que Beause Eli n'accepte pas, Capitaine, c'est dans votre nom de projet. Donc si je vais donner un D majuscule, je vais y aller. Le nom ne peut plus contenir de portées de capitaine. Auparavant responsable induire une lumière, mais depuis crétin d'utiliser une lumière trois, il n'a pas été possible. Donc, dès que nous chauffons et n'obtenons pas l'option de chute pour sélectionner le préréglage, alors précepte n'est rien d'autre qu'une collection de paquets qui viennent avec un projet de vue. Donc, juste pour voir ce que toutes les fonctionnalités sont plug ins que nous avons disponibles. Nous pouvons aller à la sélection manuelle des fonctionnalités, donc la première chose que nous avons disponible est Babel. Donc Babel est utilisé pour les capacités de combat JavaScript. Donc, si vous exécutez un nouveau navigateur JavaScript asiatique plus ancien sur le navigateur ne prend pas en charge les nouvelles fonctionnalités sur JavaScript, Baby va convertir. Les nouvelles versions du jazz entrent dans l'ancienne version. Par exemple, si vous pouvez travailler ici six syntaxe en deux ans. Cinq Exit tapé Vous savez, les types, clavier ou il est battable. Soutenez progressivement, Babs. Donc, si vous voulez créer la progression d'une bosse, vous pouvez avoir un contrôle. Je doute que ce soit un vu hors de ceux-ci utilisés pour la navigation à l'intérieur de votre application. Comme pour Noé, beaucoup comme ça. Ce qui a commencé à être sélectionné dans la future bibliothèque de gestion immobilière de U Ex voit ses pré processeurs ne sont rien d'autre que sass et moins. Si vous n'êtes pas familier avec SAS ou moins, ces trois processus CSS qui nous aident à écrire mieux CSS. Donc, ce n'est pas absolument nécessaire car vous pouvez également écrire CSS normal en vue. Mais si vous voulez juste, si vous voulez avoir la taille ou moins de soutien. Si vous considérez cela, je vais le dire. Linder Oui, débarque le mois d'août de ces tests d'urine et de nouvelles analyses. Ce sont donc quelques fonctionnalités de test dont beaucoup parlent à l'avenir. Donc, une fois que nous l'avons vu, toutes les fonctionnalités requises parce que Llorente sur et depuis quitté le SAS ou depuis s et je vais à docs est des gens. Depuis que j'ai dit entrer dans les pré processeurs CSS, il me demande lequel je veux utiliser à son cul ou ceci Ou dites-vous que vous pouvez avoir quelque chose de fichiers de conflit pour chacune de la créature qui a installé, ou nous pouvons tous les avoir dans un seul paquet. Trouve que je vais avoir un super pantalon. Très bien, donc ce que la CLI a fait pour nous, c'est qu'elle est créative. Vous projettez ici instrument bm amusant yon. Donc je reçois ta réponse. Donc, si vous utilisez NBN, vous obtiendrez des quantités NPM de Donc nous allons au projet d'artiste. Je suis jeune. Donc, si vous vous demandez quel est votre syndicat est très ce qui ressemble à B M. Donc c'est un peu comme une version beaucoup plus efficace de NPM. C' est bon si tu ne l'as pas. Donc, la différence est que NPM planifie des choses et complète quelqu'un après un autre. Mais comme John les fait ou la pâte Lee faire beaucoup plus rapide. Donc, en tapant votre service sur, nous lançons un local sobre comme celui que nous avons lancé dans les conférences précédentes. Donc, notre local Severus tout droit hôte local 80 80. Donc, c'est ce que vous voyez lorsque vous configurez votre première application beauté. Il est plus agréable de descendre ici et de dire que c'est complètement vous juste ab sur les liens vers la documentation Babel cli, liens essentiels pour la communauté. Tchad pour retourner l'écosystème de nouvelles dans les constantes, nous pouvons voir que vous êtes hors de nous, que nous avons discuté seulement de vous tortues, que nous avons discuté dans le précédent comme Trump. Ok, alors voyons quel genre de fichier à l'intérieur de votre projet. Donc pour ça, je peux faire un point sur la cour C'est une extension pour l'escorte, donc on escorte. Si vous ne connaissez pas Visual Studio Cord. C' est un petit quartier soigné. J' utilise l'escorte que vous pouvez utiliser Sublime ou Adam ou quoi que ce soit est bien, donc, mais si vous utilisez l'escorte, vous devez aller à des extensions sur installer l'un des me brancher pour marquer moins. Beaudo. Donc si vous l'avez fait, c'est un peu comme un support de vue pour la Cour des États-Unis. des États-Unis C' est pourquoi acheter la vue par l'envoyé Ghous Lorsque vous venez aux dossiers, vous pouvez voir que nous avons beaucoup moins de dossiers et ce que nous avons normalement le Seigneur plus de maladies sont donnés en public. Nous avons le point d'index html et au lieu du HTML suivant, nous avons l'abdomen. Donc, comme nous l'avons discuté dans le précédent travail, nous n'avons pas d'abdomen. Donc, c'est une journée qui travaillerait avec enthousiasme dans l'exportation. S' abstenir. La plupart des combats importants existent, donc nous avons nos principaux Dodgers. Donc au lieu de vous, c'est un peu différent, non ? Rendre un montant dans les vidéos précédentes ce que nous avons discuté. Waas, dans l'instance de vue, nous allons donner un élément droit dans l'élément. Nous allons spécifier si c'est de première classe ou si ce n'était pas prêt. Mais ici, nous avons Riendeau et nous avons autour. La raison en est qu'il rend un instructeur de composant et formateur Dave. Il envoie le rendu compétent. Si vous pouvez voir ici l'importation de vue en tant que plug-in, je veux dire les téléspectateurs d'une bibliothèque, et nous importons également l'application de vue en tant que composant. Donc, ces portes vues ventilateurs sont appelés ses composants. Donc, en termes de vous surtout devant et DreamWorks, comment les développeurs traitent des choses est que nous traitons avec eux l'incompétence. Ainsi, par exemple, un site Web a une tête de corps et en-tête photo est un corps compétent, un pied compétent et un composant. Donc, ce qui se passe est que lorsque vous avez cet en-tête et pied de page comme une conférence séparée, au lieu d'avoir à lire la cour d'idées beaucoup, vous pouvez simplement dire d'utiliser la conférence déjà existante. Donc, ici, le composant inter est en fait monter le composant sur le HTML suivant de sorte que compétent est la racine compétente pour toute l'activité était se produirait votre application. Donc, à l'intérieur de cette compétence, vous pouvez voir que nous avons d'autres composants, importons la conférence, et nous les dictons. Alors allons-y avec cette porte. Peu de fichier, en effet A si adulte que vous déposez se compose de trois parties. Il peut auto modèle. Il peut servir un script qu'il peut soutenir. Donc, c'est ce qui rend la porte peu de fichiers tellement plus facile à travailler avec. Donc, nous avons tous les scripts de template ing et le style à un seul endroit pour un seul composant. Généralement, quand vous travaillez, rencontrez de la colère. Chaque confort a de multiples combats, est-ce pas ? Ainsi, chaque angle compétent a quatre flacons html CSS types Revenge Oscar. Mais ici, nous avons tous trois mois. Cela pourrait ne pas voir beaucoup d'un avantage qui en ce moment, alors étaient l'expansion de votre projet est de plus en plus grande et votre conférence que l'augmentation du nombre, il va être beaucoup plus facile à maintenir. Donc, la première chose, le modèle Donc, le modèle que nous avons le diable tirer l'application à l'intérieur de la journée Nous avons une image. Ils peuvent juste le logo que vous pouvez voir ici sous que nous avons ce composant personnalisé Bonjour, Word avec le message. Bienvenue à voir Just arrive Donc je peux juste changer le message et je peux voir un génie instantané. Donc, ce monde bonjour est un composant personnalisé sur ce message est appelé est un problème. Nous en discuterons plus que ce n'était le chef des accessoires. Donc, pour utiliser une coutume compétente, vous avez deux étapes. La première étape est importante Custom compétente importation Bonjour monde de barre oblique compétente. Bonjour monde socom parent slash l un mot exécuter donc à l'intérieur de la section par défaut d'exportation dans un composants séchés sur Bonjour mot. Donc, une chose, comme nous avons discuté avec vue plus quelque chose va être structurellement maintenant format objet. Donc, même si vous avez une date de propriété, vous devez l'avoir au format objet. De même, si vous avez les composants, vous devez avoir leur conférence comme objet et dans la confiance que vous allez déclarer l'eau la conférence que vous voulez utiliser. Donc, dans notre cas, bonjour étaient alors vous pouvez utiliser la confiance. Donc, si je viens de commenter, vous pouvez voir combien de données provenaient réellement de ce composant afin que nous puissions aller en enfer Overlord quelques-uns, et nous pouvons le voir. Donc tout ce qui est ici est rendu dans une revue de rhabdo. Ainsi, tout changement dans la prise en charge de Hollywood se reflète automatiquement dans l'application que vous êtes compétent et est automatiquement affecté sur. Le style de plage principal est CSS. n'y a rien de spécial à ce sujet, donc vous pouvez utiliser avec votre langage un confortable, mais je ne suis même pas en script. Vous pouvez utiliser le script avec Charles Company. Pouvez-vous écrire un script avec dactylographié ? Donc, ce sont un peu comme la principale recherche que vous devez savoir avant de commencer votre projet. Je connais le paquet de cette année ou Jason. Il se compose de tous les scripts et de toutes les dépendances que vous utilisez. Dans notre cas, nous utilisons la vue. Donc c'est tout pour cette vidéo. Dans la prochaine vidéo, nous discuterons, comme promis, comme promis, conférence à bord et des méthodes à l'intérieur de notre nouveau projet de vue. Et nous allons également examiner des cas d'utilisation comme la façon d'utiliser la conférence et comment utiliser les méthodes . Donc, la plupart des développeurs à venir ont, ah, un peu de confusion quand utiliser les propriétés de l'ordinateur et sont allés utiliser des méthodes. Donc, nous allons regarder cela avec quelques exemples plus, donc vous pouvez comprendre que je voudrais contexte pour utiliser ce genre de propriétés similaires. 6. 06. Méthodes et propriétés and: Donc, aujourd'hui, nous apprenons sur les méthodes et les propriétés de l'ordinateur. Donc avant de sauter dans ma circonférence de la tête, je veux juste installer une petite bibliothèque. squelette de Corliss. Si habile dans est une bibliothèque CSS similaire à bootstrap, mais qualifiée. Il est très, très léger et rend généralement un projet beaucoup plus agréable. Donc, ici, nous avons notre projet de test sur ce est à quoi il ressemble. Nous pouvons donc encore voir le squelette en copiant la version unifiée. Donc, en installant peur, n'a pas fait en sorte que vous les installez version unifiée de celui-ci parce que nous ne allons pas utiliser qualifié sur une grande échelle et utiliser un squelette est très, très faible. Donc, nous n'avons pas besoin du CSS squelette complet afin que nous puissions prendre le CSS sur Gordon extorquer html dans le projet de vue, qui a été mis en place dans la dernière vidéo. Donc, à l'intérieur du prochain HTML, je peux créer un nouveau lien que je verrais évaluer, je suis à l'intérieur de la tête Chef Aiken basé sur le lien squelette. Donc, dès qu'ils ont frappé sauver, vous pouvez voir que mon projet se rafraîchit et donc il a été modifié. Donc, avec cette mise en place, nous pouvons aller à l'envers bonne vue sur, Nous pouvons commenter l'image et les composants du monde bonjour. On devrait avoir une piste à blanc. Donc ici, les libertés de la médecine ont besoin, non ? Donc, une chose que vous pourriez vous rappeler est qu'en installant la vue dans les projets précédents avant la vue, cli utilisait des données comme un objet. Juste lorsque vous utilisez des propriétés de données dans le projet de vue en fait. Ce qui se passe, c'est que la propriété de données est unique pour chaque composant. Ainsi, chaque compétent a besoin d'avoir sa propre propriété de données. Donc, si vous utilisez la propriété détonateur comme objet, elle est partagée entre tous les composants. Donc, empêcher cette vue ne nous permet pas d'utiliser des données comme un objet. Donc, si vous pouvez voir que nous avions la lettre de concert qui dit que l'option de date devrait être une fonction qui renvoie la valeur d'instance distincte dans les définitions compétentes Donc nous pouvons le faire. Mais changer le leader dans la fonction que vous êtes Dunn est un objet, et à l'intérieur du sujet nous pouvons avoir les propriétés du lecteur. Donc, ce cas ne s'applique pas aux propriétés comme les composants ou les méthodes, car le problème ces propriétés ne sont appelées que lorsque le com a imprimé Kristen. Donc, d'ici là, ils n'ont pas besoin d'être uniques pour chaque composant. Donc, avec cela dit, nous pouvons effacer les propriétés dramatiques Méthodes est à nouveau un objet. Et à l'intérieur de ce matériel, nous pouvons avoir un JavaScript fonctions tellement il n'y a rien d'autre que des fonctions javascript. Et si vous ne savez pas quelles fonctions javascript, cœur fait de bonnes fonctions avaient utilisé pour exsuder un ensemble d'actions. Donc, par exemple, nous pouvons voir le nom complet Donc, nous créons une nouvelle fonction javascript ou important sur le nom complet. Nous ne pouvons pas revenir de sorte que ce nom complet important renvoie une chaîne avec un maillot de bain. Krishna. Alors, comment on y accède ? Mentoré afin que vous puissiez accéder Cela importait très similaire aux propriétés de données que vous pouvez avoir un grand sac. Et à l'intérieur de cela et à l'intérieur de la dette P, nous avons mon nom est une interpolation et insertion interpolation. Tout comme nous accédons à leurs propriétés de données. On peut accéder au nom complet. Et comme c'est un problème, nous devons avoir les crochets. Si vous dites ça, mon nom est un traditionnel. Rendons juste beaucoup plus gros. Et là où il est en ce moment, vous pouvez utiliser un historique. Je sais que c'est la culpabilité. Pour que mes enfants puissent faire beaucoup pour. Par exemple, dans les propriétés de données, nous pouvons avoir deux variables ou deux propriétés de données qui dit disponible A qui a une valeur off 20 où elles seront, ce qui est une valeur de 10. Et à l'intérieur de cette affaire, nous pouvons retourner la partie de ceci aux légumes. Donc, lorsque vous travaillez avec JavaScript et quand vous avez des objets de valeur et que vous ne retournez pas la partie de ces deux variables, vous pouvez faire ceci rencontré. Son nom est ma réponse. Vous considérez que c'est fait média, mais a et ne pas étaler la variable B, est-ce pas ? Donc non, par descends, vous pouvez changer peut s'appliquer ici aussi. Donc, si vous le voyez, le produit est multiplié de sorte que ce multi-jeu sera multiplié disponible dans et où ils seront . Alors voyons ce que nous obtenons. Si je vois, j'en aurai un nouveau. C' est très la capacité n'est pas définie. Alors pourquoi on a le centre ? Il est clair que nous avons très Billy ici. La raison en est que la vue peut ou faire la distinction entre les variables locales. Était-ce les propriétés de détail ? Permettez-moi de donner un exemple. Aucun démantelé ne fonctionnera si je le dois. Variables locales, pas de poste vacant la pièce est 200. La raison est que lorsque vous retournez variable dans la façon dont ils seront, il cherche ces variables dans cette méthode dans la multiplier métallique. Donc, quand dans le cas précédent, quand ces deux variables manquaient saupoudrés avec une autre qu'il ne trouve pas huit disponibles ou que la variable n'est pas définie maintenant pour accéder aux propriétés de données au lieu de confiant, vous avez juste besoin pour dire vue qui accéderait à la propriété de données de ce composant afin que je puisse utiliser le découvert. Mais vous avez dit que ce début très tôt dans ce que vos pieds il sera donc ce que ce gardien fait est qu'il références Cette vue a besoin d'obtenir la vidéo de propriété avec un à partir de la date de la propriété de ce composant majordome et de même pour le bébé sera de la propriété data de ce composant. Donc, nous avons sauvé cela les valeurs à nouveau 200 lorsque je rafraîchis la valeur de 200 Donc, ces méthodes peuvent également accepter des arguments. Par exemple, si je veux envoyer alors ce que je veux faire est que je vais recevoir sous disponible pourrait s'appliquer pour cela sur je veux multiplier variable être sur cette nouvelle variable multiplier avec laquelle a été transmis à un argument . Ce que je peux faire, c'est quand je dis en remorque, une étoile, Mike Leavitt. Depuis mon dip Levitt est une variable locale. Nous n'avons pas besoin de l'utiliser lorsque nous si vous l'utilisez pour rechercher la variable dans les propriétés de données. Donc quand il trompe, la partie est 400. Laisse-moi te montrer une vue incroyable. Propriété. On l'appelle son V immortel. Disons que nous avons un nom pour la propriété. Très bien. La propriété de l'entrée est et le nombre à multiplier. Donc, ce que je fais, c'est que je veux que ce soit variable, dynamique. Nous créons donc une nouvelle propriété de données qui dit dynamique, lisible. Bon, donc dans le jeu multi, on va envoyer la dynamique Vraiment ? Donc, tout comme nous l'avons discuté dans les conférences précédentes, qui, si vous avez impliqué les liens sont ci-dessous, le modèle est lié au script. La différence de valeur dans les propriétés de données est donc les propriétés du milieu dans le modèle. Tu n'as pas besoin de ça. Donc, à l'intérieur de mon déploiement, er je passe une variable dynamique dynamique. Cette variable dynamique est transmise à travers l'argument sur et ici nous pouvons également la renommer comme variable dynamique sur ici aussi support dynamique ou pour une meilleure compréhension. Nous pouvons juste voir qu'il a une variable dynamique locale et c'est global et je suis un droit avide. Ok, alors sachez ce que je veux est que lorsque chaque fois que le Donc ce que je veux est que quelle que soit la valeur ou quel que soit le nombre que l'utilisateur intéresse dans cette taxe d'entrée, je voulais être affecté à la variable dynamique globale Donc vue est réactif par nature. Donc, ce que cela signifie, c'est que chaque fois que la valeur de la variable dynamique globale change, la fonction multiplier est réexécutée, qui signifie que tout cela est la calculatrice de nouveau. Je suis l'endroit où les parties affichées les valeurs affichées est également mis à jour automatiquement. Donc, une façon que nous pouvons acheter dans l'entrée de l'utilisateur à cette variable appelée variable dynamique globale est en utilisant le matin à la place, son nous mortel peut placer le double global que je fais variable sur. Et si je veux, on peut le changer en numéro. Très bien, Donc, ce que j'ai fait est que comment sur la façon dont ce composant d'entrée de variable dynamique globale est lié . Donc, ce que nous mortels accès écouteur d'événement. Ainsi, chaque fois que la valeur à l'intérieur du composant d'entrée change ou à l'intérieur de l'élément d'entrée change, il affecte la valeur à la dynamique prévisible des données. Variable sur Chaque fois que la dynamique globale, les adolescents de valeur variable cela pourrait développer cette fonction multiplier va être exécuté . Je suis Steve, je vais me lever plus tard, alors voyons. Donc ici, j'ai une entrée qui, et il me demande d'entrer le numéro. Donc, si j'entre pour vous pouvez voir que nous n'avons même pas besoin d'actualiser la vue de la page. Automated between est les valeurs correspondant à cette variable, et vous pouvez vous amuser avec elle. Tout ce que vous entrez est instantané, il a été effectué. Donc ce sont des méthodes eau, ordinateur, propriétés. Donc, pour comprendre les propriétés de l'ordinateur, prenons un autre exemple. Disons que je veux capter tout simplement l'intérêt. Je dois calculer les intérêts simples. J' aurais besoin de trois variables différentes. J' aurai besoin du principal seulement l'intérêt, et j'aurais besoin d'un raid. Créons ces trois propriétés de données en ce moment, je me demande Galerie dans l'intérêt simple. Donc la façon dont nous garantissons le juste est que nous avons une formule, non ? Donc, j'ai utilisé l'interpolation et dit en position. Je peux également effectuer plusieurs opérations, alors demandez à multiplier ici. Je peux aussi qu'il mène. Mais à partir de cette opération variablement sera vraiment en remorquage. Lavement global, crédible sur le résultat sera toujours le même. Donc, au lieu de simplement l'intérêt, ce que nous pouvons faire, c'est que vous pouvez voir le principal en intérêt en double par 100. Donc, à partir de maintenant, le zéro intéressé simple parce que le taux d'intérêt principal à zéro. Ainsi, nous pouvons effacer trois autres variables d'entrée qui sont liés à l'intérêt de principe de toe sur les propriétés de grandes données. Nous avions donc trois variables d'entrée différentes qui sont liées à l'intérêt principal. En effet. Donc, chaque fois que l'un de ces changements était assez innovant, la simple valeur d'intérêt aussi, Tina est si malade que vous ne le faites pas. Bon, alors maintenant que cela fonctionne et par exemple, disons que ces bâtons implantés n'étaient pas morts, non ? Donc, un nouveau développeur arrive et essaie de comprendre votre cour. Il ne comprendra pas ce que signifie cette formule. Ou si le premier est trop long, ce sera beaucoup trop dur pour eux. Il sera beaucoup trop difficile pour vous ou le nouveau livre Della de le déboguer, alors entrez les propriétés de l'ordinateur, donc les propriétés de l'ordinateur sont très similaires aux propriétés ultérieures. Donc, une chose que vous devez comprendre est que les propriétés de l'ordinateur ont également cet objet d'index semblent souvent comme des mètres et des composants. Donc, au lieu de cela, les propriétés de l'ordinateur, nous pouvons avoir une propriété qui voit, mais il a fait simple et habillé Donc les propriétés de l'ordinateur je aime les appeler comme propriétés de données avancées . Donc, ce sont essentiellement des propriétés de données avec beaucoup plus de fonctions. Est-ce que vous faites 100 sur Si nous voulons, nous pouvons avoir tout cela dans le dos aussi, afin que nous puissions utiliser ce retour. Propriété de société d'intérêt simple comme vous. Nous utiliserons une propriété de données normale. Nous n'avons pas besoin de changer de parenthèses pour cela car c'est une propriété de l'ordinateur. Donc on a été Nous y retournons. C' est la même chose, non ? Donc, en utilisant les propriétés de l'ordinateur, votre modèle semble beaucoup plus propre sur Si de nouveaux développeurs viennent autour, il ou elle peut comprendre ce que vous essayez de faire beaucoup plus facilement 7. 07. Bonus - Propriétés de la méthode Computed: Hé, les gars, c'est une conférence bonus. Donc la raison pour laquelle on fait ça, c'est que la plupart d'entre vous ont une certaine confusion entre les propriétés métalliques et les propriétés de l'ordinateur. Vous savez, quand utiliser quoi et aussi une des questions ont été posées est pourquoi ne pouvons-nous pas utiliser des méthodes pour leurs propriétés pour ordinateur aussi ? Ou pourquoi ne peut pas utiliser l'ordinateur en termes aussi bien vers la différence exacte entre cette histoire ? Alors regardons ça dans cette conférence. Donc, ce que nous faisons est que nous avons cette vue de seigneur de la maison composant sur vous créer propriété mentorée qui dit retourné nom complet sur ce tourne. D' accord, avant qu'on ait pu faire quoi que ce soit. Il a également notre propriété de données à l'intérieur de la propriété data. Sauvegardons votre nom complet et nous avons un nom de famille démantelé. Ce qu'il fait est retourne déformer le prénom, placer le nom de début, non ? Donc, il a aussi calculé Roberty. Donc cette propriété de l'entreprise, disons, revient à l'âge, non ? C' était un pouce. Il a aussi mangé une propriété qui dit l'âge. Je suis considéré comme fait pour commencer l'âge, donc ce que nous pouvons faire est que nous pouvons aller pour les propriétés trois s place tenir jusqu'à. Je suis un combiné au prénom et nom de famille. Il a aussi sur leur propriété. C' est l'os faire l'âge. Bon, donc l'eau veut, c'est qu'on déteste l'intérieur de nous. Conceive, mon nom est là. On va utiliser un métal, non ? Nom complet. Et il y a aussi un sac de cap. Et ici, nous pouvons vous voir faire vieillir les gens. Bon, donc peut le sauver. Je sais que je peux plonger mon nom. Je peux aussi entrer dans mon âge. Combien de temps donc pour cela aussi selon cela et en ce moment l'espace juste pour que les gens possèdent. Donc, nous allons également envisager regarder pour en savoir beaucoup chaque mois, il est appelé. Et quand chaque propriété de l'ordinateur est appelé la propriété de l'ordinateur a la cour de haricots. Ok, alors commence comment ce concert de l'Etat lune un bateau. Il a fait comme ça au début, Retour et propriété de l'entreprise a été appelé. Ok, alors quoi maintenant ? Je fais mon nom. Je suis en métal La propriété a été attrapé. Ça a l'air juste, non ? Donc je traite quelque chose en utilisant la méthode. Donc, les propriétés à l'intérieur des méthodes sont en train de changer. Donc, la propriété métallique est appelée sur préavis. Comment, bien que la propriété de l'ordinateur ne soit pas appelé parce que nous ne faisons rien avec l'âge encore, donc nous allons également entrer le mien nom de famille demandé. Donc, nous avons la propriété métallique a été appelé pour 13 fois. Maintenant. La différence est que lors de l'appel de propriétés admises, nous n'utilisons pas les propriétés de l'ordinateur. Mais si je partage sur, si je suis entré dans mon âge, vous pouvez voir les propriétés de la méthode également en cours de fonctionnement avec la propriété de l'ordinateur. Donc, la raison pour laquelle j'ai omis les propriétés en cours d'exécution est si comme nous l'avons discuté plus tôt . Vous utilisez quelque chose qui s'appelle C'est à propos de votre chien, non ? Donc, ce qui se passe est que chaque fois que la salle virtuelle se met à jour, View met également à jour les propriétés métalliques. Donc, ce qui se passe, c'est qu'une lister est restée nécessite des changements. Le Robert compétent. Il ne sera pas appelé, mais pour les méthodes tant que le système mondial fonctionne affaibli, émis pour être appelé encore et encore. Il est donc généralement recommandé d'utiliser les propriétés de l'ordinateur que les propriétés de la méthode, donc rendre votre application beaucoup plus efficace. Donc, c'est un exemple pour clarifier la différence entre les propriétés mentales et les propriétés terminées sur la raison pour laquelle vous devez utiliser sur très vous devez utiliser des propriétés engagées et peut-être vous devez utiliser des remèdes calculés, donc j'espère que cette compétence. Alors c'est tout pour celle-là. Je vais voir le suivant. 8. 08. Lien des données: alors peut-être songer à l'exploration de données. Alors, qu'est-ce que l'exploration de données et comment l'utiliser en vue ? Et aussi aller à quelques exemples pour obtenir beaucoup plus de compréhension du concept ? La première chose que nous allons parler de ça, nous morale. D' accord. Donc, la morale est aussi une sorte d'attribut de liaison de données qu'à utiliser dans leur conférence précédente . Mais la morale est principalement utilisée pour une exploration de données. Donc, on va commencer une exploration de données et tout couvrir. Tout ce qu'il est venu à la cour précédente dehors. Mais je gère chacune de la conférence dans une branche distincte afin que vous puissiez aller à une branche spécifique et vous pouvez accéder au noyau pour cette conférence. Tout ce qu'il faut voir, j'ai un chien. Et cela pointe vers mon site web sur mon site web. Lingus en fait Gordon. Donc si je vais ici et que je clique dessus, je vais sur mon site web. Mais que se passe-t-il si je préviens que cela provient d'une propriété de données ? Et si je veux que ça soit dynamique, non ? Alors quoi ? On perd ? Nous allons créer un objet de date. Vous savez, les données doivent être une fonction à l'intérieur des Dedeaux. Nous allons créer un objet à l'intérieur de ça. Alors que faire si je veux que cette propriété de données soit liée à cette attaque ? Maintenant, je veux que cette propriété de données toe soit le lien qui cette attaque pointe toe. Donc, précédemment, nous avons affiché les propriétés de données à l'intérieur de ses modèles de table en utilisant la méthode d'interpolation. Droit ? Alors pouvons-nous le faire en préparation dans ce cas ? Voyons ce qui se passe si je fais Cette vue va lui donner une autre. Il dit que chaque complet combiné intempéré La raison en est que ce n'est ni divisé Syntex. Pas de gros pas acheter des propriétés de données Deux attributs juste comme ça. Maintenant, si vous voulez lier notre propriété dynamique faisant autorité à un antidote comme chef chef , ce que nous devons faire est vraiment de voir nous lier. Les PME ne pouvaient pas. Maintenant, cela devient notre propriété ennemie Maintenant à l'intérieur de cet affaiblissement liez-le. Ne l'une de nos propriétés de données par exemple Lien de site Web Aucun ID de réception il est parti. Et si je me suis attardé, ça va sur mon site web. Non, la partie étonnante de tout ça, c'est ce que c'est. Oui. Non, la partie étonnante de ça c'est que je peux écrire n'importe quoi ici à nouveau. Aller à Yeogu pas parti et je serai allé par google dot com Donc un besoin de plus boire. Ce qu'on peut faire, c'est enlever ça ici. Vous pouvez avoir n'importe quelle entrée. Papa. Vous pouvez le voir dans le lien du site du matin à l'intérieur de cet endroit et Internet à l'envers vous êtes. Donc, ce qui se passe est que j'ai eu cette taxe d'entrée et peu importe ce que vous êtes comme taper, il va être automatiquement liant orteil cette attaque particulière. Donc, à partir de non, vous pouvez voir l'attaque pointe vers l'hôte local 80 80 fois. Maintenant, ne venez pas et il montre google dot com. Donc maintenant, si je veux rentrer à la maison, j'ai besoin du sein Be Yes on. Ok, Cela signifie pour eux avec le point Google dot com aussi simple, qui devient mon site Web. Très bien, c'est ainsi que vous pouvez lier des données, des propriétés, des attributs différents. Maintenant, nous pouvons faire des choses beaucoup plus intéressantes que simplement créer un lien dynamique. Ce que nous pouvons aussi faire, c'est que nous pouvons créer une classe dynamique, n'est-ce pas ? Supposons, par exemple, commencerait à nous. On a une étiquette de capture quatre qui dit que je suis un cap. Droit ? Donc, pour cela, nous avons une classe qui a un goût actif. Donc, au lieu de script, nous pouvons voir actif signifie mauvais ruissellement comme le bleu. Donc nous avons un sac de cap et ses mauvais prêts comme le bleu. Alors que faire si je veux rendre l'arrière-plan dynamique ou que je veux allumer et éteindre l' arrière-plan. Je voulais la classe Artista active quand ils le veulent et la retirer quand ils le veulent. Maintenant je veux que ce cours soit actif, Toby Dynamic, non ? Je voulais être conditionnellement actif. Quoi ? Je voulais être conditionnellement pas actif. Donc ce que je vais faire, c'est que je vais acheter dans ce cours aujourd'hui la propriété. Donc, ce que nous pouvons faire, c'est de la folie à s'opposer. On peut créer un mauvais actif. C' est-à-dire qu'ils diraient à ce que nous puissions faire de ce placement dynamique de classe une fois de plus avoir l'esprit que nous lions . Bénis Maintenant à l'intérieur, nous allons créer un objet. Sur la première chose va être le nom du verre qui est actif. Je suis la propriété de leader qui devrait être un booléen avec, disons si les classes actives ou non pour nous. Les propriétés du lecteur, fond actif Alors qu'est-ce que cela signifie ? Donc, nous rendons la propriété de classe dynamique pour ce titre en rendant la classe active, ledit orteil vrai ou faux ? Cet acte à propos de votre incident, une propriété qui est un droit d'investissement ? Donc, à partir de maintenant, c'est une propriété Acto arrière-plan est aussi. Donc quand je frapperai, il n'y aura pas de différence. Mais quand un changement est l'arrière-plan actif pour tomber, l'arrière-plan disparaît. Donc une chose plus intéressante ce que nous pouvons faire Une exploration de données est d'avoir des styles dynamiques, non ? Donc, par exemple, disons que j'ai un titre qui a mon nom dessus. Bon, Soul, je veux rester pour être un peu bleu. Je n'ai pas bousculé. Bon, et si je veux que cette propriété de couleur soit dynamique ? Donc, une fois de plus, ce que nous pouvons faire, c'est que nous pouvons être aveuglés. Ça vous dérange ? Donc on aurait besoin de prendre. Ce que nous pouvons faire, c'est instruire. Dactylographier serait acheter à chaque fois. On peut juste placer le Golan qui est aussi égal dans le être aveugle. Cette chose devrait être à l'intérieur des accolades. Donc on avait la couleur bleue, non ? Donc l'instrument directement attaché a explosé. Ce que nous pouvons faire cela, nous pouvons voir que nous pouvons créer une propriété de données de couleur personnalisée. Donc nous allons à notre objet de données et à l'intérieur qui crée un nouveau noyau de propriété moins système je vais et comme si non, nous le laissons vide. Donc, en bas, bas, nous concluons un autre sac d'entrée et que nous, mortels, pourrions le faire. Donc juste pour comprendre ce qui se passe ici, nous avons une calamité personnalisée. La propriété, à droite ainsi discutée, propriété invalidée peut réorganiser ou sa valeur peut être modifiée. L' utilisation de cette entrée précieuse et une fois qu'une validation personnalisée de la valeur d'une propriété change la couleur de la propriété à l'intérieur du sac de haine car elle est liée à la propriété de couleur personnalisée . Donc, quand je vais sur mon site, je suis dans un filet de nom. Je vois le blanc qui le fait disparaître. Je vois le bleu. Je peux le voir mort dire jaune notre village. Donc, ce qui se passe est que chaque fois que la valeur change bien à l'intérieur de l'entrée, la propriété de couleur personnalisée est en cours de modification sur la propriété de couleur personnalisée. Il est affecté à la propriété de style de couleur à l'intérieur. Allez-y, retournez en arrière. Bon, donc c'est tout pour celle-là. Dans le prochain peu regarder Toby moral et un petit exemple entre l'exploration de données à sens unique dans vraiment la combustion afin que vous puissiez comprendre ce qui se passe, accord. 9. 09. Liaison de données à deux voies: Donc, aujourd'hui, nous regardons vers une liaison de données. Donc, nous avons déjà regardé dans remorquer le mortel dans le passé. Donc, dans ce élu va juste passer sur elle une fois de plus. Et puis nous regardons aussi vers la différence entre moi et nous mortels. Et quand avez-vous besoin d'utiliser quoi ? Donc, je suppose que la plupart d'entre vous à présent se demanderaient des mots différence réelle entre ces deux propriétés, comme les directives de magasin, nous plus que d'être liés. Alors commençons à avoir un peu de clarté là-dessus pour que vous puissiez savoir que j'ai utilisé le travail. Très bien, donc dans le luxe précédent a parlé de liaison de données, non ? Donc, nous avons parlé de la façon dont V achat est utilisé pour lier des variables afin que vous puissiez penser re frontière est utilisépour acheter la valeur d'une propriété de données. Double entrée. Eh bien, donc si j'ai une entrée pour vous et que je veux la valeur et si je le veux et je veux que sa valeur soit, il y a une correspondance à une variable ou à une propriété de données. Pourquoi n'ai-je pas l'habitude d'être lié et de valeur ? Voyons voir. Nom droit. Pourquoi n'ont-ils pas fait ça ? J' ai invité. Je le fais. Droit ? Donc, ce sont deux directives différentes, ayant presque le même but Obtenir le nom de la propriété de données à naître avec le champ d'entrée. Mais pourquoi ai-je utilisé peut-être plus jusqu'à maintenant ? Invité et argumente que nous pourrions. Le fait est que nous achetons des genoux, une radio définissant ou juste ici par moi. Mais comme nous les mortels pour préparer la brûlure. Donc maintenant, nous avons à un frais différents. On utilise être acheter et quand il utilise le matin. Donc, en termes de e par et ce qui se passe est la propriété de données est née avec une valeur hors du champ d'entrée. Ainsi, ils ne changent jamais la propriété de données, la valeur et le changement. Mais chaque fois que j'ai changé, la valeur qui aurait opératoire ne changera pas. Par exemple, si j'ai essayé de sortir, j'ai fait une vidéo avec ou sous les dictons de la chaîne. Vous pouvez voir que même si ces deux sont liés à la même propriété de données, ce nom qui utilise le mortel V n'est pas mis à jour. La raison est qu'il n'est désossé qu'en une semaine. Donc, le nom est seulement champ d'entrée de rebond, mais la valeur des champs d'entrée n'est pas liée au nom. Mais comme le matin, si l'une des deux propriétés change, les deux sont mises à jour. Essayons de changer le nom dans le V. Bine. Voyons voir si elle à Knysna être plus ainsi. Si j'ajoute un trait d'union, développer à propos sont les caractères supplémentaires. Vous pouvez voir que cette valeur ne change pas. Mais si je supprime cette découverte si je fais cela, la valeur supérieure change finalement, non ? Donc la raison est, quand vous utilisez le mortel, le nom est d'être un os de cette infanterie, qui signifie que si la valeur change, il se lève pour aller au nom, ou même si le nom change, il est mis à jour à la valeur. Donc, la directive morale est utilisée lorsque vous voulez lire la liaison de données, alors qu'un narratif be buy est utilisé quand il n'y avait pas qu'une seule redéfinition. J' espère que cette compétence, euh, je suppose que cet exemple serait suffisant. Alors c'est tout pour cette conférence. Donc, dans la prochaine, nous examinons les événements sur duh. Quels sont les différents types d'événements disponibles ? On va juste à l'interaction des événements. Ensuite, nous pourrions nous concentrer sur les événements clavier et la plupart des événements, sauf que ça va être très amusant. J' espère que vous voyez dans le prochain 10. 10. Évènements - Introduction: Donc, aujourd'hui, nous examinons les événements, donc les événements aquatiques et l'eau, différents types d'événements sur l'eau, certains des événements avec lesquels nous pouvons commencer. Donc, avant de commencer comme d'habitude, le tribunal sera disponible sur le dépôt git. Donc, avec cela dit, commençons. Donc, un exemple principal que nous pouvons utiliser pour des événements défendus est le droit de Riverton. Alors, les boutons. Si nous avons des opportunités rapidement et que vous voulez exécuter une fonction lorsque le bouton est cliqué sorte que vous savez comment et les fonctions en vous ont été discutés à ce sujet afin que nous puissions utiliser des méthodes qui dit Collecter ont la fonction I à l'intérieur dysfonctionnement, en commençant ce Seigneur maintenant. Que dois-je faire pour m'assurer que le clip métallique fonctionne chaque fois que le fardeau est cliqué ? Donc, pour cela, nous pouvons utiliser quelque chose appelé ses événements. En Javascript simple, vous faites quelque chose comme sur Click, mais en énorme est votre utilisation. Au-delà de clic, je dois qu'il montre droit cliqué. Alors on est sur. éditeur n'est pas utilisé pour les événements, donc nous avons cliqué sur le dysfonctionnement. Cliquez sur ce fardeau, donc chaque fois que le bouton est cliqué ou chaque fois que le clic d'événement se produit sur ce fardeau, cette question est correcte, donc nous allons l'enregistrer et son ticket. Cliquez sur moi, cliquez. Le bouton a été cliqué. Impressionnant. Bon, maintenant on peut faire beaucoup plus que le printemps. Un autre Supposons qu'on ait un comptoir. Je sais ce que je veux, c'est chaque fois que le mauvais clic, je veux que le compteur augmente. Donc, chaque fois que vous avez cliqué sur ce compteur de départ plus Andi, ne cliquez pas sur moi. Le compteur augmente lorsque je clique avec le bouton droit de la souris. Droit ? Donc maintenant, puisque ce n'est pas le comptoir, endroit est juste une seule ligne. Mais puisque cet avantage n'est qu'une ligne, il n'a pas besoin d'une fonction spéciale pour cela ou d'une méthode spécifique pour cela. Il est bon d'avoir une méthode pour toutes ces propriétés parce que quand quelqu'un d'autre entre dans, ils savent qu'à part une bonne fonction se passe ou si vous voulez faire beaucoup plus que simplement augmenter le compteur, vous pouvez facilement l'ajouter. Mais donc juste pour vous montrer que vous pouvez aussi être fait, nous pouvons créer. Nous pouvons supprimer la méthode Clegg d'ici, et nous pouvons juste implémenter le compteur. Merci très frais. C' est toujours de la boxe, donc si c'est une seule opération, on peut juste le faire d'ici directement ou par le biais important, non ? On aurait besoin de quelque chose. Ce que nous pouvons faire, c'est que nous pouvons également utiliser le double clic. Donc, dans la tâche de avez-vous sur clic et sur double clic droit donc mu d'utiliser double clic, nous devons dire au-delà que je n'aime pas Donc ce qui se passe est que nous n'aimons jamais DoubleClick, alors vous dans les leaders vaillants. D' accord, c'est tout pour cette interaction hors événements. Dans la prochaine conférence, nous examinons différents types, événements hors entrée et ce que nous pouvons faire. Et une fois de plus, toute cette cour sera également disponible sur obtenir de l'aide. Alors c'est ça. Voyons voir dans la prochaine. 11. 11. Évènements du clavier et modifierons les événements: tout droit dans cette conférence aura quelques événements intéressants. Donc, l'image précédente que nous avons vécu sur le clic et ou double clic droit sur. Nous avons également appris quels événements sont donc dans cette conférence examinera les événements d'entrée sur les différents types d'événements d'entrée disponibles. Bon, alors commençons. Il existe plusieurs types d'entrée. Les événements sortiront de vous, et nous allons à notre âge avec un certain exemple. Ainsi, vous pouvez comprendre comment l'utiliser en termes de projet de réélection. Ou comment le savez-vous ? Il était dans le sens pratique la première année où nous allons couvrir son propre sang. Donc, supposons que vous ayez un événement d'entrée, donc je veux juste que vous sachiez que tout son exact j'aime juste dans quel événement a un espace réservé dans le nom et ce qu'ils ne feront pas identifier de cet événement est que chaque fois que l'utilisateur clique sur cette entrée champ, être sur le sang, exsudé avec elle, donc on va à la méthode. Eh bien, dis du sang, et je vais laisser l'utilisateur cliquer dessus pour passer sur le champ de saisie. Bon, Donc ce qui se passe, c'est chaque fois que je me concentre sur cette entrée librement et que je tape quelque chose. C' est bon, non ? Donc, chaque fois que je clique sur, si elle et alerte apparaît en disant que j'ai lancé le terrain. Donc notre Miller est utilisé pour ça. Donc, un truc du matin que vous devez comprendre est au lieu de taper au-delà, nous pouvons juste voir ajouté de façon similaire, maintenez comment nous utilisons le bowling pour la bine B. Nous pouvons utiliser cette date pour au-delà. Le suivant est le sang des orteils similaire que la mise au point sans but. On peut le dire. Concentration. Vous avez la concentration. Donc certains croient que je me repose sur ça comme avoir Millard. Vous avez concentré. L' orthographe est en cours. Excusez-moi pour ça. Donc de même, Ce que nous pouvons aussi faire est que nous pouvons effacer la forme que nous pouvons placer ces deux variables d'entrée à l'intérieur . Je sais que nous pouvons avoir n'importe où Événement tel que sur Soumettre droit. Que se passe-t-il lorsque l'utilisateur clique sur soumettre afin que nous puissions lui voir un gros sein donc à l'intérieur de cette maturité peut dire soumettre. Donc, pour soumettre, nous pouvons avoir un bouton en se type soumettre sur. Ne cliquez pas sur le bouton. C' est une soumission pressée. Je suis donc une chose commencerait à remarquer. Voici quand Whenever le sujet est pressé. On est en train de faire un sous-marin. Je ou ce qui se passe aussi, c'est que le pH est rechargé. Et si on ne veut pas que ça arrive ? Et si je le veux ? Vous savez, nous avons renvoyé la valeur du nom, par exemple. Nous pouvons, en introduisant la morale, je peux dire Nom sur ce si, tout en appuyant sur soumettre. Je veux un cancer des orteils. Nom du journal. Bon, pour que je puisse finir le nom. Si isis submit reçoit en premier l'alerte pour vous, alors l'officiel de base ne pourra pas voir le message de journal de la console car c'est pour moi . C' est beaucoup trop rapide. Et si tu ne veux pas ça ? Alors, qu'est-ce qu'on peut faire ? Y a-t-il quelque chose qui s'appelle n'est pas encore plus de défense ? Donc, ce sont les événements de base disponibles pour JavaScript, et vous pourriez mortifier que le très commodifié est en utilisant le point après la porte, mais l'événement. Donc, ce qui se passe est qu'il empêche le comportement par défaut du sujet une certaine protection. Donc, pour la sous-production, le comportement par défaut est de recharger la page ou de soumettre le formulaire droit pour soumettre le formulaire. Et il a déchiré la page à droite. Donc ici, si je revois mon nom. Je dis « Summit ». J' ai mon nom au consulaire. Il ne se recharge plus. Cette voiture moins encore plus accusée. Il y a aussi un autre effet encore plus que celui de Carla. Donc, le précédent que nous avons discuté de sa fille empêcher, ce qui empêche le comportement par défaut, tandis que les commencer s'assurer que l'événement est fait seulement une seule fois. Par exemple, nous avons un bouton qui dit Flicked me sur un clic. Nous avons quelque chose pour les tests. Cliquer sur les fardeaux. Grand pour que je puisse avoir cela important et contre un seigneur consulaire, mais complet. Donc généralement si je ne mentionne pas même modificateur, ce qui va se passer est le nombre de fois que je clique sur le bouton le même nombre de fois que je vais obtenir le message du consulat. Mais une fois, j'ai ajouté des points encore plus redoutables. Et si je le rafraîchis, je veux dire, je ne peux pas participer une seconde fois. Donc, une fois affligé, il court. Et c'est tout. Tellement mauvais. De bons événements d'entrée. Un autre, c'est ça ? Tu ne sais pas ce que ça fait. Donc, quand je vais à l'entrée, vraiment je veux dire, j'appuie sur une touche. Je suis dans les clés. Je reçois le message. Donc, de même, nous avons d'autres propriétés coalesce. Key Up Way utilisera la même question, mais dira les touches vers le haut. Et si j'ai dit la différence entre la clé du loyer et les locataires, la clé ne fonctionne pas quand la touche A est enfoncée, non ? Mais alors que la clé fonctionne lorsque la clé est libérée, c'est tout. Les clés ne sont pas G debout. Les clés ne sont pas des indices, donc il y a aussi un Plus sont nécessaires signifie qui est juste pressé afin que nous puissions comprendre chaque fois que les clés poitrine nous garder afin que nous ne tapons jamais rien. Il est automatiquement annulé journalisé. Donc, c'est tout pour les événements d'entrée et encore plus diversifiés. Donc, pour la prochaine, littéralement à la recherche d'événements de souris orteil. Donc, quels que soient les amis qui ont été capturés avec Mo's, et nous aurons quelques exemples pour ça, donc je vais voir dans le prochain 12. 12. Mouse de la souris: Bonjour et bienvenue à ce sujet. Comme être à la recherche événements Tomas Dans la section précédente, nous avons examiné les événements de l'eau et de l'eau, même les modificateurs et l'ordre. Les différents types d'événements que nous avons disponibles. Et on ne sort pas, tu sais, tu sais, parfois dans la jolie Vince. Droit. Donc, dans cette conférence, dans cette conférence, nous regardons dans les événements de la souris sur commande, différents types de la plupart des événements. Donc il y en aura un très court parce qu'ils ne sont pas faits, je suppose. Événements. Donc, nous allons juste aller avec eux assez rapidement parce que nous avons déjà couvert les bases des événements, donc cela ne devrait pas prendre beaucoup plus de temps. Droit ? Bon, commençons. Donc, pour les débutants prix à l'intérieur, le son de celui-ci créent notre David classe de plus sur son avoir. Et nous avons juste un peu de cachette, et nous le faisons Il donnera enfin des pixels hors hauteur et semble tiré à cause de lui. Je suis juste pour comprendre que là où c'est, on peut lui donner de la couleur. Euh, on va lui donner de la lumière. Selon cela, si cela devrait être condamné à une amende. Donc si je garde ça devrait voir quelque chose. D' accord. D' accord. Donc, euh, pas la nuit de Mo. Réparez-le. Maintenant, nous avons notre Dave avec qui nous pouvons travailler. Donc maintenant, nous voulons regarder certains événements de sorte qu'il parce que chaque fois qu'il se demandait, sont essayer un événement que vous pouvez soit aller avec moi sur ou vous le condamner à aller avec ajouté droit afin que vous puissiez accéder à la plupart des événements en tapant sur Mao. Et ce sont tous les événements auxquels vous pouvez accéder. Donc, d'abord, quand nous regardons dans son plus Monsanto, Donc ce qui se passe est ce Un matin fait chaque fois que le plus est entré ce fait ou est tous les ordres tremper afin que le bébé peut déclencher il est en l'associant à la méthode. La plupart d'entre vous savent que nous créons le plus d'événements à l'intérieur. Je n'étais pas du côté du script. Nous allons créer un objet métallique dans le règlement du sujet. Nous allons créer un marché de consommation très égal. La plupart entrer à droite, Donc, si je l'enregistre et si je creuse l'additif Mozilla, vous pouvez voir qu'il a été tri Monsanto le journal consul. Donc, un autre événement de souris similaire est la plupart laisser. Donc non, le plus au sud et nous allons regarder dans la plupart des congés. Il fait exactement le contraire des guerres finissent par être très loués Emo. Il ne le déclenche pas, mais on ne laisse jamais un Trickle dit. Alors entrez et laissez-le parce que c'est juste de sorte que le Leavis de Mao sous le fait est le plus bouger. Donc ce qui est le plus ému, aussi longtemps que la malédiction qui se déplace à l'intérieur de leur Dave particulier, il continuera à imprimer le consulat. Donc si j'y vais, mais je dirais juste que la plupart bougent. Si j'y vais et comme un déménagement le plus, vous pouvez voir que mon journal de préoccupations est le domaine le plus. Donc, cet automobiliste considère comme celle de ma mère, se déplace sur chaque initiative de pixel. Un autre est la plupart possédée, donc un nom za suggère la plupart, donc il a vraiment déclenché chaque fois que le clic de la souris conservateur. Donc, si je vais dans, je clique sur le plus cliqué droit ? C' est appelé le plus bas, donc déclenché chaque fois que les maisons tombent. Je sais similaire au clavier, met la touche vers le bas et la touche vers le haut. Vous pouvez également faire les mouvements vers le haut, cliquer dessus et vivre il se déplace vers le haut, à droite, donc c'est tout. C' est un petit il électrons musulmans. Alors je te verrai la photo suivante 13. 13. Propriétés de regarder: bienvenue à une autre conférence dans cette conférence à la recherche des propriétés de la montre orteil. Mais avant d'aller plus loin dans la plus grande conférence, plupart des événements et a apporté quelques changements à la cour et ont les aptitudes et obtenir de l'aide. Alors quoi ? Essentiellement, ce que les équipes ont fait est absolument le plus d'événements dans son propre live individuel , et je les ai juste pris individuellement et chacun d'eux leur a donné leurs propres méthodes. Bon, donc, par exemple, par exemple, il y a les mouvements vers le haut. C' est le plus bas. C' est Muzenda. Andi devrait être le plus parti. Anderson est le plus grand mouvement. Donc, au lieu de les avoir tous dans un seul plongeon pour votre clarté et votre compréhension, je suis juste les divisés en différentes méthodes. Vit plutôt tire des stylings, non ? Donc, d'accord, nous avons un modèle propre. Donc fondamentalement propriétés de la montre d'eau. Donc, afin de comprendre les propriétés des mots, vous pouvez un peu comme les imaginer comme un écouteur d'image. Donc, disons que vous avez un droit de propriété de données, et que vous voulez écouter ou regarder. Les modifications doivent arriver à la propriété data. Vous pouvez utiliser des récompenses. Les propriétés de surveillance de propriété seraient beaucoup plus utiles pour les méditations lorsque vous pouvez évaluer la viabilité des données en temps réel. Donc, prenons un exemple pour que nous puissions mieux comprendre. Donc ce que nous allons faire, c'est nous allons créer un petit formulaire. Dans ce formulaire, vous pouvez avoir deux variables d'entrée. C' est un espace réservé, d'accord. Supposément, la ville est un formulaire d'inscription I à l'usage de l'étudiant Justo. L' utilisation d'eux devrait être plus de 10 caractères sur le mot de passe devrait être plus de huit . Guidant va bien. Donc un jour, ce qu'on pourrait faire, c'est qu'on pourrait deviner. Bon, donc ces messages, je peux les montrer juste à côté des arbres mourants. Donc, la raison pour laquelle je mets ces messages à juste titre dit champs de saisie est que je veux juste savoir combien de caractères qui sont restés, non ? Donc, d'habitude, ce serait jusqu'au mot de passe. Il reste huit heures. Donc si je le garde, on peut voir utiliser le nom a 10 voitures juste à gauche sur le passé. Qu' est-ce qu'il lui reste ? Je suis désolé. Nous avons besoin de deux variables supplémentaires pour stocker l'entrée. Donc, disons, utilisez le nom. Bon, mot de passe. Et nous les achetons rapidement à ces champs d'entrée en utilisant la morale, et celui-ci est un mot de passe, non ? Donc, quelle que soit l'eau qui s'est étendue lors de la mise dans ces champs sera automatiquement stockée dans le nom d'utilisateur et le mot de passe. Donc maintenant, je veux plus dans ces deux propriétés de données. Ou, vous savez, maintenant je veux regarder ces deux propriétés de données pour comprendre la longueur d'entre elles et pour m' assurer qu'elles sont, s'il vous plaît 10 caractères de long ou si c'est un mot de passe. Il fait huit caractères. Donc, ce que je peux faire, c'est que je peux créer une autre propriété. Montre Corners. Il suit également la syntaxe d'un objet afin d'accorder des propriétés que je peux utiliser directement les données que Properties a admis. Droit ? Disons que je les utilise correctement. Je dis d'utiliser le nom et de dire que c'est un problème. Donc, ce que cet index fait essentiellement, c'est que cette propriété de données est surveillée. C' est un peu comme attacher un événement n'est pas un droit disponible, Donc, à l'intérieur, utilisez le nom, par exemple. Ce que nous allons faire est consoler ou consigner cette histoire en l'utilisant. Ainsi, chaque fois que la propriété de données utilise, le nom est en cours de modification. La propriété watch, À quoi sert la propriété data ? Chaque fois que quelque chose le change, nos forces ou cela déclenche cette méthode, est-ce pas ? Donc, par exemple, si nous ouvrons le journal de la console et si je tape quoi que ce soit, vous pouvez voir quel que soit le type est mis sur le concert. Regarde si loin, banque. Très bien, donc ce que nous pouvons faire est avec l'aide de ceci, puisque l'utilisation du nom est une chaîne, nous ne pouvons pas mettre la longueur de celui-ci. Donc je vais le consigner. Donc, si je l'enregistre et que je commence à taper, je peux voir que la longueur de cette chose commence à apparaître ici. Donc, sachez ce que nous pouvons faire est d'obtenir notre effet désiré pour la mousse. On peut le voir dans ce magasin en utilisant un message égal, puis moins ce magasin pour utiliser le nom laissé Bless. Donc, tout est tendre en utilisant dans les changements de propriété cette litière de chat pays. Donc, ils vont dans le nom d'utilisateur est calculé et il est soustrait de 10. Et j'ai ajouté des caractères de dépoussiérage. Et celui-ci est dans la propriété de données utilisée dans un message. Donc, si je l'enregistre et qu'ils sortent Alors que je tape, vous pouvez voir que le nombre de caractères restants diminue. Donc je peux juste un petit espace ici si je peux. Ouais, donc maintenant ça va dans les moyens de Ford négatifs, ce qui signifie que la longueur du nom d'utilisateur est beaucoup plus grande que 10. Et si nous voulons qu'il soit limité à eux, donc nous pouvons avoir un petit chèque qui dit, si c'est un nom, pas prêter est plus alerte Dunton. Donc, si je vois cela et aussi ce que nous pouvons aussi le faire. Nous avons également eu ce message sur Enregistrer et je reviens Comme je suis en train de taper, il me reste encore quatre garanties et si j'ai dépassé, il y a une alerte, accord, donc vous pouvez aussi faire la même chose avec mot de passe. Ou vous pouvez également vous assurer que l'on utilise toujours le nom et le mot de passe ont correspondu à la bonne quantité de termes. Vous pouvez soumettre le formulaire automatiquement, ou ce ne serait pas ce qui ne serait pas réellement pratique, mais vous pouvez faire beaucoup plus de choses cool, est-ce pas ? Et vous pouvez également essayer d'ajouter dans les événements d'entrée à ce formulaire comme un peu comme créer une expérience beaucoup plus intuitive orteil pour faire comprendre à l'utilisateur, comme tout ce qui se passe. Donc, la plupart des sites Web ressemblent à des utilisations, propriétés de montre et des marques importées à un peu comme un moyen de validation de forme de mitt . Donc, chaque fois qu'ils utilisent les sorties, sensation d'entrée ou, vous savez sur l'événement d'entrée de sang est utilisé peut affecter à comprendre le format est correct ou violé pendant qu'ils tapent qu'ils peuvent savoir si la longueur est correcte. Tout cela, y compris les caractères spéciaux. Donc c'est du genre de choses. Donc c'est déduit. Regardez les propriétés que je verrai dans la prochaine. 14. 14. Composants: Bonjour et bienvenue à une autre conférence. Excellent travail. Faites-moi, veux-tu ? Donc juste pour récapituler ce que nous avons appris, nous avons appris ce que la beauté est que nous avons appris sur Bear pour vous utiliser, Jess. Nous avons appris comment indiquer la beauté est dans le site Web. Nous avons appris sur les propriétés des données. Nous avons appris à propos de la liaison des données. Nous apprenons sur les méthodes propriétés de l'ordinateur, les propriétés de la montre. Nous apprenons même sur le point de préparer la reliure. Nous apprenons même sur les événements, même les modificateurs, événements d'entrée , la plupart des événements etc. Donc vous apprenez le Seigneur Alors maintenant, avec ce fondamental établi maintenant, nous pouvons vraiment sauter dans les composantes. Les composants de l'eau devaient donc être utilisés. Nous pouvons vraiment comprendre ce qui rend les composants tellement géniaux sur. Pourquoi tous les amis et les cadres préfèrent les utiliser ? Donc, même pas seulement voir, même si vous allez à la colère ou si vous allez à réagir parce que les plaintes sont très utiles pour l'utilisation quart. Si vous avez un terrain et que vous voulez le réutiliser, si vous voulez utiliser la fonctionnalité, vous n'avez pas tout compté. Le premier exemple hors composant que nous avons vu est bonjour composant monde que nous avons vu dans la première conférence, non ? Peut-être une série d'abus ici, non ? Au fait, tu as aussi appris de toi Dis, genre, super boulot là-dessus. Commençons donc par les composants. Donc, les composants de l'eau à travers le plus de plaintes d'eau, nous pouvons creuser le côté. C' est Deke Amazon, par exemple, comme nous le faisons toujours pour Amazon. Nous avons la barre de navigation, et nous avions les images pour chaque page. Ceux-ci ont pris vision nocturne, mais et pied de page sera le même. Donc, ces deux auront la même fonctionnalité. Ces deux-là auront le même look. Donc, ce que nous pouvons faire, c'est que nous pouvons les classer en composants. Le principal avantage qu'il obtient en les transformant en composants est que nous pouvons rendre cette date dynamique, alors voyons ce que nous pouvons faire. Donc, d'abord, vraiment, avec un composant de haut niveau, nous allons le supprimer. Très bien, Donc, pour créer une nouvelle structure de fichier d'initié composant, nous avons un dossier séparé, appeler ses composants. Vous pouvez cliquer avec le bouton droit sur le nouveau fichier et nous pouvons voir dirigé point vue. Donc, la porte vous indique le combat de vue. C' est un composant de vue, donc nous ne le faisons pas. Nous avons déjà parlé des avantages de l'extension de la vue de porte, à droite. Si sombre pour l'extension a son propre script de modèle sur le style, ce qui le rend beaucoup plus facile à maintenir orteil et beaucoup plus facile à comprendre. J' ai donc créé un nouveau composant. Commencez par un tempéré de base. Je pourrais le faire en tapant SC et vous pouvez voir l'échafaudage. Et si c'était un coup de couteau Non, c'est un composant d'en-tête, non ? Donc nous voulons avoir ce qui ne va pas. Donc, une chose à noter ici est que chaque composant doit avoir une dip principale ou une enracinée. Jusqu' à présent, cette instance que nous avons créée jour qui est sa tête insensible va créer, hum, dans une ligne, non. Et si je dis David, nous ne verrons rien parce que nous ne l'avons pas importé pour adapter le composant de sorte à partir de maintenant, sont si À partir de maintenant, notre site Web est basé sur ce composant, donc ab composant est ce qui est rendu. Donc, il n'y a pas de trace de composant Heather à l'intérieur d'un composant Plus tard, deux, plus tard composant ab savent qu'il y a un en-tête ici. Ce qu'on peut faire, c'est à l'intérieur du script. Nous pouvons importer bonjour important de et il slash composants. Bonjour donc Ed date indique la source sale droit ? Donc si je le vois mais qu'il n'y a rien qui s'affiche ici. C' est parce que nous ne sommes pas encore inscrits. Jusqu' à présent. Ils utilisent un composant. On a un sujet. C' est ses composants. Et au lieu de composant, vous pouvez voir tête. Maintenant, la partie d'enregistrement est terminée. Bon, maintenant nous avons le composant enregistré. Nous pouvons l'utiliser dans le modèle. On peut aller au temple. Il peut voir eu un avec que nous avons devant vous. Donc, ce qui se passe, c'est que chaque fois que je veux avoir cette tête sur une page que je veux, je peux juste importer le composant et le charger. C' est aussi simple que ça. Donc, dans la prochaine conférence, beaucoup de discussions sur les accessoires qui se concentreront sur l'envoi hors du composant. Alors rappelez-vous comment on a parlé d'avoir que je vous fasse mourir au lieu de composant. Donc, nous pouvons le faire en utilisant des accessoires que ce sera la prochaine conférence. Donc, une chose nécessaire à propos du composant est que nous pouvons aider Mr Components Donc le composant de réserve de tête et l'en-tête intérieur, nous pouvons avoir un autre composant. Donc, ce que nous pouvons faire est à l'intérieur des composants, vous pouvez créer un nouveau fichier qui dit données ni composant de données de vue. droite. Donc, au lieu , en-tête, nous pouvons suivre la même procédure. Tout d'abord, nous allons importer des données à partir de données de barre oblique de composant à l'intérieur d'une balise de script. Vous allez avoir une propriété de composants et ses composants vont ralentir un composant sur nous pouvons l'utiliser. Utilise les données si je l'enregistre. Salut sous en raison de la conduite. Ainsi, le composant de données est rendu à l'intérieur du composant dirigé. Et ce composant d'en-tête est rendu à l'intérieur du composant d'application. Donc personne n'a fait tête composant. Et donc, quel est le composant d'en-tête ? Et ce composant pourrait littéralement très bien, donc c'est tout . D' accord, donc c'est bon. Donc, l'exception pour les composants dans la direction je vais vous voir la section suivante 15. 15. Rendu conditionnel: Ok, nous allons venir à une autre beauté électronique est dans la direction. Donc, dans cette conférence sera à la recherche des conditions de rendu. Donc, nous allons examiner OVI après des parents, par exemple. Ils pourraient être situation très vouloir rendre un certain élément que si un certain mystère de valeur ou à travers une certaine valeurs. Forts. Droit. Donc nous ne cherchons pas comment faire cela. Le plus est que ce que nous allons faire c'est que nous allons créer deux formulaires. composants aussi. Essentiellement, nous allons créer un formulaire de journal qui devrait journaliser Northview Un autre fichier qu'il voit. Mais c'est typique. Donc c'est artificiellement cette forme de monsieur. Ça va être très simple. Je me souviens que vous ne devriez avoir qu'un seul élément principal, donc j'ai la forme principale à l'intérieur. Cela aurait ok, entrée, entrée, espace réservé et j'utilise le nom donc finissent de manière similaire mot de passe. Ils devraient être la fin de bâtard, non ? Donc nous avons dû nous inscrire pour Mary et nous sommes compliqués en embauchant une ancienne tradition et tout cela parce que nous allons juste chercher comment changer de composants. Donc, cette forme suggérée et la forme de verrouillage seront très similaires pour la façon dont ce couple vraiment je peux avoir ceci, et je ne le fais pas. Vous faites le dans le mot de passe. Donc juste pour identifier lequel est ce que nous allons avoir une tête dans ce formulaire de journal et pour l'inscription, nous allons avoir je juste pour bon. Donc maintenant ce que vous allez faire, c'est que nous allons enlever le composant à tête d'hydre que nous avons importé de la dernière conférence. Et nous allons importer à travers un orgue. En outre, ils l'ont juste pour moi, et il va le déclarer à la place la propriété des composants se connectant à Justo. Je sais qu'on peut aider à démarrer Logan, tu peux aussi avoir un système, non ? Si je le garde, nous pouvons voir que nous avons le journal dans l'ancien, surtout maintenant. Nous ne voulons pas que ces deux formes soient dépiritées. Nous voulons qu'ils soient affichés conditionnellement, donc nous voulons l'utiliser pour pouvoir basculer entre ces deux formulaires, non ? Donc, nous allons avoir besoin d'une propriété. Donc, folie, la propriété aura un cordon variable moins show log in, et cela devrait être vrai, non ? Donc, sachez ce qui commence à est pour ce composant ou pour n'importe quel élément de cette question, vous pouvez avoir qu'il a fallu ou soyons si tout va bien, donc pour B si à l'intérieur de cette façon, si nous pouvons avoir une valeur d'investissement dans notre cas, les lingots est show Logan, je dis Bien sûr, connectez-vous. Et comme un élément de décision est différent de Logan, nous ne voulons pas montrer la composante médecin pour cela. Vous pouvez voir si North Shore Logan donc si je dis, retournez en arrière, nous ne verrons que cet organe pour la raison. C' est vrai, et ça tombe pour que je puisse les remplacer. Il tombe et les remplacer par la vérité, et ce serait à peu près la même chose. Donc, affichez la connexion. Nous avons abandonné la journalisation uniquement si la valeur est vraie ou enregistrée Logano en direct. La valeur est fausse, est-ce pas ? Donc, le coup et aussi très joue avec show log in. Et ce sera parce que le court pas sûr de se connecter. On peut le faire. Sinon, nous avons aussi un autre directeur Corliss, nous d'autres, Et si vous avez des repas, nous n'avons pas besoin de spécifier l'exploitation forestière de North Shore, donc si je l'enregistre, nous allons voir le formulaire de journalisation lui-même. Personne en se transformant distinctement en cela. Nous pouvons conclure un bouton qui est changer de formulaires. Et nous pouvons avoir n'importe quel Brentford en Grande-Bretagne changer de formulaire sur cet événement et avoir un compteur à l'intérieur. C' était important. On peut commander la valeur du rivage, Logan. Ce que je vais faire, c'est que ce magasin est égal au nord de cette porte, Logan. D' accord, donc je commande essentiellement la valeur de la propriété des organes de rivage. Donc, si la valeur d'affichage du journal est, faire changera. Il tombe. Si c'est faux, ça changera. Si je le garde. Non, on a un bouton, non ? Donc, chaque fois qu'ils cliquent sur un bouton, la valeur de la rive Logan sera ciblée, ce qui signifie que lorsque vous allez à tombe quand il est faux, journalisation a disparu, et je viens d'apparaître à base de plantes donc je peux le faire n'importe quel nombre de fois J'ai voulu. Maintenant, nous avons aussi un autre Derek pour appeler son « Nous d'autres » ? Si oui, c'est fondamentalement si Elsa Nelson a raison, donc à l'intérieur du nous voulons connaître papa, il n'a pas besoin d'être exactement disponible. Vous pouvez également avoir quelque chose comme un argument Donc,par exemple, par exemple, si j'ai disponible qui dit la valeur et l'étendue et B si la valeur est supérieure à la lutte. Donc, si je dis que aimant ont été affichés sur pour les formulaires de commutation, je peux voir la valeur de départ appelée citron droit ? Donc, quand je clique sur les formulaires de commutation, ce qui se passe est la valeur la plus adolescente 11. Sur ce point, nous ne serons plus valides. hansa change lentement. Ils sont juste dessus. Donc, ce que je peux faire est que je peux voir la valeur de début enregistrée auparavant, sorte que maintenant le chemin de la condition ne sera plus valide. Par conséquent, cela arrêtera le rendu et instruira. Cette conférence de registre s'affichera. Donc, si je l'économise sur l'excès, quels formulaires vont au système ? Alexa qui est contrôlé et boire. J' espère que vous avez une idée pour ce rendu de condition maintenant, donc c'est très simple, donc il utilise fondamentalement être si quelqu'un d'autre, nous pouvons également utiliser V. Si c'est très similaire à cela, vous pouvez l'essayer par vous-même. Et dans le secteur suivant, nous examinons comment transmettre des accessoires ou comment passer des données dans des composants et rendre ces composants dynamiques. Je verrai dans le prochain 16. 16. Accessoires et événements personnalisés: dans cette section, nous allons examiner comment écouter les données deux composants comment les données décentes aux composants et comment récupérer les données de la conférence. Donc, ces données sont souvent appelées accessoires. Donc maintenant, nous cherchons à espérer transmettre des données de la composante enfant de la société mère ainsi que récupérer le saignement de l'enfant compétent, composant apparent. Donc on a déjà un rencard. Un composant que nous avons créé lors de la dernière conférence à l'intérieur de son composant. n'y a rien de plus de données. Je déteste ta journée. Salut. Émis un composant. Nous allons donc essayer d'envoyer ces données cette chaîne à partir du composant d'enchères. Par exemple, si nous sommes dans la beauté abhor, non ? Alors, à l'étranger. Vraiment ? Pour le composant de données, nous avons enregistré le composant sous la propriété components. Maintenant, nous pouvons utiliser le composant et vous pouvez enregistrer des données. Ce rafraîchisseur d'approvisionnement Ok, nous n'obtenons rien parce qu'ils ne pensaient pas ici. Donc nous avons juste un cap ah. C' est que vous devez avoir un itinéraire. Si oui, nous aurons de grands yeux enracinés à l'intérieur. Cela aura non couvert à son seul titre dit composant Dado. Bon, pour qu'on puisse voir l'autre composant que je connais. Donc maintenant, ce que nous voulons faire est que nous voulons envoyer des données dans ce composant, n'est-ce pas ? Donc, par exemple, disons que je veux avoir une balise historique. Je veux avoir un père d'histoire ici. Je veux montrer afficher un message, non ? Donc ce message, je ne descends pas de la douleur et compétent, qui est vue abhorreur. Pour envoyer ce message, nous utiliserons quelque chose appelé moins d'accessoires. Donc, le composant de données s'attend à un problème avec le message de nom afin que nous puissions le déclarer au lieu du sac de script, nous pouvons dire des accessoires à l'intérieur des sondes. Nous pouvons voir le nom de l'attente appropriée. Dans notre cas, c'est un message, et c'est une option, mais il vaut mieux l'avoir. C' est une bonne pratique d'avoir ceci, donc généralement vous étiez juste un message limité sur. Ce serait ça. Mais en termes de bonnes pratiques, c'est généralement une bonne chose de le faire. Nous pouvons déclarer le type sur lequel il est une chaîne, est-il nécessaire, et c'est aussi. Donc, les propriétés régionales significa à ce petit problème que j'ai mentionné nécessaire. C' est vrai pour ce problème, donc si je l'enregistre un composant insider, stérile, nous n'envoyons aucune donnée. On n'envoie pas le message apporté, qu'il attend, est-ce pas ? Donc, si je vais sur notre site Web et si j'ouvre le journal de la console, nous obtiendrons un avertissement de vue manquant message cassé requis parce que nous avons déclaré que je le mieux à travers et c'est une chaîne de type. Bon, maintenant, pour envoyer ce message problématique, ce qu'on peut faire, c'est de la folie. Le composant. Vous pouvez voir le message de Gordon et à l'intérieur de son message, je peux passer Idiot de Robert E. Donc il a créé une propriété. C' est son message. Voyons bonjour du composant de données et ici, nous allons voir le message. Donc si je le garde, on peut le voir. Donc, si un rafraîchisseur de l'autre côté disparaît parce que nous envoyons le dodo afin que nous puissions aussi envoyer plusieurs accessoires. Par exemple, si elle exige également l'âge, prop contre le type d'âge devrait être le nombre et rester silencieux les garçons. Donc, puisque l'âge n'est pas obligatoire, nous pouvons juste dire tout à fait est faux. Et si je le garde, on n'en aura pas un autre en ce qui concerne l'âge parce que requis c'est faux sur. Au lieu de construire composant, nous pouvons avoir une autre propriété appeler son âge. Je suis dans une seconde. Cendant. Personne. Je suis désolé. Donc juste pour afficher cette jauge ici âge que je connais l'âge. Donc, un Justin, c'est ainsi que l'envoi de données à partir d'un composant stérile de l'enfant. Mais comment avons-nous envoyé des données à partir du composant enfant ? Bout arrière été composant. Donc, nous allons utiliser quelque chose qui nous appelle. Emmett. D' accord. Donc vraiment en vouloir. Nous allons supprimer le composant de données de notre ab Broadview, et nous allons importer le composant de journalisation. Je vais aussi me connecter à l'intérieur de la propriété components et je peux l'utiliser. Logan, je le garde. Je vais mieux. La carte est ancienne connexion. D' accord. Composants, à droite. Ses composants. Donc, si je l'enregistre, faites que le journal soit informé ici. À l'intérieur du formulaire de connexion, je peux avoir un bouton peut dire soumettre. Compte tenu de votre type de soumission, nous pouvons avoir n'importe quel écouteur d'événement soumettre et a commencé Empêcher le comportement par défaut en disant prévenir et nous pouvons voir sous la forme. Donc, au lieu de l'ID de script, nous pouvons avoir une propriété au lieu de minutes Propriété que vous pouvez basée sur le formulaire de soumission mentoré . Mais maintenant, nous avons juste un journal de console. Préoccupé par le journal. Tom a soumis haricot. Droit ? Donc j'ai économisé 10% de ce que j'ai pu. Le formulaire de message de la console a été envoyé. Donc, sachez que je veux faire est à l'envers. Broadview, je veux que tu le soutiens. Ce que je veux. Mais j'ai eu ah, plaisante. Sac disant message à l'intérieur de ce message. Je supprime ce message et je veux essentiellement savoir si le formulaire a été soumis ou non. Donc, d'abord la forme a été soumise au nord. Droit ? Donc on peut même avoir un emoji ici. Donc, si je vois le formulaire n'a pas été soumis. Donc, ce que nous voulons, c'est que lorsque vous allez vous connecter au formulaire et qu'il appuie sur le bouton de soumission, je veux le message ici dans la vue Abdur. Aucune modification élue Donc commencerait à est au lieu de consul l'enregistrement. On peut dire que ce compagnon de porte est en retard. Donc, fondamentalement, ce qui se passe est que nous pouvons aimer envoyer ou de déclencher pour enlever la vue que le formulaire a été soumis. Droit ? Donc ici, nous pouvons recevoir le déclencheur en allant ed sur soumettre à la maison soumis. Donc, en recevant ce Tigger à partir du composant de journalisation, nous pouvons obtenir notre propre méthode à la place du composant. Donc, sur soumettre. Je déclenche les formulaires de compteur soumis. Donc, si je le sauve Et si je vais méthodes 25 c formulaires soumis et à l'intérieur de cela, j'ai essayé changer le message de distorsion égal faire des formulaires soumis droit, frappons si je vais à notre site Web Et si je clique sur soumettre que Mme obtient changé Donc juste pour aller sur ce qui s'est passé ici est au lieu de composant de journalisation lorsque le formulaire est soumis Étaient émettant un événement sur le nom syrien est sur soumettre C'est un client Même que nous concevons que nous recevons est sur demande d'été au lieu de rap vous enregistrez est défini sur elle sur soumettre sur cet événement se produisant Nous essayons d'exécuter ce formulaire soumis méthode et à l'intérieur de ce formulaire sous blessé Nous avons changé le message pour soumettre des formulaires si frais nous avons formulaire n'a pas été soumis Cliquez formulaires soumis. Très bien, donc c'est comment envoyer des données à partir du composant parent du composant enfant En utilisant des accessoires récupérer des données à partir des composants enfants apparaissent incompétents en utilisant les événements droit. Dans la prochaine conférence, nous regardons dans la vie second regard d'un composant. Ça devrait être intéressant. Je verrai dans le prochain 17. 17. V-for avec des accessoires: dans ce électriquement à la recherche avant jusqu'à présent semble intempérance, donc il est vraiment sujet amusant et vraiment facile à comprendre. Alors, qu'est-ce qui va perdre ? Will Decatur Nouveau composant factice Vous venez de l'appeler factice Ne pas voir et a dit que ce composant factice aura un leader qui dit, Hey, Hey, composant familial tout droit, rien de vraiment créatif. Donc, au lieu de script, je composant vraiment important, disons, pour mannequin de barre oblique, nous allons l'enregistrer sous la propriété components. Dis mannequin. Non, c'est un engourdissement que je suis un composant, non ? Ou sinon ? Un composant hématome. Et donc, par exemple, j'ai voulu que le composant Demi soit moins de 10 fois. Donc ce que je peux faire, c'est que je peux appeler l'identité de la bête plusieurs fois et la sauver et dîner comme ça ou encore une chose. Ce que je peux faire, c'est que je peux créer une boucle for. Je peux le voir avant le composant et ensuite. Donc si je le vois, tu n'as pas juste fini les temps. Donc, fondamentalement, ce qui se passe est que nous pouvons avoir ce numéro dynamique aussi, donc ce que nous perdons ? On l'a créé. Propriété de données qui dit nombre qui va être vide pour l'instant et lickin bon. Cela dit ordre de paix dans le numéro sur. On va être mortels. C' est le numéro. Bon, donc ce qu'on va faire est à l'intérieur du composant de syntaxe avant en nombre. Alors que se passe-t-il ? Est-il lu composant atomique centeredness autant de fois que la propriété de données hors numéro. Donc, par exemple, si vous avez été ici entre différents types de composants, donc si je l'enregistre, nous avons notre entrée la variable d'entrée de nombre. Maintenant, si je dis qu'on en aura un. Mais une chose que vous remarquez quand je dis zéro coop négatif. Et si je vois un autre zéro, on en aura trois. Donc, fondamentalement, nous n'obtenons pas 100 100 composants, mais nous obtenons trois composants différents. Pourquoi, euh, la raison pour laquelle cela se produit est que les valeurs sont stockées comme une puanteur. Droit ? Donc, le composant fictif est rendu autant de fois a leur impie dans la chaîne. Droit ? Donc, si j'ai plusieurs caractères, je vais obtenir plusieurs composants différents. Mais si je ne veux pas ça ? Et si je voulais être un numéro ? Ce que nous pouvons faire est soit nous pouvons le convertir en faisant, um mais en utilisant une propriété watch en utilisant une propriété watch commence en nombre sur. Nous ne pouvons pas remplacer le numéro de début en utilisant le numéro sur ce numéro de magasin. Donc si je dis ça, je peux le voir. Ensuite, j'aurai 200. On en aura 100 à chaque sortie. Faire cela est par je pense que c'est un attribut au B de plus que nous pouvons supprimer la montre sur . Nous pouvons aller chez le mortel et vous pouvez voir le numéro de point. Donc, si je dis numéro de porte, il n'acceptera que des nombres ou si vous convertissez la propriété de données en un nombre, est-ce pas ? Donc si je vois, alors j'en ai 10. Et si je dis 100, on aura les 100. Et si je 306 000 semblables donc vous pouvez voir que nous devrions étudier selon me montrant qu'il y en a une autre pour cette ligne particulière. Donc la raison est, c'est comme mettre l'index. Donc, généralement pour un composant éteint. Ecoute, on avait besoin d'index, donc j'aime identifier d'où ils viennent. Donc, vous avez un index, nous pouvons dire l'index combo des composants. Je ne vais pas avoir un index passé clé. Alors je dis que cet homme est parti. Je suis une conformité, euh, euh, regardant se battre de la même façon. Donc, d'accord, comme nous l'avons appris dans les six candidats précédents et dans les accessoires à la conférence différente. Droit ? Donc, par exemple, voyons le compétent sauf les accessoires. Comme un numéro que j'ai acheté, tu as laissé tomber le numéro des couches ? Est-il nécessaire ? Oui, c'est nécessaire. Donc si je l'enregistre, je sais que je remplace ce composant Hey MME. Et je vois sur mes index chiffre. Bon, donc si je vois ça à l'intérieur, je peux envoyer la valeur du composant factice en utilisant l'indice d'acquittement des chiffres. Donc, si je le fais et si je l'enregistre, nous pouvons également contaminer en cachant un plus pour l'index. Et si je dis quatre, j'ai +1234 Donc c'est tout pour celui que je vois dans le prochain. 18. 18. Lifecycle pour le cycle de vie: dans cette conférence, nous allons examiner les crochets du cycle de vie. Donc, le cycle de vie de l'eau semble cycle de vie regarde un concept très intéressant à l'aide de crochets de cycle de vie. Nous pouvons comprendre quand le compromis est créé, quand il est détruit, quand il est mis à jour quand il est monté sur Lockport. Donc, nous allons tirer dans leur deuxième diagramme de flux de crochet sur la vie. On peut examiner ça. Donc, c'est le look du cycle de vie, le diagramme de flux. Donc, si vous pouvez voir la première chose, ce que nous faisons, c'est que nous créons une nouvelle vue. Instance tout de lors de la création de la nouvelle instance de vue, elle configure tous les événements et les méthodes de cycle de vie. Donc initialiser les événements et les cycles de vie, alors ce qui se passe est qu'il déclenche un deuxième crochet de vie mentor ceux-ci avant de créer, créé ainsi et l'eau, crochets que nous avons en dehors du graphique bas. Nous pouvons les utiliser pour rançon du tribunal ou nous pouvons l'utiliser pour effectuer une action entre ces événements du cycle de vie . Donc, le 1er 1 est avant créer, donc nous pouvons utiliser avant de créer avant que le composant de vue ait l'activité et utilisé dans celui-ci. Comme vous pouvez le voir après avant que nous ayons le rasage des injections et de la réactivité, non ? Donc, après cela, la conférence est en cours de création. Donc eso ces regards de vie sont très, très importants. Je veux dire, ces looks de cycle de vie peuvent être très utiles. Ainsi, par exemple, avant de créer l'un de ces peut être utilisé toe effectuer une demande réseau. Donc, pendant que le compétent est monté et chargé, nous pouvons effectuer dans une demande de camion sur nous pouvons obtenir les données et une fois la conférence créée, vérifie fondamentalement une option d'élément. Donc, si vous vous souvenez de la première conférence lorsque vous êtes coché vue dans un site Web existant , nous avons une option d'élément. Donc, s'il a un élément, le composant prendra pour l'option tempérée. Mais s'il n'a pas de composant d'élément, allez-vous le monter ? Donc, il faudra pour le modèle après avoir vérifié le modèle. Donc, si elle a, un modèle, compilera modèle en fonction de rendu. Mais s'il n'a pas de modèle, il compilera les éléments cœur HTM comme un modèle. Donc, nous pouvons passer à avant Mountain Mountain, donc ces deux sont liés au montage de l'élément allant au dortoir ou aller dans le composant sur le dôme après monté. Nous avons quelques crochets de cycle de vie d'investissement avant d'exploiter un Brigid. Ainsi, ces deux regards de seconde vie peuvent être utilisés lorsque le dortoir virtuel est mis à jour ou avant que le dôme soit mis à jour ou publié. Le dôme a été actionné afin que nous puissions effectuer une sorte d'action ou l'un de ces looks de cycle de vie, sorte que nous pouvons également plus d'intervention. Le compétent est en train d'être détruit. Donc, avant de détruire et de détruire sont les crochets de cycle de vie utilisés pour cela. Donc avant détruit, nous pourrions effectuer une sorte d'action de sauvegarde afin que nous puissions effectuer une sorte d' actions de navigation , etcetera sur détruit, post détruit. Vous pourriez envoyer un événement ou condamner un événement, tout ce que vous pourriez vouloir faire lorsque votre entreprise est détruite. Comme ça. Ce sont les looks du cycle de vie. Essayons donc dans les composants réels afin que nous puissions comprendre comment cela fonctionne réellement. Donc, ce qui est vraiment, est que nous allons commencer avec le composant APP, donc au lieu d'avoir le composant, aura des données. C' est aussi confortable, non ? Donc, si je l'enregistre, nous pouvons utiliser les crochets de seconde vie concernés par un Script AG similaire à toutes les autres propriétés. Donc, nous allons commencer les secrets de vie depuis le début va créer le avant de créer des méthodes créatives avant de créer. Donc, pour chaque cycle de vie, Huguely crée un message d'alerte afin que nous puissions comprendre quand le crochet de cycle de vie est appelé après avant de créer, nous obtenons le créateur. Une fois créé est fait, nous obtenons la montagne avant monté. Donc, avant Mountain Mountain qui avait l'habitude de monter le compétent sur le dortoir. Donc, au lieu mantra, Vous pouvez voir une charge montée et, espérons-le, après la montagne. Donc, à ce stade, nous pouvons voir le tag haut de Churn. Quoi qu'il en soit ici, c'est ce composant. Ce ne sera pas le cas. Il ne nous sera pas visible tant que les fonctions montagneuses n'auront pas été exécutées. Donc, une fois que le composé est monté sur le dortoir, alors nous pouvons voir le composant ou je suis désolé. On peut voir l'élément. Alors nous avons deux autres crochets de seconde vie avant de détruire détruit. Je suppose que pour regarder avant l'histoire et l'histoire, nous devrons peut-être créer un autre élément. Donc pour l'instant, on va juste y aller. Les deux autres aspects du cycle de vie avant que je parle plus tard. D' accord ? Si je l'enregistre, je l'ai en cours d'exécution sur le serveur local et si je dis serveur local, nous obtenons la première alerte. Donc, au départ, il est une étape de avant créer Donc une fois que la création avant est faite Donc, de sorte que nous avons échappé une nouvelle instance de vue sur elle a initialisé les événements dans la vie Second hooks. Donc, une fois que les événements du cycle de vie ont été initialisés, nous pouvons avoir accès aux hooks du cycle de vie. Donc, d'où la méthode de création avant sur Si je dis ok, je suis désolé. Donc, si je le rafraîchis donc si je vois bien, je reçois le créé à ce moment, il faut pour l'option de l'élément et a dû rafraîchir à nouveau. Donc, après avoir créé, si je dis OK, je vais obtenir le mois précédent. Alors maintenant, il va monter le composant sur le chien. Donc, si je dis OK maintenant monté est fait si souvent situé, nous devrions être en mesure de voir la haine papa. Donc d'accord, et c'est une tendance. Donc c'est ce qu'on ne va pas. Alors maintenant, avant d'examiner avant l'histoire et détruit aime regarder orteil avant l'opérateur , est-ce pas ? Donc pour que ça marche, sortons de ça. On le sait et on le jette là-dedans. Oui, pour que cela fonctionne, nous devons créer une propriété de commentateur de composant de données à l'intérieur de la propriété de données. Allons avoir ah, variable. Disons son nom. Juste un exemple commun. Et c'est avoir un espace réservé de champ et le nom et nous allons lier vous faire nom en utilisant le mortel. Donc maintenant, si je l'enregistre Alors que sur le composant doit rafraîchir, est-ce pas ? Donc, si je dois refaire chaque chose avant Mountain avant de détruire, oui, oui, donc depuis que la conférence est en cours de reconstruction, nous y arriverons donc depuis que la conférence est en cours de reconstruction, nous y arriveronsavant que le magasin et détruit le cycle de vie ici, donc monté sur ceci est le composant Et voici le nom. Donc, chaque fois que j'entre quelque chose sur ce, donc à chaque fois dans quelque chose sur quelque chose pour cela, le dortoir Tiny ou la propriété de données change sur le dortoir a à un grand droit. Donc, chaque fois que le dôme doit se mettre à jour, il déclenchera les deuxième crochets à vie avant d'utiliser la mise à jour. Disons que je suis entré. Nous n'obtenons jamais les mises à jour antérieures. Donc avant la pause, nous pourrions effectuer une sorte d'action avant que le dôme ne soit amélioré. Nous pouvons effectuer n'importe quelle action si vous voulez. Oh, je sais. Une fois que c'est fini, on sortira de cette vie. Deuxième crochet qui est son mis à jour. Donc, à l'intérieur du sujet admis semaine une autre intime l'utilisateur que certaines données ont été modifiées ou quoi que ce soit a été fait. Si je dis OK, c'est toi. Cela se produira donc pour chaque instance, parce que je n'ai pas alerté pour chaque fois avant que la mise à jour fonctionne correctement. Alors maintenant regardons avant de détruire, détruit. Pour comprendre cela beaucoup mieux. Sortons le composant de journalisation et, dit Rajan, le sera-t-il ? C' est juste à travers l'avant détruire et détruire. Donc, nous allons aussi les féliciter. Sauvez-les. Donc, la raison pour laquelle j'ai un formulaire de journalisation ici est que nous allons aussi venir dans ces dehors puisque n' auront pas besoin de tout cela. Il est également de créer un bouton qui indique Détruire le composant de journalisation et à l'intérieur de la propriété de données . Allons avoir une valeur booléenne, je sais, mais la journalisation ? Prenons un boeuf. Bien sûr. Logan, pour la bouteille. Il n'y a pas événement click event, et nous pouvons juste commander la valeur de shore Logan, puisque c'est une seule ligne, affaiblir votre commencé ici, donc si tout s'est bien passé, si ce composant est détruit, il devrait se tourner vers des événements qui disent avant, avant le début de l'industrie. Alors essayons ça. Donc, si j'ai appuyé sur détruire le composant de journalisation je reçois avant détruit, et si je dis d'accord, je reçois le détruit, alors le composant de journalisation n'est plus visible, donc si je clique à nouveau, il apparaît sur, et je peux le détruire à nouveau, une lumière. Donc c'est bien. Donc, ce sont des regards de cycle de vie, et dans la prochaine conférence, nous allons examiner dans le routage ce qui est regardé ordre et comment Ryan ou les choses nécessaires sur ce est tout pour celui-ci. Je vais voir le suivant. 19. 19. Mix.: tous mettant fin à cette conférence, nous examinons quelque chose appelé « mix ins », donc les mixes sont très utiles en termes de vous, Jess. Donc, ils nous aident à éviter beaucoup de cordon répété. Ça rend l'éléphant pas plus facile. Alors regardons comment créer un mélange et de l'arroser. Alors j'ai changé les choses. Dossier Commande Internet. J' ai mis la compagnie à la maison à l'intérieur de la maison. Il est en train de changer le type requis tombe pour qu'on ne le comprenne pas, compris ? Ce n'est pas la console, par exemple. Voyons voir. Prenons un, euh lequel ? Onda nous avons. Nous allons aussi avoir une propriété informatique. C' est une bonne date. Et à l'intérieur de cette propriété candidate, revenons. La chaîne est éteinte. Nouveau fait donc nous avons créé un nouvel objet fait sur. Ajoutons, enfer, je le sauve. Je reçois les morts. Et si je ne veux que le substrat ? Disons que je voulais de zéro, 2 11 ou 15. Disons 15. Donc si je dis 15 nous obtenons la montre vendredi pendant la 2e 2019, non ? Et si j'ai un autre composant ? Disons que j'ai un composant tel que la tête. C' est important avant le composant. Enregistrez-le. Il y a des problèmes à l'intérieur. barre oblique du cacheur le sauve. Nous avons quelques détails. Ici, nous avons Bonjour analyste Agnes déplacer réellement cela ici. Nous avons aussi quelque chose qui s'appelle Estatal. Il est également supprimer cela sur. Si je prends tout, je le garde. C' est vide, non ? Et si on utilise un autre composant ? Et nous voulons aussi que la journée soit visible ici, non ? Alors portrait Lewis. Donc, nous devrons créer une autre façon de propriété informatique. On a encore une date de cigarette. Je sais que nous avons fait un objet State de chaîne et puis encore une fois, sous-chaîne. Est-ce que cette porte passe d'être d'accord ? Donc c'est la répétition de la cour soviétique utilisant le même obtenir cette question dans plusieurs endroits dans la maison ainsi qu'il a dirigé à droite ? Donc, ce que nous pouvons faire est dans des choses comme lier cette propriété de l'entreprise dans chaque composant, nous pouvons créer un mélange. Donc, dans la source, nous allons obtenir un nouveau dossier Nixon sur, au lieu de mélanger. Donc on a un rendez-vous mélangeant des RG, non ? Donc, à l'intérieur de ce fichier, ce qui est Lewis et dire exportation. Donc, personne pour dire export par défaut. Nous pouvons utiliser la même syntaxe que celle que nous utilisons à l'intérieur du script afin que nous puissions copier les propriétés complètes . A partir de là, vous pouvez le baser. l' Ça auraitl'air de la même façon. Tu sais ce que tu peux faire, c'est à l'intérieur. À la maison, nous pouvons supprimer la propriété de l'ordinateur. Au lieu de cela, nous pouvons importer le mélange. Donc maintenant que vous avez important le mélange de date, nous voulons l'utiliser et de l'utiliser ou trois, Lewis va créer. Nous aidons les coins de propriété mélanger ins sur commencer une date de signe Lixian sur si je l'enregistre, et si je reviens, cela ne fonctionne pas. Donc la date d'aujourd'hui provient du composant de la maison, et cela ne fonctionne pas La raison pour laquelle cela ne fonctionne pas. Est-ce que cela veut dire que la bonne date n'est pas définie ? C' est vrai ? Donc, la raison est le mélange habituellement sauf dans une propriété. Donc, pour cela, comment créer, se marier et avoir à inclure huit mixages, et si je le sauvegarde, ça marche bien. Donc c'est la même chose avec la tête aussi. Donc, nous mettons un couple de propriété sur vraiment mettre le mix dans, et vous pouvez voir mix ins à l'intérieur du mélange de date. Et si je sauve, il serait de travailler combat donc à la place le mélange et vous pouvez avoir la propriété de données ainsi. Si je le garde. Et si je retourne à l'en-tête sur, si je vois si je l'enregistre et revenir bonjour du mélange apparaît tout droit. Alors maintenant, vous vous demandez peut-être. Que faire s'il y a un cas où la propriété terminée comme Get Date est également disponible dans la propriété Header, par exemple, j'ai une propriété ordinateur sur elle est également nommée Gideon, et à la place elle tourne une petite chaîne qui dit « Get Day Right ». Donc, ce qui se passe est lorsque la propriété à l'intérieur d'un compétent est nommé similaire à la propriété à Santa Mixon. Généralement, la propriété à l'intérieur du composant reçoit une priorité élevée. Donc, si je l'enregistre, je vais obtenir la date pour l'en-tête. Même si nous importons le mélange qui a une bonne date terminée, Roberti que vous insistiez, d' accord, donc c'est tout pour le mixage. Je verrai dans le prochain 20. 20. Introduction à Vue-Router: dans cette sortie, nous allons examiner l'odeur vue Donc ce qui est regardé ordre et pourquoi avons-nous besoin ? Donc vu organiser essentiellement utilisé pour la navigation à l'intérieur de l'application Donc généralement la raison pour laquelle nous avons besoin d'une bibliothèque spécifique peut affecter pour la navigation elle-même dans ce genre d'applications d' extinction est la navigation à l'intérieur de nous SP est très différente de la navigation sept sur notre site Web. Donc, comme nous avons déjà vu des exemples précédents sur la façon dont le site Web est différent d'un SPD dans une application à un seul bit, nous ne voulons pas que nous voulons juste que la compétence soit échangée. Nous voulons juste que les composants soient, vous savez, changés à volonté. Donc, pour cela, nous ne pouvons pas utiliser nous si ils veulent juste faire des composants Mais s' il y a beaucoup, beaucoup de composants, nous ne pouvons pas utiliser VF. Et aussi si vous voulez montrer un partenaire compétent en particulier, vous êtes l. Nous ne pouvons pas utiliser nous pour cela aussi. Donc, quand vous allez à, vous ne comprenez pas vraiment son importance et pourquoi. C' est un peu comme utilisé de cette façon. Alors commençons avec ça. Donc, pour installer vu extérieur, nous pouvons aller au terminal j'ai un projet ouvert ici. Donc une chose juste pour vous rappeler, j'espère que votre poulet cible un très positif. Donc, chaque conférence est en train d'arriver avec la nouvelle cour. Donc celui-ci sera également mis à jour avec la nouvelle cour pour la belle conférence. Pour que tu pourras suivre avec papa. Mais je vous conseille fortement de suivre avec moi pendant que je fais des choses. Bon, pour que nous puissions ajouter l'ordre du spectateur en utilisant young. J' utilise jeune, mais si vous voulez utiliser NPM, c'est NPM Install view tiret rotor, moitié dans le ciel. Sûr bâillement vu odeur. Donc, qui est installé. Donc une fois qu'il sera installé, on pourra entrer à l'intérieur de moi et Georgie et le déclarer à l'intérieur pour que nous puissions vous le dire. Vous savez, nous n'étions pas à l'instance de vue pour être associés à votre commande. Donc, nous pouvons le faire en disant importation. Sans doute d'eux, tu sais. Donc, après cela, ce que nous devons faire est d'attendre pour vous dire qu'il a besoin d'être associé orteil avec cette bibliothèque afin que nous puissions vous sauver Ne pas utiliser et dans cela C'est un index de commentaire. Lorsque vous êtes un peu comme importer une nouvelle main d'œuvre tôt dans les quelques projets, alors sauvez-le. Alors maintenant, nous avons indiqué la fille Vieux Port View dans cela. Maintenant, nous pouvons créer un nouveau fichier qui dit Notre Togs. Dans ce fichier, nous pouvons créer une nouvelle instance de commande en l'exportant et il est automatiquement important de votre bibliothèque de commandes pour moi. Donc, à la place de vous, Docteur, nous pouvons en avoir un autre sur les routes. Je n'ai pas dit cette vieille ville. Il y a ça ici. Et au lieu de la vieille ville, nous pouvons avoir un nouvel objet pour le haché, nous avons la partie que nous pouvons avoir sur avant même de créer, créer quelques pièces. Nous devons importer des composants sur cela. Par exemple. Il est important de journaliser les composants et de s'inscrire ou d'enregistrer la connexion d'importation. Maintenant que nous avons la conférence importée, nous pouvons créer des pièces pour ces composants. Par exemple, la partie route serait notre composant d'application sur. Nous pouvons utiliser le composant de journalisation comme barre oblique, et chaque objet doit avoir un peu comme je veux dire, n'utilise pas pour aider, mais un peu comme a un certain ensemble de propriétés comme nom. Vous pouvez également donner les noms de la conférence, ou donner les noms des parties aussi, comme je peux donner un slogan, nous allons également examiner pourquoi demander la partie mineure A ? Euh, donc nous allons aussi examiner pourquoi ça a besoin et les hommes séparés au fur et à mesure que nous continuons parce que Norden peut être fait de deux façons. Est dans la partie nom artisanal ainsi. Alors encore une chose. La prochaine chose qu'il a besoin est celui-ci est obligatoire, donc il a besoin d'un composant quel composant être associé à cela. Mais c'est donc se connecter. J' aime que nous avons discuté dans les conférences précédentes comme Begin boss, Pauvre accessoires le composant droit ? Donc, il a aussi besoin d'un peu comme avoir des accessoires donc avec ce composant serait traiter avec des accessoires. Donc c'est quelque chose dont nous avons besoin, a dit Drew. Parce que si nous traitons des accessoires dans le composant, non, nous pouvons suivre les mêmes directives pour créer une pièce pour le composant de registre. Vous pouvez voir une partie. Je ne slash vraiment juste jusqu'à vous pouvez dire que le nom est que je ne le fais pas. Notre composant ici est enregistrer un autre Dax de Rob, mais cela disons faux. Droit ? Donc maintenant, ça l'a sauvé. Bon, maintenant nous avons notre point de vue. Instance de routeur. Donc, nous devons associer cette vue fille Instance, avec l'énergie de bras s dans May Energy car nous avons cette bibliothèque d'ordres, qui est liée à l'instance de vue. Mais il a aussi besoin de connaître le type de routes que l'art exige. Donc pour cela, ce que nous pouvons faire, nous pouvons importer ce fichier. Vous pouvez importer comme les doutes de droite. Donc, une fois que nous avons eu cela à partir de noté, ce que nous pouvons faire est à l'intérieur de son point de vue, par exemple, nous pouvons juste voir des notes. Donc, maintenant, l'instance de vue l'a intégrée. Donc, si je l'enregistre maintenant, la vue extérieure est liée au projet, donc nous pouvons voir l'ordre vu tout au long du projet. N' importe quel bébé né. Donc, disons, jusqu'à ce qu'un rab, nous voulons savoir comment un peu comme une navigation mais à droite, Et donc, en termes d'affichage de leur contenu externe là à des parties spécifiques à retenir, le 1er 1 est ce lien externe qui est lien. Ceci permet de naviguer l'utilisateur d'une entreprise à un autre composant. Mais nous avons aussi besoin d'avoir un autre type qui dit écrit de vous Ceci est utilisé pour afficher les composants qui naviguaient orteil Vous êtes innocemment assez tôt. Ainsi, chaque totalisation a la propriété Call s to sur ce qui indique la partie que nous avons définie à l'intérieur du routeur. Donc, ici, nous avons une barre oblique de connexion à droite. Donc, nous pouvons se connecter ici aussi bien sur nous allons avoir un journal de texte donc initialement vers le haut composant nous chargeons, avons une indication qui monte le composant je sais donc non. Ce qui se passe, c'est que si je viens sur notre site, je ne vois rien de cette facilité. Nous ne voyons rien, mais nous avons un autre qui est escorte lire propriété correspondant à indéfini. Donc la raison pour laquelle on nous dit que c'est si vous descendez le jazz de porte principale au lieu de vous , c'est que nous ajoutons des routes ici, mais vous ne le reconnaissez pas. Donc, c'est donc ainsi. C' est l'une des erreurs très courantes que les développeurs font ainsi instructions spécifiant les routes ici. Ce que vous pouvez faire est si vous considérez la photo et les sorties de sorte que vous ne savez à accepté hors de la propriété. Donc, quand vous le donnez, ça ne correspond pas à ça. Donc si je le garde et y retourne, mon Ariza a vendu. Donc, si je clique dessus, ce qui se passe est que le composant de journalisation sera rendu sur cette interview. Donc, au lieu de ce genre de vous, vous verrez le composant de journalisation. Maintenant, le journal. Maintenant, il y a des interviews vides, mais si je clique dessus, formulaire de journalisation apparaît et vous pouvez également voir dans l'u. R L que la journalisation des barres obliques est apparue. Maintenant, si je reviens, on verra juste une barre oblique. Mais vous vous demandez peut-être, sage Y a-t-il un petit hasher ? Droit ? Donc, cela a à voir avec quelque chose appelé moins sur le routeur afin que nous puissions aller à la porte extérieure . Le jazz et l'intérieur sont examinés. Ordre. Instance. On peut voir plus d'histoire. Donc ici dans 10 de plus Si je dis hachage, nous obtenons le hachage. Et si je dis l'histoire, on n'obtient plus Dub Hashem avec enquête. Va juste ici. Et si je clique sur Logan, j'ai la barre oblique Logan. Bon, alors faisons une chose. Créons notre lien extérieur. Et pour le 2ème 1 nous allons le lier pour qu'il soit un composant. La deuxième a dit que c'est juste que je ... Très bien, alors faisons ce lien un peu plus gros, donc je le sauve. On a de gros composants, et je peux juste dire que c'est le cas. Oui. Donc c'est juste pour que cela vraiment envoyé un lien sera lié au registre, mais au lieu de notes sur ce journal dans la construction de la facture à la journalisation. Donc, à partir de maintenant, j'ai le composant de journalisation. Je peux juste aller à la page d'accueil. Je veux, je peux vous dire de vous connecter et de chercher Logan ? Et si je disais que j'ai juste juste un formulaire. Alors, quels sont les compétents ? J' y vais. Je veux montrer qui entre dans ce qui arrive dans la route vers l'ordre de vous. Étiquette. Alors c'est tout pour cette conférence. Dans cette conférence, nous avons appris un lien sur notre interview. Je sais que cela semble déroutant dans un processus très long pour la navigation, mais croyez-moi, ça vaut le coup. D' accord, je verrai dans la prochaine 21. 21. Router 21.: Donc c'est une continuation de toi, ma fille. Donc vous permet de faire ce que plus de votre fille peut faire et comment autrement nous pouvons utiliser vue. Fille. Donc, c'est une façon que nous pouvons naviguer orteil différents composants. Cette application, est ça. Alors, qu'est-ce qu'on peut faire ? Donc, la première chose que nous pouvons faire est que nous pouvons aussi parler d'autres plaintes d'une autre façon. Par exemple, nous avons deux, droite, Donc, nous pouvons aussi avoir cette dynamique de sorte que c'est en utilisant moi bind et vous pouvez le voir aller. Donc, mais maintenant c'est Instance, si vous voulez aller à un composant, nous devons utiliser une syntaxe séparée. Nous devons créer un objet. Et à l'intérieur de cet objet, nous devons dire le nom à l'intérieur du nom Benito Express pour le nom. Donc, ce nom est donné dans le combat de doutes par liquide dans la partie composants. C' est pourquoi ce nom était important plus tôt par nous voulions inclure. Donc, cet index sera également utilisé dans le script retour. Vous comprenez ? Quand on regarde ça, si je garde ça, disons, Logan, Logan, ça marche de la même façon. Vous pouvez donc revenir à la journalisation de la page d'accueil. Ça marche de la même façon, non ? Donc, c'est juste une autre façon de l'utiliser. Maintenant, regardons vers le haut, un scénario où nous avons averti de passer un accessoire à ce composant. Donc, par exemple, dans la connexion, nous voulons possible, dit Upton. Donc nous allons créer la propriété de Rob. Je voulais les accessoires pour les données Birdie, pas d'objet sur le genre de problèmes sur lesquels nous voulons recevoir son message. Encore une chose que je veux mentionner. Dans les conférences précédentes, lorsque nous avons parlé d'accessoires, nous avons discuté que cette rotation généralement bon pour la sonde, disant exigé sous leur type est généralement en bonne pratique, non ? Si lointain cas que vous ne connaissez pas aujourd'hui de toutes ces choses, alors les problèmes ne seraient pas un objet. Donc, pour ça, vous devez pourrir. Props n'est pas copain, et au lieu de cela, vous pouvez mentionner des gouttes sous les marques de tradition afin que vous puissiez voir un message. Ainsi, cela déclare automatiquement la propriété du message comme une sonde, ce que le confort de connexion attend. Donc c'est la même chose que de créer notre objet. Je fais tout ça, mais juste si tu veux avoir plus de contrôle dans la sonde. Comme si c'était nécessaire. Ou tu peux parler comme ça, non ? Donc, pour nous, allons avec la meilleure pratique à l'intérieur d'eux, essentiellement de, disons, quel type il est. C' est un type de chaîne sur. Est-il nécessaire ? Pas vraiment, mais disons faux. Donc si je l'enregistre, je sais que notre objectif est d'envoyer une sonde ou un message au composant de journalisation, non ? Donc, pour cela, créons une propriété de données. Disons que c'est le message Morgan. C' est le message qui, que vous voulez envoyer la pâte le composant de journalisation afin que le bébé puisse vous envoyer au composant de journalisation utilise le lien externe. Nous pouvons voir après le nom à nouveau pour Tacoma, et ensuite nous pouvons Nous pouvons avoir le noyau de propriété moins de fonds, donc les problèmes est généralement utilisé pour elle accessoires. Au lieu de cela, des problèmes. Ce que nous pouvons faire est que nous pouvons donner le nom de la goutte que la conférence, attendant sur sa valeur est un message pour se connecter. En ce moment, nous envoyons la sonde. Donc, au lieu de consigner Northview, ce que nous allons faire est sous le journal, informer va créer une petite couverture quatre dag à l'intérieur de ce Let's have the message. Donc, d'un point de vue général, ceci pour résumer. Nous avons une date de Los Angeles, Mme Logan, et à l'intérieur, nous avons une ficelle. Je dois envoyer une chaîne. Nous avons besoin d'une nouvelle propriété. Corliss Bas au lieu de je suis six ans et objecte. Nous avons le nom du nom des problèmes que le composant attend sur Devalue. Droit ? Donc, si je l'enregistre et retourne en arrière, je sais que si je navigue pour me connecter, nous pouvons voir que le mot de passe est 12345 Ok, donc c'est le message que je reçois du composant APP. Non. Et si on a une situation en ce moment ? C' est juste plus ce genre de cultures. C' est difficile d'envoyer tout ce que je suis puisque l'accessoire n'est pas nécessaire. Disons que nous avons un autre droit compétent. Ce composant est à la maison. Je suis à l'intérieur de son composant. Nous avons un grand qui dit Bienvenue à la maison. Avoir un sourire aussi. Il suffit de le jeter là-dedans. Donc si je dis David maintenant, ce que je veux, c'est que l'incident journal incompétent. Ce que je veux, c'est que tout le monde fasse valoir ce processus. C' est un grand rôle dans je veux qu'ils soient conduits jusqu'à la maison. Alors, comment pouvons-nous faire ça ? Donc ici au composant Argon, nous avons un peu d'importance jusqu'à présent. Ça, un peu. Nous avons Lincoln action qu'il est un peu forme donc en cliquant, soumettre le formulaire ce que nous pouvons faire cela. Nous pouvons utiliser cette propriété extérieure pour que nous puissions l'utiliser en voyant cette porte dollar Notre, pas brousse à la maison sur. Avant de pouvoir le faire, nous devons retourner à un routeur allumé. Nous devons enregistrer le composant. Mon dicton importer la maison à partir de là slash composants slash Accueil. J' ai créé un autre, mais me le donner plus de composant maison hors de la maison Onda Comme il pourrait accepter des accessoires dans le futur, disons juste tomber. Donc, au lieu de journaliser le composant Et si je le garde désolé si je le sauvegarde et y retourne, ce que nous pouvons faire est d'aller nous connecter et nous pouvons dire un chiite musulman Et mon mot de passe est quelque chose. Et si je me sépare, soumettez bienvenue à la maison. C' est donc une façon de naviguer en utilisant l'ordre à l'intérieur d'un sac de script. Donc, c'est selon programmatiquement dessus. Donc une autre façon de faire est de lui donner un Vous êtes vraiment ici. Vous pouvez créer un objet, et nous pouvons naviguer en utilisant le nom du nom ainsi. Donc c'est un peu comme ce qu'on a fait en totalisant juste. Donc le nom est à la maison, et si je l'enregistre et retourne en arrière, et si je clique sur Soumettre. Bienvenue à la maison. D' accord. Alors maintenant regardons comment passer date. Un peu comme dans le script si similaire à avoir aidé dans cela hors de lien. On peut aussi aider Adams. On peut passer une donnée. Alors, ce que nous avions l'intention de Lewis Home Beach ? Eh bien, j'ai un problème. Utilisez le nom et qui est requis sur la chaîne de diabète. droite. Alors bienvenue à la maison. C' est lui ? Donc, peu importe qu'ils utilisent le nom que l'utilisateur Anderson a dit Connectez-vous à la page ici, ici dans le nom d'utilisateur. Nous pouvons passer cela dans la page d'accueil sur affaiblir. Affichez ça ici. Donc la page d'accueil de l'incident. Nous devons également avoir notre propriété de données à la place. C' est ça, c'était le nom et on ne pouvait pas être plus, n'est-ce pas ? Quoi ? Nous le limitons à la propriété de nos données en utilisant le mortel. Bon, donc le fond qu'il fait qui s'attend est d'utiliser le nom et la même chose avec les mêmes personnes que nous utilisons. Donc l'utiliser et la valeur est que cette porte était le nom. Très bien, donc, 11 choses à remarquer ici est que ceci pour que ce clavier puisse avoir le bon contexte puisque c'est à l'intérieur de cette fonction externe. Donc ce que je fais d'habitude, c'est que j'ai Ah, mannequin. J' ai une bonne variable x de maïs, et je l'utilise pour cela. Donc nous le présentons et je l'enregistre et je retourne à l'intérieur de Logan Component. Je peux la voir et je peux utiliser mon pasteur. C' est autre chose. Et donc j'ai fait la bienvenue à la maison. Elle va bien ? C' est comme ça que tu l'as passé un peu plus fort. Et une autre chose dont il faut se souvenir, c'est que la dyinto des passagers s'en va . Vous devez spécifier les accessoires. La propriété a une troupe, non ? C' est une chose que vous ne devriez pas oublier. Bon, c'est tout pour cette conférence. Je te verrai le suivant 22. 22. Router avec exemple: bonjour et bienvenue à nouveau, Donc, nous allons faire quelque chose d'intéressant. Donc, la semaine dernière, on a regardé dans la pourriture, non ? Alors regardons ça d'un point de vue d'exemple. Comme l'ajout est un concept plus grand, c'est beaucoup plus difficile à saisir. Comment pourrait-il un exemple ici ? Donc nous avons ce générateur sans fil Jason bouleversé des traits d'union adjacents en deux points com. Tout générer des données fictives que nous pouvons utiliser pour un projet dans notre cas. Comment l'entreprise est des données sur la façon dont créé un nouveau coordinateur de fichiers, un Jason et à l'intérieur, il est basé sur tout. Donc, il est fondamentalement sont Jascha Body, composé de Job ne obtient des objets. Donc, chaque objet se compose de quelques mauvaises images comme I D. équilibre de l' indice , nom d' âge , sexe, etc. Bon, alors voyons comment on peut l'utiliser. Donc si je vais avoir une vue sur l'extérieur, nous avions ce côté total. C' est lui avec eux. Nous laissons la vue extérieure telle qu'elle est enregistrée dans un fichier routé ou Js. Allons aussi quelques autres routes. Bon, alors ce que nous faisons c'est de créer deux autres composants. L' un est les gens de votre point de vue et l'autre est l'écoute ou la vue. D' accord. Donc les gens collectifs en personne, singulier. Donc, à l'intérieur de cela, vous pouvez voir des gens sur le script. Je peux importer les données Jason 100 C si vous êtes capable de l'obtenir. Donc, ce que nous allons faire est commandé à la place. Un examen sera mis sur grossier, mais en tant que composante de personnes afin que nous puissions supprimer ces importations sur Beacon mêmes personnes de conseil. C' est aussi un élément de personne important sur un itinéraire. Mais est le composant de personnes afin que les personnes composant je suis pour les taureaux et la sortie du composant, mais slash personne composant personne. Très bien, donc la composante des gens d'incident. Nous avons importé les données, donc, euh, juste un petit pont de cap. Je l'ai gardé. Si je reviens, Ruethling aura la liste des personnes. Donc, c'est le composant de personnes en cours de rendu. Voyons si vous êtes capable d'obtenir les données pour que je puisse créer ma propre vie. Deuxièmement, regardez à l'intérieur monté. Donc, nous allons voir le contenu des données à ce jour ce week-end sont créés, mais cela nous pouvons voir créé. Rappelez-vous, c'est un crochet de cycle de vie que nous avons appris dans les conférences précédentes, place créé nous pouvons penser et vendre ou enregistrer, et je veux des données de sortie. Donc, si je l'enregistre et que je vais à la console, je reçois un tableau. André se compose de six objets. C' est très bien. Bon, maintenant nous avons les données des gens à venir. Bon, maintenant on a les gens qui arrivent plus tard. Créons un div qui dit personne. Alors maintenant, nous avons les gens qui arrivent plus tard. Ce que nous allons faire est, euh, nous allons créer un autre composant qui dit profil de personne. Vous comprenez en une minute pourquoi je crée ces trois composants. Donc pour l'instant, ce que nous Lewis composante personne interne, Disons personne sur pour personne. Attendez-vous à trois ou quatre pieds. Alors, qu'est-ce qu'on perd ? Nous avons choisi le nom du point fait. Il n'avait pas de nom. Oui, il a un nom. Il a aussi choisi l'âge. Faisons de l'entreprise sur e-mail. Un certain nombre d'amis. Bon, donc à l'intérieur de ça. Donc, disons que ce composant de personne s'attend à un problème. Oh, écoute, c'est un type d'objet. Est-il nécessaire ? Oui, c'est nécessaire pour que nous devions soutenir en tant que personne savoir ce que nous pouvons faire est que nous pouvons voir que c'est une personne en tête, pas nommer son âge, son entreprise, un e-mail. Bon, donc on veut ce qu'on peut faire, c'est créer. On peut obtenir le double puisque les amis comptent. Donc, pour cela, ce que nous pouvons faire, c'est que je considère comme des amis pour la personne que j'ai accomplie. Je peux créer une propriété d'ordinateur. Ce type joue le compte d'un ami pour moi. Je peux voir Prince Count. Je pourrais avoir fini. Cette personne n'a pas formé Stotland. Bon, donc maintenant on peut utiliser ce prince de la propriété informatique disparu Août. Ne jamais avoir le composant de personne prêt à la place du composant de personnes que je peux importer. Ecoute, personne, je peux enregistrer le composant en voyant les composants. Écoute. Bon, alors sache ce qu'on peut faire ça. Nous pouvons Comment le composant de personne sur nous pouvons Nous pouvons répliquer le composant de personne en utilisant avant personne et les gens n'étaient pas en effet sur. Ouais, sur cette naissance peut aussi avoir un index. Il est aussi mis la clé vers elle dans la prochaine. Donc il a prévenu qu'Oscars ne nous mettrait pas dessus. Abandonnons aussi. Donnez-lui la valeur de la prob. Ecoute, cette personne va bien ? Donc si je le vois, je devrais le voir. Ok, donc nous obtenons une propriété d'édition ou de meilleures données ne sont pas définies. Alors quoi ? Rigondeaux est Nous avons continué notre propre propriété de données a commencé à tourner chemin peut créer un tableau qui dit que les gens que je connais intellect créé reconnaissance métallique. Tu vois cette porte ? Les gens égalent les données de porte et devraient être bien ici. Commence ça. Écoute. Et les gens, c'est beaucoup plus logique maintenant. Et si je le garde Oh, on aura beaucoup plus de dîners. Eso l'autre est dans la propriété de terre sombre. D' accord, donc on en a un autre qui dit qu'une personne draine la Terre n'est pas une fonction dessus. Pour que ce genre de fonction afin que nous puissions juste dire prêter sur nous devrait aller bien. Ouais, d'accord. Si je ne me suis pas frais, ça a l'air bien. Donc ce sont tous les gens que nous avons. Donc ce que je veux faire, c'est que je ne clique jamais vraiment sur une personne. Je veux que ces données entrent dans le composant de profil de personne sur. Nous pouvons avoir le composant de profil de personne comme sa propre page. Droit ? Donc, il est clair le composant de profil de personne. Ce serait très similaire à la personne, donc vous pouvez simplement copier la base du composant A person, mais il aura aussi quelques sensations supplémentaires. Par exemple, c'est la section à propos de Ajoutons la section du conseil en haut, donc je fais juste un peu de génie sur et je serai de retour. Alors quoi ? C' était, j'ai ajouté quelques champs supplémentaires. J' ai ajouté à propos de j'ai également ajouté la liste d'amis. Donc c'est un profil de personne. Rien de vraiment de fantaisie. Alors, qu'est-ce que tu veux ? Est-ce que nous savions qu'on a cliqué sur la personne, non ? Donc, nous avons aussi un bouton qui dit Vous profil. Je sais ce qui va perdre pour la personne nommée aura h un. C' est aussi île à centre afin que nous puissions savoir quelle personne est et aura toujours une certaine marge pour la personne compétente et maintenant voir le profil. Grande-Bretagne, on dit que je clique. C' est un écouteur d'événement. Je clique sur votre profil. Donc nous avons une méthode, et à l'intérieur c'est important. Ce qu'on veut savoir, c'est cette porte. Mais l'ordre. Ne brousse pas un objet. Hum, il a aussi eu quelqu'un fourni sans le prévenir. Tu sais, c'est facile à oublier. Qui êtes-vous confiant de sortir ? Euh, alors assurez-vous que tu te rappelles ça quoi ? Nous pourrions faire une chose au lieu d'avoir une nouvelle note pour la personne slash que vous pouvez juste voir posté pour trouver correctement afin que nous puissions également retirer la personne compétente d'ici et vous pouvez l'enregistrer à l'intérieur de la personne lorsque nous avons cliqué sur vous. Profil. Il a aussi donné un nom à nous. Je nomme cette personne et nous voulons passer et les données sont tout. Il s'attend à un accessoire qui est hors type objet. Son nom est personne, donc la personne de Madame reçoit de l'eau. Nous allons descendants à nouveau obtenir dans le contexte et pour la personne que nous allons envoyer bm personne de porte si je le sauve. Alors, euh, le district a été ce qui se passe ? Donc, il y a ce composant people à l'intérieur duquel nous entrons dans la liste des personnes sur chaque personne à l'intérieur de l'objet people est les yeux ayant son propre composant juste pour le rendu dans ce composant affichant une courte quantité de données juste un peu comme hors de toute la liste que nous avons, comme, vous savez, les traditions Facebook. Vous savez, ceux-ci pourraient être vos amis, comme, comme, si semblables à cela nous avons quelques suggestions sur le clic important sur ce composant. Nous naviguons sur la page de profil de la personne, qui contient beaucoup plus de données. D' accord, donc on l'a sauvé. Et si je reviens, nous avons la liste aussi, nous pouvons faire une chose au lieu de la liste des personnes. Très bien, donc ce sont les gens que nous avons juste un peu hors de notre style et qui affaiblissent comme le profil sur lequel nous ne recevons pas vraiment. Voyons ce qui se passe à l'intérieur. Conservez votre manquant flop personne requise, est-ce pas ? Alors, quelle est la raison ? Donc, dans 10 opposition et composante que nous envoyons en personne. Ok, donc la raison pourrait être que nous ne définissons pas les accessoires pour être vrais. Donc il y a aussi quelque chose que les gens oublient d'habitude comme je l'ai fait si tu reviens. Et si je dis ça, oui, maintenant c'est bon. Donc ici, nous avons le nom de la personne sur son âge. Je suppose encore son nom. Cette compagnie. Je suppose que Andi abordera le numéro d'une liste d'amis sur des noms différents aussi. Donc, il y a un profil de personne de sorte qu'un petit exemple et sortie. Donc, une chose que je veux aborder est qu'à l'intérieur de la composante personnes, si vous voyez au lieu d'écrire cette cour, la composante personne a marqué comme la personne de classe. Est-ce que c'est vrai ? Pour que je puisse avoir juste une discorde d'entreprise. J' aurais pu aussi le retourner dans des choses comme avoir deux composants séparés. J' aurais pu aussi revenir ici et j'aurais pu ajouter l'avant pour celui-ci. Mais la raison pour laquelle je ne l'ai pas fait, c'est cette composante de personne est là, non ? Donc, cela pourrait être utilisé à l'avenir. En plus de pages. Je veux dire, pas dans notre projet, mais juste au cas où vous seriez prêt. Ah, plus grand site web. droite. Donc, si vous créez un site Web de médias sociaux, il y a plusieurs pages où vous voulez montrer un peu comme la petite minute d'une personne à fournir. Donc, pour cela, si j'ai une radio composant et s'il attend à un certain type de données, je peux l'utiliser partout où c'est nécessaire sur une capacité et ce sera la même, non ? Donc, c'est la raison pour laquelle j'ai créé un composant séparé pour personne sur si je sauvegarde cela et tout devrait être aussi grand que lui. C' est ce qui est un exemple en fille. Donc, je sais que la fille est un sujet complexe, donc c'est pourquoi j'ai aussi pensé qu'ils étaient des exemples beaucoup plus pratiques. Ce serait beaucoup plus facile à apprendre. Maintenant, nous avons les gens compétents. Une personne compétente, prête ? Et si je veux envoyer à quelqu'un un un lien d'une seule personne. Disons que je veux envoyer quelqu'un traitant de costumes et de maison si je vous garde profil. Avoir la page pour la maison Simpson, Donc je veux partager ceci à un ami. Donc, si je l'ai copié et si je l'ouvre incognito et l'ai basé, je n'ai rien. Et si je vais à la console, c'est une personne manquante requise amenée. Donc, la raison en est que nous obtenons les données du composant personnes, qui est transmis au composant de personne sur lequel à son tour les transmet au composant de profil de personne . Alors, comment puis-je envoyer à quelqu'un un un lien à partir d'une personne populaire ? C' est ce que nous allons examiner dans la prochaine conférence comme c'est la médecine et voir la prochaine . 23. 23. Routing dynamique avec un exemple: bien dans cette conférence pour examiner comment créer l'espace réapparaît pour des personnes spécifiques. Droit ? Donc, l'objectif principal de cette conférence est de créer un You are qui peut être partagé sur quand vous cliquez, je vais obtenir les données de la maison Simpson. Allons-y. Donc la première chose que nous devons faire pour ça, c'est au lieu de certifier la partie de personne sur laquelle nous pouvons casser le cœur et nous attendons un autre périmètre, non ? Donc la personne paramilitaire i d. donc c'est ce que nous attendons. Et quand la personnalité est dynamique, c'est quand vous mettez le côlon avant elle. Donc, si vous voulez avoir une partie dynamique dans l'U. R. L, vous allez avoir un deux-points devant lui, donc la personne slash ira pour la personne. Composant profond et personnalité Colin ira pour la personne I d. Très bien, Donc si je pouvais dire cela sur et alors que au lieu de personnes ou à l'intérieur de la composante personne, ce que nous pouvons faire est de cliquer sur l'intérieur de la composante personne sur la vue profil. Nous n'avons plus besoin du nom et du périmètre. Nous ne allons pas les envoyer à la place ce que nous allons faire est que nous pouvons également supprimer cette variable de contexte à la place. Nous allons normalement naviguer Cela peut sauver votre profil. Je suis désolé. Ecoute, nous pouvons voir une personne slash Et en plus de ce travail, vous pouvez aussi nous envoyer cette personne de porte, pas moi d. Donc si vous allez aux données Jason, pour chaque objet de personne, nous ont quelque chose appelé son I d ou son soulignement 80 idée de soulignement. Donc, cela sera envoyé. Andi peut l'enregistrer à l'intérieur d'un composant de profil de personne. Ce que nous pouvons faire est qu'il ne nécessite plus un bon afin que nous puissions supprimer la section des accessoires ici dans Serik habité la propriété de données du composant. Euh, ça aurait une personne que j'ai Andi, cette idée peut être récupérée à travers ce total autorisé de batailles point point personne i d. Donc les périmètres sont les périmètres que nous allons envoyer. Dans notre cas, c'est ah, personnalité dans le routeur. Donc, à l'intérieur de la personne avec compétence dans la barre oblique de la personne sur ce pays jours, cela devient automatiquement la polis 90. Donc ici, on peut dire personne 80. Donc, pour la plus grande partie, ce que nous pouvons faire est commencé à commenter poupée sur. Donc juste pour qu'on n'en ait pas d'autres. Nous pouvons également voir des commentaires sur et nous pouvons dire, monté sur le journal de la console de jeu. Il peut aller faire, bien que sorte de cliquer quelque chose. Je prends la personne dont j'ai besoin de lumière. Et si vous pouvez voir sur la partie de l'Oural, nous obtenons le spécifique que vous êtes et pour cette personne en particulier. Donc si je veux partager votre opinion avec qui que ce soit, je vais obtenir les mêmes données, est-ce pas ? Donc, il ne jettera pas beaucoup d'éditeur. Ça ne dira pas ça. Peut-être acquis parce qu'il n'y a pas d'accessoires. Alors maintenant, il est de notre devoir de savoir à quelle personne appartient cette société. Excédents d'entrée des orteils, données. Donc, ce que nous pouvons faire, c'est qu'il nous faut trouver l'indice des personnes qui ont son numéro et ensuite nous pourrons finir la personne avec cet indice, non ? Donc, on va au profil de personne. En fait, ce n'est pas trop complexe. Donc ce qu'on peut faire est monté à l'intérieur, euh, on peut aussi avoir cet index. Je pourrais aussi avoir la personne parce que c'est ce qu'il faut. Je sais à la place les propriétés terminées. Ce qu'on peut faire, tu deviens simple, c'est en enfer. Données faites. Donc, ici, nous avons également besoin d'importer l'indice de données identifié. Bon, donc maintenant trouver l'index pour que nous puissions le faire, nous pouvons dire pour chaque jour supplémentaire, papa, papa, et à l'intérieur que chaque objet a un élément sur l'ADN. Nous pouvons écrire dans la grippe ici qui disent son objet ou ses valeurs, et à la place nous pouvons passer l'élément dork dans l'index de cette personne de porte I d. De même, selon Zito, alors nous pouvons avoir le courant b m explicable sur William George Person I d valeurs de porte égales. Qu' est-ce qui se passe, c'est que le jour meurt un autre droit ? Donc à l'intérieur pour dire que nous avons six objets. Donc, pour chaque objet, nous avons une valeur de clé de particule. Beth. Donc, ce que je fais est destiné à manger pour chaque objet. J' extrait les valeurs de l'objet à partir des clés. Alors j'y vais. Je vais seulement obtenir ces valeurs à la place. Les clés seulement ces valeurs. Donc, pour les valeurs que je recherche 90 qui a été envoyé. Donc, si la valeur consiste en la personnalité, alors c'est l'index de la personne. Donc maintenant ce que nous pouvons faire, c'est quand nous avons l'indice, ça devrait être le prochain, non ? Donc, quand nous avons l'index, le Robert terminé, ils seront automatiquement fait cette personne propriété sera exploitée par jour dumping et l' indice. Donc, si je suis rare tout cela et si je sauve, j'invite courir, tout devrait bien fonctionner. Sauf que c'est l'éditeur, il dit le nom de non défini Focus. La raison pour laquelle celui-ci vient est à cause des amis Count bonne façon besoin d'avoir notre propriété informatique qui disent est parti et il aurait dû faire cette porte. Écoute, ton ami qui surprend maintenant, on va se rafraîchir. Je vais me faire vomir qui dit le nom d'indéfini. Alors pourquoi on a ça ? Donc, la raison pour laquelle ils peuvent obtenir cela est parce que le template est en cours de chargement alors qu'il est récupéré, est-ce pas ? Alors moment instantané que je peux voir créé sur espérons-le ne devrait pas obtenir cela jamais. Oui. Alors que se passe-t-il ? Triste. Si vous utilisez monté, il s'exécutera une fois que le modèle a été monté. Droit ? Donc, où le modèle a été monté, il cherche ah propriété corniche personne sur la personne Et jusqu'à ce que ce point de temps pendant le rendu n'est pas ainsi. Aucun de ses noms ne va en faire un autre. Mais si vous dites Créateur créé est généralement fait avant les montagnes. Donc, en cours d'exécution créé avant que les montagnes ne reçoivent les données, nous les envoyons à la personne en les affichant, ce qui conduit à en connaître d'autres. Donc maintenant, nous avons ce lien sur à nouveau. Salut ! Apprécié. Faites tout ce qu'ils veulent. Donc habituellement, je voudrais héberger Toronto Free hébergement site Web comme les baies de pompiers ou se lever et nous pourrions façonner le lien sur. On peut y retourner. On peut le faire pour 80 %. Cool, non ? Donc, c'est la façon dont vous créez le routage dynamique dans énorme est donc maintenant vous pouvez avoir dynamique vous Wells. Donc c'est tout pour le routage. C' est tout pour cette conférence que je verrai dans la prochaine. 24. 24. Trouver des emplois et conclure: D' accord. Maintenant, dans les dernières minutes de l'énorme est maintenant nous allons chercher des endroits où vous pouvez trouver des emplois ou travailler pour quelques jours. Mais donc le premier endroit que tu voudras voir comme Angel Lord Coe. So ancient Lord Coe est un site Web qui se concentre principalement sur les startups. Donc si tu veux travailler et commencer, Angel, Angel, Lord Coe pourrait être ton meilleur lit. Donc, avant d'aller postuler pour un emploi, je vous suggère fortement de créer ce rapport pour vous à partir de projets que votre livre ne fait pas ou présenter votre portefeuille à l'employeur afin qu'il ou elle puisse obtenir la confiance que vous avez un son connaissances sur la vue. Alors tu pourras aller à Angel Lord Coe. Donc ce sont toutes les entreprises en ce moment qui sont à la recherche de la beauté d'Alep. Donc, si vous êtes à la recherche de start-up pour travailler à Angel ou CO pourrait être votre meilleur pari. Mais si vous voulez opter pour quelque chose comme le freelance, alors vous pouvez aller travailler. Vous pouvez créer un livre de professeur en tant que ah, freelance. Ensuite, vous pouvez parcourir les emplois que vous pouvez contre vous pouvez enchérir pour ces emplois et si vous êtes embauché, donc avoir un portefeuille aide normalement en termes de travail, mais aussi en termes de freelance, parce que si quelqu'un demande vous, comme quel genre d'expérience avez -vous dans les années à venir ? Donc, vous pouvez certainement leur donner le lien de votre site Web afin qu'ils puissent savoir Les détails sont peu nombreux et sur les détails du projet que vous avez marché sur scène et combien plus de conférence vers vous Donc jusqu'au travail est qui est un endroit fantastique avec Brooke pour financement de projets. Vous pouvez également rechercher des projets indépendants. Regards pays point com eso. Le prochain endroit que vous pouvez rechercher est sur le débordement de pile. Vous pouvez trouver les emplois et l'offre de pile ainsi, donc pile overflow dot com slash jobs, et vous pouvez trouver le Vous pouvez trouver des emplois à terme où vous pouvez trouver n'importe quel type d'emplois que vous pourriez être à la recherche. Donc, la chose avec ange et pile débordement ou tous ces emplois est que vous pouvez également trouver plus d' emplois. Donc, si vous trouvez le plus d'emplois, vous pouvez travailler dans le confort de votre maison, donc un endroit de plus pour chercher Islington, Lincoln est presque l'endroit le plus évident à chercher. Donc, si vous avez un bon profil sur LinkedIn, vous pouvez commencer par publier du contenu afin que vous puissiez renforcer la crédibilité. Ou quand les recruteurs vont à votre profil pour comprendre que vous avez des connaissances solides sur le sujet sur, ils peuvent facilement aller pour vous sur un serait. Le dernier endroit que vous pourriez chercher est la vue emplois dot com. Donc ce genre de travail officiel vous a Js. Donc, la plupart des emplois énumérés ici seraient de toutes les autres plates-formes que nous avons vu, comme Angel List freelance up livre Stack overflow. Mais c'est bon de les avoir tous au même endroit. Il pourrait aussi y avoir des entreprises comme qui se concentrent spécifiquement sur les emplois de vue ou l'utilisateur dot com. Donc ce serait, je suppose que vous allez à un endroit pour trouver, vous savez, si vous venez juste des emplois. Donc, ce sont quelques-uns des endroits que vous pouvez chercher pour obtenir un peu de travail sur Beauty s. Donc, espérons que cela est utile pour vous. Alors c'est tout pour celle-là. Au revoir. D' accord. Félicitations pour avoir fait la durée du cours. Alors maintenant, tu sais que les bases de toi Jay sont à ta radio. Ils appellent n'importe quel projet le premier budget que je recommande. Construire est votre propre site Web. Vous pouvez construire votre propre site Web en utilisant vous Js Vous pouvez me faire savoir si vous avez des questions sur le cours, vous pouvez m'écrire au SHC vacatur et même à gmail dot com, L'e-mail n'est pas crier. Vous pouvez toujours aller à la documentation officielle du site. Si vous n'avez rien compris, je me sens déjà libre de me contacter. Si vous avez des questions concernant le cours. Si vous avez des questions concernant la beauté s ou si vous rencontrez des problèmes lors de l'obtention projets, je vais vous aider sur. C' est tout pour celle-là. Merci beaucoup d'avoir regardé Bye bye.