Con questa lezione si conclude il corso di CSS, ma non lo studio del CSS. Ti propongo di passare alla pratica e continuare ad approfondire CSS attraverso la creazione di un tema per Drupal. Troverò un layout in formato PSD su Internet e lo trasformeremo in un tema per Drupal basato sul tema Zen.

Puoi anche passare direttamente allo studio di PHP:

JavaScript è uno dei linguaggi di programmazione più popolari al mondo. Anche se con il tempo ha perso un po’ delle sue posizioni di dominio, resta comunque un linguaggio fondamentale che molti programmatori decidono di imparare.
JavaScript ti sarà necessario per lo studio di jQuery, che a sua volta è un framework basato su JavaScript. Per questo, prima di passare a jQuery, è importante conoscere le basi di JavaScript.
Il codice JavaScript si inserisce direttamente nel codice HTML di una pagina tramite i tag <script></script>:

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.