CONTATTACI

Guide per aspiranti programmatori

Lezione 20 / 23

Il DOM in Javascript

Alcune informazioni aggiuntive sul linguaggio JavaScript ti saranno utili per approfondire le tue conoscenze. In particolare, prova ad entrare di più nel linguaggio JavaScript – ma anche in generale nel mondo della programmazione informatica – vedendo il Document Object Model, gli eventi e i canvas.

DOM in JavaScript

La struttura dei documenti in JavaScript segue il DOM, document object model. Viene usato anche in altri linguaggi, quindi non è una scelta specifica del linguaggio JavaScript: questo apporta vantaggi e svantaggi.

Si tratta di un’ interfaccia di programmazione delle applicazioni (API) per i documenti HTML e XML. Se si vuole accedere e manipolare gli elementi all'interno di una pagina web per creare un'interfaccia utente dinamica, il DOM è essenziale.
 

Non tutte le applicazioni JavaScript, però, si appoggiano al DOM. Ad esempio, nelle applicazioni che non hanno un'interfaccia utente, il linguaggio JavaScript elabora i dati in modo indipendente dalla struttura della pagina web, quindi il DOM non serve. Rientrano in questa categoria i webservices e i server Node.js.
 

Inoltre, alcuni framework JavaScript (ad esempio React, Angular e Vue.js) usano Virtual DOM, una propria rappresentazione virtuale del DOM che non dipende dal vero DOM del browser, aumentando le prestazioni e la velocità delle applicazioni.

Per sviluppare web dinamico è, quindi, necessario conoscere il DOM. Se conosci il linguaggio HTML ti è facile far riferimento a quel linguaggio di markup per fissare alcuni punti. Semplificando le cose, un programma HTML parte dal tag <body>, poi passa ad <h1> e da lì a tanti <p>.

Una pagina HTML può essere vista come composta da una gerarchia di nodi, dove ogni nodo ha un nodo padre e può avere nodi figli. L’intero file HTML è il nodo documento e contiene tutti gli altri nodi.
Tra i nodi troviamo gli elementi (tag <p>, <div>, <h1>, etc), attributi degli elementi (es. href in un tag <a>. src in un tag <img>), testo o commenti. (Se non padroneggi il linguaggio html non preoccuparti: puoi consultare la nostra guida html e css in italiano).

Tra le molte componenti spiccano i nodi. Nel linguaggio JavaScript, i nodi rappresentano gli elementi all'interno di un documento HTML o XML. 

I nodi hanno diverse proprietà che possono essere sfruttate per accedere e modificare i dati all'interno del documento.
 

Alcune delle proprietà più comuni sono:

  • nodeType: indica il tipo di nodo, ad esempio elemento, testo, commento, ecc.
  • nodeName: il nome del nodo, ad esempio 'div' per un elemento div.
  • nodeValue: il valore del nodo, ad esempio il testo all'interno di un elemento di testo.
  • parentNode: il nodo padre del nodo corrente.
  • childNodes: una raccolta di nodi figlio del nodo corrente.
  • firstChild: il primo nodo figlio del nodo corrente.
  • lastChild: l'ultimo nodo figlio del nodo corrente.
  • previousSibling: il nodo precedente al nodo corrente all'interno dello stesso livello gerarchico.
  • nextSibling: il nodo successivo al nodo corrente all'interno dello stesso livello gerarchico.
     

Queste sono solo alcune delle proprietà dei nodi più comuni, ci sono molte altre proprietà disponibili a seconda del tipo di nodo e del contesto.

I nodi DOM contengono una vasta gamma di collegamenti ad altri nodi vicini. Il seguente diagramma, tratto da Eloquent JavaScript, li illustra.

 


 

L’indentazione inserisce nel programma degli  spazi non richiesti. Il computer accetterà il programma senza problemi: anche le interruzioni di riga nei programmi sono facoltative. 

Il ruolo dell’indentazione è far risaltare la struttura del codice.

Contattaci senza impegno per informazioni sul corso

Pagamento rateale

Valore della rata: A PARTIRE DA 115 €/mese.

Esempio di finanziamento 

Importo finanziato: € 2440 in 24 rate da € 115 – TAN fisso 9,55% TAEG 12,57% – importo totale del credito € 2841.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

*In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Pagamento rateale

Valore della rata: A PARTIRE DA 210 €/mese.

Esempio di finanziamento  

Importo finanziato: € 4500 in 24 rate da € 210,03 – TAN fisso 9,68% TAEG 11,97% – importo totale del credito € 5146,55.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

* In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Contattaci senza impegno per informazioni sul corso

Scopriamo insieme se i nostri corsi fanno per te. Compila il form e aspetta la chiamata di uno dei nostri consulenti.