Già bentornato
Quindi ho delle ottime notizie.
È finalmente giunto il momento di prendere javascript e combinarlo con il nostro H. M. S. valutare.
Questa è di gran lunga la mia unità preferita.
Il mio argomento preferito per insegnare tutto ciò che ho trascorso la vita insegnando.
È davvero dove javascript inizia a pagare.
Quindi abbiamo fatto alcune semplici app fino a questo punto.
molto eccitante, ma tutto cambierà ora perché stiamo per scatenare la potenza di Javascript.
Semplice da elencare usando avvisi e prompt e so che non è
E poi questa unità faremo cose come fare un gioco interattivo faremo una vera lista
delle cose con una forma reale con veri pulsanti e checkbox e Javascript dietro di essa e animazioni e ogni sorta
di cose interessanti davvero interessanti dove hai davvero la sensazione di aver realizzato qualcosa non solo una
piccola riga di comando o una piccola app per console javascript, ma qualcosa di reale che potresti condividere.
Quindi il modo in cui facciamo tutto questo è attraverso una tecnologia chiamata DOM che è quella.
Quindi questa lezione servirà come introduzione al DOM per parlare di alcune cose
nei prossimi video.
Voglio iniziare definendo cos'è il DOM ciò che rappresentano queste lettere.
Voglio che tu capisca bene perché è eccitante.
Vi mostrerò alcune interessanti applicazioni che altre persone hanno creato usando questa roba
che impareremo, quindi parleremo di ciò che chiamo la selezione e manipoleremo il flusso di lavoro.
Quindi iniziamo.
Quindi perché dovresti preoccuparti di tutto questo.
Bene, ci sono tanti motivi.
con il cane che interagisce con ogni squadra e le SS Quindi interagiamo con il Dom per fare cose come i giochi.
Praticamente tutte le app di grandi dimensioni là fuori in questo momento cose come Twitter e Facebook Instagram
YouTube Gmail usano tutti un sacco di javascript e la maggior parte di questi javascript interagisce
Potremmo fare tic tac toe potremmo fare di una piattaforma un gioco come Mario, possiamo
usarlo per fare cose più pratiche come menu a tendina, convalide.
Ecco come rendiamo le pagine web interattive.
È come possiamo aggiungere animazioni.
ultimi anni usa un sacco di javascript per manipolare il Dom come ho detto prima,
vi mostrerò alcuni esempi prima di iniziare a definire questi termini parlano di come funziona il DOM.
E l'ultimo qui lo riassume praticamente in ogni sito fantastico, anche se in realtà
solo negli
Voglio mostrarti alcuni siti web.
Quindi il primo è solo google e non so quanto presti attenzione a questo,
ma quando inizi a cercare qualcosa su Google come Halo.
Notate come ottengo questa cosa che appare questa è tutta la sua Timo questa è una sorta di div
o qualcosa che viene colpito e mostrato e che cambia mentre digito cose come se scrivo ciao kitty
ottengo nuovi risultati.
Questo è tutto fatto con javascript, ma questo è il tipo di cosa che saremo in grado di
fare dopo alcuni video.
Ovviamente non saremo in grado di scrivere il backend di Google ma saremo in grado di fare il
front end qui.
Tutti gli HMO, tutti i successi che tutti questi effetti potranno facilmente replicare.
Quindi la prossima cosa che voglio evidenziare è sul tuo sito web di Tomi c'è il pulsante dei corsi
di Brough e quando clicco su di esso ottengo il menu a scorrimento che spinge tutto verso destra e
ho tutte queste categorie tra cui scegliere.
E come al passaggio del mouse su una categoria puoi vedere che ho questo sottomenu che si apre.
Quindi sono tutte cose javascript che vengono aggiunte alla pagina con elementi nuovi e invecchiati.
Questi sono probabilmente articoli di elenco e tag di ancoraggio.
Sono stati aggiunti alla pagina che è nascosta e mostrati a colori sta cambiando mentre scorro
le cose con molta interattività.
Quindi la prossima cosa che voglio mostrare è una delle mie preferite.
È un sito Web chiamato pad attack.
Quindi questo è un po 'diverso.
Non è proprio un'applicazione web che useresti ma è un gioco davvero divertente e una grande dimostrazione tecnologica di ciò che puoi
fare con H. T. topo.
SS In javascript quindi consiglio vivamente di andare avanti e provare da solo.
Patta tap dot com e devo fare è iniziare a digitare sulla mia tastiera in ogni tasto che premo corrisponde a un
suono che suona e una bella animazione che suona.
Quindi lascia che ti mostri un esempio.
Ecco un altro.
Quindi puoi perderti da qualche parte.
Quindi questo riassume il tipo di cosa che possiamo fare.
Abbiamo l'interattività in cui sto premendo un tasto in modo che il codice sia in esecuzione solo
quando premo un determinato tasto e quindi quel codice non sta solo suonando come suono ma sta anche cambiando ciò che vediamo visivamente.
Quindi non è solo la registrazione continua, non è solo usando gli avvisi, ma sta effettivamente cambiando
lo schermo che è uscito nel CSSA che vediamo.
Quindi spero che quegli esempi ti abbiano almeno un po 'emozionato riguardo a tutte le cose meravigliose che
stiamo per imparare.