Reeds Welkom terug.
Dus ik heb een aantal zeer goed nieuws.
Het is eindelijk tijd voor ons om javascript te nemen en deze te combineren met onze H.M.S. evalueren.
Dit is veruit mijn favoriete toestel.
Mijn favoriete onderwerp te leren alles wat ik mijn hele leven lesgeven hebt doorgebracht.
Het is echt waar de javascript begint te payoff.
Dus we hebben gedaan een aantal eenvoudige apps tot op dit punt.
Eenvoudig om de lijst te doen met behulp van waarschuwingen en aanwijzingen en ik weet dat het niet erg spannend, maar dat is alles gaat nu veranderen, want we staan ​​op het punt om echt de kracht van Javascript.
En dan is dit toestel gaan we dingen doen, zoals maken een interactief spel gaan we een echte to do list met een echte vorm met echte knoppen en checkboxes en Javascript erachter en animaties en allerlei echt interessant spannende dingen te maken waar je echt het gevoel dat je iets gemaakt niet alleen een beetje opdrachtregel of een beetje javascript console app, maar echt iets dat je zou kunnen delen.
Dus de manier waarop we dit allemaal te doen is door middel van een technologie genaamd de DOM t o m het is zo.
Dus deze les gaat dienen als een inleiding tot de DOM gaan praten over een paar dingen in de volgende paar video's.
Ik wil beginnen met het definiëren van wat de DOM is wat die letters voor staan.
Ik wil dat je een goed begrip van waarom dit is spannend te hebben.
Ik ga je laten zien een aantal leuke toepassingen die andere mensen hebben gebouwd met behulp van dit spul dat we gaan om te leren dan gaan we praten over wat ik noem de selecteer manipuleren workflow.
Dus laten we beginnen.
Dus waarom zou je zorg over dit alles.
Wel zijn er zoveel redenen.
Vrijwel elke grote web app die er nu dingen zoals Twitter en Facebook Instagram YouTube Gmail ze gebruiken allemaal een ton van javascript en de meeste van die javascript is de interactie met de hond interactie met elk team uit en de SS Dus communiceren we met de Dom te doen dingen zoals games.
We konden Tic Tac Toe maken we konden een platform een ​​spel als Mario kunnen we het gebruiken om meer praktische dingen, zoals drop-down menu's vorm validaties doen.
Dat is hoe we webpagina's interactief.
Zijn hoe we animaties kunt toevoegen.
En de laatste hier echt vat het vrijwel elke geweldige plaats ooit hoewel eigenlijk alleen maar in de afgelopen jaren gebruikt veel javascript om de Dom te manipuleren zoals ik al eerder ik ga je voor het eerst laten zien een paar voorbeelden voordat we beginnen met het definiëren van genoemde deze termen te praten over wat de DOM is hoe het werkt.
Ik wil je laten zien een paar websites.
Dus de eerste is gewoon google en ik weet niet hoeveel je aandacht te besteden aan dit, maar wanneer je begint te zoeken naar iets op Google als Halo.
Merk op hoe ik dit ding dat lijkt dit is al zijn Timo dit is een soort van div of iets die geraakt in en getoond en de veranderende terwijl ik typ soort dingen als ik typ hello kitty ik nieuwe resultaten te krijgen.
Dat alles gebeurt met javascript maar dit is het soort ding dat we gaan kunnen doen na een paar video's.
Natuurlijk zullen we niet in staat zijn om de backend dat Google te schrijven, maar we zullen in staat zijn om de front-end spul hier te doen.
Alle HMO al het succes al deze effecten die je ziet zal gemakkelijk in staat zijn om te repliceren.
Dus de volgende ding dat ik wil benadrukken is op uw website Tomi's er deze cursussen knop Brough en toen ik erop klik krijg ik de uitschuifbare menu dat alles naar rechts duwt en ik heb al deze categorieën om uit te kiezen.
En als een hover over een categorie die u kunt zien heb ik krijg dit submenu dat verschijnt.
Dus dat is alles wat ze javascript dingen worden toegevoegd aan de pagina nieuwe hem uit in de leeftijd elementen.
Dit zijn waarschijnlijk lijst met items en anker-tags.
Ze worden toegevoegd aan de pagina die wordt verborgen en in kleur weergegeven is aan het veranderen als ik over de dingen veel interactiviteit te scrollen.
Dus de volgende ding dat ik wil laten zien is een van mijn favorieten.
Het is een website genaamd pad aanval.
Dus dit is een beetje anders.
Het is niet echt een webapplicatie die je zou gebruiken, maar het is echt leuk speelgoed en een grote tech demo van wat u kunt doen met H.T. muis.
SS In javascript dus ik beveel dat u doorgaan en proberen dit op uw eigen.
Patta tap dot com en ik moet doen is beginnen met het typen op mijn toetsenbord in elke toets die ik druk komt overeen met een geluid dat speelt en een koele animatie die speelt.
Dus laat ik u een voorbeeld geven.
Hier is er nog een.
Dus je kunt ergens verdwalen.
Dus dit somt de soort dingen die we kunnen doen.
We hebben interactiviteit waar ik het indrukken van een toets, zodat de code alleen wordt uitgevoerd als ik op een bepaalde toets en dan die code is niet alleen speelt als geluid, maar het is ook het veranderen van wat we zien visueel.
Dus het is niet alleen voortdurend in te loggen het is niet alleen het gebruik van waarschuwingen het is eigenlijk het scherm kwam uit in de CSSA die we zien veranderen.
Dus hopelijk deze voorbeelden heb je op zijn minst een beetje enthousiast over alle geweldige dingen die we staan ​​op het punt om te leren.