Durata

8 ore
Book-open Book-open

Metodologia didattica

Presenza, Aula Virtuale

Doc-text-inv Doc-text-inv

Attestato

Attestato di Frequenza e Profitto

I framework moderni sono strumenti potentissimi, ma per sfruttarli completamente è necessaria anche una comprensione profonda del linguaggio che fa funzionare tutto: il JavaScript puro, o “Vanilla JS”. Questo corso pratico si concentra sulla manipolazione del DOM (Document Object Model).

I partecipanti impareranno a selezionare, creare, modificare e rimuovere elementi della pagina in modo dinamico, utilizzando le API native del browser. Approfondiremo la gestione degli eventi per creare componenti interattivi e vedremo come utilizzare le moderne fetch API per aggiornare la UI con dati provenienti da un server.

A chi è rivolto il corso Vanilla JS?

Front End Developer

Programma didattico

Modulo 1: il DOM e i selettori moderni

  • Il DOM come struttura ad albero: nodi, elementi e attributi.
  • Selezionare elementi singoli e multipli con querySelector e querySelectorAll.
  • Navigare il DOM: attraversare le relazioni tra nodi (parent, child, sibling).

Modulo 2: manipolazione dinamica degli elementi

Creare, aggiungere e rimuovere elementi (createElement, append, remove).
Modificare contenuto, attributi e classi (textContent, setAttribute, classList).
Gestire lo stile degli elementi direttamente da JavaScript.
Tecniche per manipolazioni multiple e performanti (DocumentFragment).

Modulo 3: gestione degli eventi

  • Aggiungere e rimuovere event listeners.
  • L’oggetto Event e le sue proprietà.
  • La propagazione degli eventi: bubbling e capturing.
  • Il pattern dell’Event Delegation per ottimizzare le performance.
  • Interagire con i form e prevenire i comportamenti di default.

Obiettivi del corso

Alla fine del corso, i partecipanti saranno in grado di:

  • Selezionare qualsiasi elemento della pagina utilizzando i selettori CSS moderni in JavaScript.
  • Manipolare dinamicamente la struttura e lo stile di una pagina web senza l’ausilio di librerie esterne.
  • Creare interfacce utente interattive gestendo gli eventi e le azioni dell’utente in modo efficiente.
  • Applicare il pattern dell’Event Delegation per scrivere codice più performante e scalabile.
  • Comprendere in modo più approfondito il funzionamento interno dei framework front-end moderni.

Compila il form per maggiori informazioni

Compila il form: ti risponderemo il più presto possibile. Puoi selezionare più corsi tenendo premuto il tasto CTRL. Non trovi il corso che cerchi? Contattaci per raccontarci le tue esigenze e costruire insieme un programma formativo su misura.

    Formazione finanziata

    I Fondi Paritetici Interprofessionali offrono alle aziende aderenti la possibilità di coprire i costi della formazione aziendale e individuale destinata ai propri dipendenti.
    Kinetikon ti offre un supporto completo in ogni fase: dall’analisi di fattibilità alla presentazione della domanda, fino alla rendicontazione e all’ottenimento del finanziamento.
    Compila il form qui sopra e scopri come finanziare questo corso.

    FAQ – Domande Frequenti

    Non ci sono date programmate, ma puoi scegliere il periodo di partenza della formazione. 

    Puoi scegliere la formazione online, in presenza o blended. Per quanto riguarda la formazione online, mettiamo a disposizione la nostra piattaforma dedicata e conforme ai requisiti di monitoraggio dei Fondi Interprofessionali.

    Collaboriamo attivamente con i Fondi Interprofessionali e siamo specializzati nella gestione della formazione finanziata. Ti forniremo tutte le informazioni sulle opportunità di finanziamento disponibili per il corso di tuo interesse.

    Certo: durante la sessione di allineamento, adeguiamo i contenuti formativi in base al livello di esperienza dei partecipanti, garantendo un percorso adatto sia ai principianti, sia agli esperti.

    Il programma didattico che trovi in questa pagina è solamente una traccia. Prima dell’avvio del corso, organizziamo una sessione di allineamento con il consulente che condurrà la formazione, per definire insieme un programma completamente personalizzato.

    Il percorso formativo si adatta alle tecnologie e alle piattaforme già in uso nella tua azienda. In caso di prima adozione, Kinetikon offre anche consulenza per la scelta della piattaforma, del linguaggio, del vendor o dello strumento più idoneo. Inoltre, la formazione è modulare e focalizzabile sugli argomenti in cui il tuo team necessita di approfondimenti specifici.

    Contattaci via email all’indirizzo formazione@kinetikon.com, oppure utilizza il form dedicato su questa pagina o nella sezione contatti del nostro sito. Il nostro team è sempre pronto a fornire supporto e consulenza personalizzata.