Non mi dilungherò a descrivere tutti i tipi di variabili e tutte le operazioni possibili: non è necessario per il nostro obiettivo principale, che è comprendere la sintassi di base di JavaScript per poi passare allo studio di jQuery. In seguito potrai migliorare le tue conoscenze e abilità in JavaScript. Se desideri approfondire JavaScript in sé e non ti interessa usare un potente framework come jQuery, ti consiglio di cercare un manuale più completo. Ma se vuoi creare siti in Drupal e imparare jQuery, allora sei nel posto giusto. Iniziamo!

In questa lezione analizzeremo come utilizzare la struttura if in JavaScript. La sintassi di JavaScript è molto simile a quella di PHP (entrambi i linguaggi sono stati pensati per programmatori provenienti da C++), quindi puoi leggere di più sull’istruzione if in questa lezione di PHP:

Lezioni di PHP - Lezione 8 - L’operatore if

In questa lezione analizzeremo i cicli in JavaScript. Come ho già detto in precedenza, la sintassi di PHP è molto simile a quella di JavaScript, quindi puoi anche dare un’occhiata ai cicli in PHP:

Lezioni di PHP - Lezione 12 - Cicli while, foreach, for

Con una sola differenza: in JavaScript non esiste il ciclo foreach(), quindi in futuro useremo il metodo each() di jQuery per scorrere gli elementi.

In questa lezione analizzeremo le funzioni in JavaScript: come si scrivono e quali tipi di funzioni esistono. Puoi leggere di più sulle funzioni in queste lezioni di PHP — tutti gli esempi funzionano anche in JavaScript:

Lezioni di PHP - Lezione 7 - Funzioni PHP e programmazione funzionale

In questa lezione analizzeremo un altro tipo di dato in JavaScript: gli array. Inoltre, vedremo alcune funzioni per lavorare con stringhe e array. Tutte le altre funzioni verranno trattate nelle prossime lezioni. Per approfondire gli array, puoi consultare i materiali sugli array in PHP:

Lezioni di PHP - Lezione 10 - Array

Questa è l’ultima lezione di JavaScript necessaria per iniziare lo studio di jQuery. Tuttavia, non è l’ultima lezione di JavaScript che realizzerò, poiché il linguaggio è molto più vasto e ricco di funzionalità di quelle trattate finora.

Che cos’è jQuery?

jQuery è una straordinaria libreria JavaScript che consente di creare facilmente splendidi effetti web con poche righe di codice. Come affermato sul sito ufficiale del progetto jQuery:

“jQuery è una libreria JavaScript il cui motto è: scrivere codice JavaScript deve essere divertente. jQuery si occupa dei compiti comuni e ripetitivi, pulisce il codice e lo rende breve, elegante e comprensibile.”

jQuery è uno strumento molto comodo quando serve nascondere, modificare, spostare, adattare graficamente o animare un elemento. È estremamente pratico e semplice da usare. Colleghiamo quindi un file JavaScript. I file si collegano al tema tramite il file con estensione .info presente nella tua tema. Per collegare un file, aggiungi nel file del tema la seguente riga:

scripts[] = js/custom.js

dove js/custom.js è il percorso del file JavaScript all’interno del tuo tema.

In questa lezione analizzeremo i selettori e gli effetti di jQuery.

Selettori

Tra i selettori, useremo più spesso classi e ID. I selettori di jQuery corrispondono in gran parte a quelli del CSS, quindi se sai scrivere selettori in CSS, saprai già come usarli in jQuery. Ecco come selezioniamo le classi:

$('.class')

E così selezioniamo gli ID:

$('#id')

In questo video vedremo come lavorare con i CSS utilizzando le funzionalità di jQuery.