Lezione dal corso Web Development
Tra i vari metodi.
Tra le varie funzioni messe a disposizione dal Dome abbiamo anche la possibilità di agganciare quelli che in gergo vengono chiamati listener, quindi poter agganciare delle delle funzioni che restano all'ascolto di determinati eventi.
Eventi del browser più noti sono il click dell'utente, per esempio lo scroll o la summit di una forma, quindi l'invio di una forma, ma ce ne sono molti altri è per cui adesso vedremo come intercettare questi eventi e agganciare dei lister, quindi delle funzioni che restano all'ascolto che vengono eseguite quando si verifica quel determinato evento per scatenare per esempio, un evento al click e quindi restare all'ascolto di quella determinata azione da parte delle da parte di un utente.
Quello che faro' sarà selezionare l'elemento del dome che mi interessa e a cui voglio agganciare un chissene e invocare a quel punto il metodo ad eventi listener inserendo come primo parametro una stringa che rappresenta l'evento che voglio ascoltare in questo caso click e come secondo parametro, quindi separato da virgola aggiungero' una funzione con all'interno del codice che vorrei seguire tutte le volte che quell'evento si verifica su quel determinato elemento del dom dobbiamo vedere adesso in pratica come settare quindi dei listener a degli eventi torno sul mio index html adesso è vuoto ma ho deciso di aggiungere un battono mi sembra che sia l'elemento piu' naturale su cui poter intercettare il click dell'utente metto magari come double click mi salvo ricarico ed ecco che appare il nostro pulsante abbiamo visto come il metodo per poter rapidamente andare a prenderci dal dome un elemento è quello di assegnare lunedì al all'elemento in questo caso posso chiamarlo battle é in javascript andare a recuperarlo con assegnarlo anche una variabile attraverso aspetta eh no javascript andare a recuperarlo e a segnarlo una variabile no perché adesso due volte allo stesso modo no javascript andare a recuperarlo con document getelementbyid id e assegnarlo perché no? Ha una variabile quindi document punto getelementbyid id tra i parametri riporto il mio è di button e a quel punto, avendo recuperato il button, aggancio il mio listener con la funzione ad event listener.
Il primo parametro una stringa in questo caso l'evento click secondo parametro una funzione, una funzione dentro cui questa è una funzione anonima, quindi avrà un nome.
Questa funzione semplicemente sarà ci farà da contenitore per il codice che vorremmo eseguire Quando si verificherà l'evento, io direi che possiamo limitarci a un semplice console luoghi in questo momento un console luoghi in cui, per esempio, riproduciamo il testo.
Ehi, mi hai cliccato Punto esclamativo.
Ok, in teoria con questo codice abbiamo agganciato un listener al al click del nostro bottone, per cui il carico la pagina clicca sul pulsante click MI e vediamo che in console compare ogni volta che clicco il messaggio che abbiamo indicato.
Quindi in maniera molto semplice abbiamo agganciato i nostri eventi.
Siamo riusciamo ad essere all'ascolto degli eventi all'interno della pagina.
Questo ci servirà adesso per poter intercettare tutte le interazioni dell'utente con la pagina e poterci comportare di conseguenza.
Decidere di applicare delle animazioni o invocare delle funzioni delle funzionalità più avanzate.
Ma vedremo meglio come successivamente.
Learnn è la piattaforma online che ti aiuta a 360 gradi a crescere nel digitale. Sviluppa competenze con oltre 220 corsi, condividi i tuoi risultati, fai networking con otre 120.000 professionisti/e e oltre 300 aziende.
Vogliamo cambiare l’Italia, una persona alla volta.
Per farlo ci proponiamo di democratizzare l’apprendimento e accelerare la crescita di persone, idee e aziende attraverso strumenti tecnologici a supporto di qualsiasi professionista.
Learnn prevede un piano totalmente gratuito (Free) che ti permette di iniziare qualsiasi corso che abbiamo su Learnn.
Per chi volesse finire i corsi, ottenere certificazioni e connettersi con professionisti e aziende, Learnn Pro permette di avere accesso illimitato a tutto questo. Il corso di Learnn Pro è 9.99 euro / mese e puoi disdire quando vuoi.
Per i team di aziende abbiamo anche un Piano Team con oltre 300 clienti aziendali.
Potrai seguire i contenuti da computer, tablet e smartphone.
Scarica l’App iOS/Android Learnn e segui i contenuti in modalità video, audio e testo.
Learnn ha un piano gratuito che ti permette di accedere all 40% di ogni corso in maniera gratuita e solo con la tua email.
Learnn offre sia un piano gratuito con accesso limitato ai contenuti, sia un piano PRO del costo di soli 9.99 euro al mese con cui potrai avere accesso a tutti i nostri contenuti senza limiti o sorprese.
Una volta completata l’iscrizione sarà possibile gestire i propri dati e disdire in qualsiasi momento e in completa autonomia.
No, non offriamo certificazioni, facciamo di meglio.
Man mano che completi corsi potrai verificare le tue competenze e condividerle sul tuo profilo LinkedIn o CV.
Inoltre abbiamo sviluppato una feature chiamata Profile attraverso il quale otterrai un link personale per mostrare in tempo reale tutti i contenuti da te completati e molto altro.
Immagine personale, username, badge, link esterni e molto altro.
Crea una vera e propria sales page dove il prodotto in vendita sono le tue competenze.
Se avessi altre domande puoi usare la live chat qui di fianco.
Per partnership compila questo form
La nostra vision è rendere l'Italia famosa nel mondo per l'esecuzione.
La missione di Learnn
è accelerare la crescita di ogni individuo rendendo accessibili conoscenza, opportunità e tecnologia per avere un impatto positivo sul mondo e sugli altri.
Tutto incluso (come Netflix), IVA inclusa, nessuna sorpresa o addebito indesiderato.
Disdici quando vuoi, in 1 click.
Scegli di migliorare ogni giorno per 12 mesi senza interruzioni scegliendo il piano annuale.
In un unico pagamento annuale
Disdici quando vuoi, in 1 click.
Con l’abbonamento otterrai:
Consuma i +200 corsi e webinar di Learnn da webapp o app iOS e Android, in formato video, audio o testo.
Con l'abbonamento a Learnn hai accesso a tutto (proprio tutto) ciò che contiene la piattaforma.
Ogni mese registriamo nuovi corsi su tutto cio di cui potresti avere bisogno nel mondo digitale.
Con l'app Learnn trasformi ogni momento di vuoto in un'occasione di apprendimento.
Scarica tutto il materiale che ti serve e utilizza i moduli riassuntivi per fissare i concetti.
Ogni settimana nuove offerte di lavoro da parte di tantissime aziende che operano nel mondo digitale.