Bienvenue.
J'ai donc de très bonnes nouvelles.
Il est enfin temps pour nous de prendre javascript et de le combiner avec notre H.M.S. évaluer.
C'est de loin mon unité préférée.
Mon sujet préféré pour enseigner tout ce que j'ai passé ma vie d'enseignement.
C'est vraiment là où javascript commence à payer.
Nous avons donc fait certaines applications simples jusqu'à ce point.
Simple à faire la liste en utilisant les alertes et les invites et je sais que ce n'est pas très excitant, mais tout va changer maintenant parce que nous sommes sur le point de vraiment libérer la puissance de Javascript.
Et puis cette unité, nous allons faire des choses comme faire un jeu interactif, nous allons faire une liste réelle à faire avec une vraie forme avec de vrais boutons et des cases à cocher et Javascript derrière elle et des animations et toutes sortes de choses vraiment intéressantes intéressantes Où vous vous sentez vraiment comme vous avez fait quelque chose non seulement une petite ligne de commande ou une petite application console javascript, mais quelque chose de réel que vous pourriez partager.
Donc, la façon dont nous faisons tout cela est par le biais d'une technologie appelée DOM t o m c'est ça.
Donc, cette leçon va servir d'introduction au DOM pour parler de quelques choses dans les prochaines vidéos.
Je veux commencer par définir ce qu'est le DOM ce que représentent ces lettres.
Je veux que vous ayez une bonne compréhension de pourquoi cela est passionnant.
Je vais vous montrer quelques applications cool que d'autres personnes ont construit à l'aide de ce matériel que nous allons apprendre alors nous allons parler de ce que j'appelle le sélectionner puis manipuler le flux de travail.
Alors, commençons.
Alors pourquoi devriez-vous vous soucier de tout cela.
Eh bien, il ya tellement de raisons.
Pratiquement toutes les grandes applications web là-bas maintenant les choses comme Twitter et Facebook Instagram YouTube Gmail, ils utilisent tous une tonne de javascript et la plupart de ce javascript est en interaction avec le chien interagissant avec chaque équipe et les SS Nous interagissons avec le Dom à faire Choses comme des jeux.
Nous pourrions faire tic tac toe nous pourrions faire une plate-forme un jeu comme Mario, nous pouvons l'utiliser pour faire des choses plus pratiques comme les menus déroulants valides formulaire.
C'est ainsi que nous rendons les pages Web interactives.
C'est comment nous pouvons ajouter des animations.
Et le dernier ici vraiment résume à peu près tous les sites impressionnants jamais bien que vraiment juste dans les dernières années utilise beaucoup de javascript pour manipuler le Dom que j'ai mentionné plus tôt, je vais vous montrer quelques exemples d'abord avant de commencer à définir Ces termes parlent de ce que le DOM est comment il fonctionne.
Je veux vous montrer quelques sites Web.
Donc, le premier est juste google et je ne sais pas combien vous prêtez attention à cela, mais quand vous commencez à chercher quelque chose sur Google comme Halo.
Remarquez comment je reçois cette chose qui apparaît c'est tout son Timo c'est une sorte de div ou quelque chose qui est frappé dans et montré et son évolution que je tape des choses comme si je tape hello kitty je obtenir de nouveaux résultats.
C'est tout fait avec javascript, mais c'est le genre de chose que nous allons être en mesure de faire après quelques vidéos.
Bien sûr, nous ne serons pas en mesure d'écrire le backend que Google a, mais nous serons en mesure de faire le front end stuff ici.
Tous les HMO tous les succès de tous ces effets que vous voyez sera facilement capable de reproduire.
Donc, la prochaine chose que je veux mettre en évidence est sur votre site Tomi, il ya le bouton des cours de ce Brough et quand je clique dessus, je reçois le menu glisser vers le bas qui pousse tout sur la droite et j'ai toutes ces catégories à choisir.
Et comme un survol d'une catégorie, vous pouvez voir, je reçois ce sous-menu qui apparaît.
Donc, c'est tout ce qu'ils sont des choses javascript sont ajoutés à la page nouvelle vieilli lui éléments.
Ce sont probablement des éléments de liste et des balises d'ancrage.
Ils sont ajoutés à la page en cours de dissimulation et affiché en couleur est en train de changer au fur et à mesure que je défile sur les choses beaucoup d'interactivité.
Donc la prochaine chose que je veux montrer est l'un de mes favoris.
C'est un site Web appelé attaque pad.
Donc, c'est un peu différent.
Ce n'est pas vraiment une application web que vous utiliserez, mais c'est vraiment un jouet amusant et une démonstration de grande technologie de ce que vous pouvez faire avec H.T. Souris.
SS En javascript, je vous recommande fortement d'aller de l'avant et de l'essayer par vous-même.
Patta tap dot com et je dois faire est de commencer à taper sur mon clavier dans chaque touche que je presse correspond à un son qui joue et une animation cool qui joue.
Permettez-moi de vous montrer un exemple.
En voici un autre.
Alors vous pouvez vous perdre quelque part.
Donc, cela résume le genre de chose que nous pouvons faire.
Nous avons l'interactivité où j'appuie sur une touche pour que le code ne s'exécute que lorsque j'appuie sur une touche particulière et que le code ne joue pas seulement en tant que son, mais il change aussi ce que nous voyons visuellement.
Donc, ce n'est pas seulement en permanence l'enregistrement, il n'est pas seulement en utilisant des alertes, il est en fait changer l'écran de la sortie dans le CSSA que nous voyons.
Donc j'espère que ces exemples vous ont au moins un peu excités à propos de toutes les choses impressionnantes que nous sommes sur le point d'apprendre.