Rendere il Web Interactive un'introduzione a jQuery

jQuery è una libreria di scripting lato client che utilizza quasi tutti i siti Web moderni: rende i siti Web interattivi. Non è l'unica libreria Javascript, ma è la più sviluppata, più supportata e più utilizzata. È uno degli elementi costitutivi di qualsiasi sito web moderno. Ma cos'è esattamente jQuery, cosa lo rende così popolare e perché dovresti preoccupartene se stai iniziando come sviluppatore web??

Che cos'è jQuery?

jQuery è un'estensione di Javascript, una libreria di funzioni e utilità Javascript che aggiungono un tocco visivo e rendono le funzionalità avanzate semplici da implementare in poche righe di codice. È supportato tra i browser e open source. Inoltre, puoi estendere le funzionalità di jQuery con plug-in di facile utilizzo.

jQuery è costruito su Javascript, ma aggiunge metodi e funzionalità non trovati in puro Javascript. È stato creato per semplificare l'uso di Javascript e rimuovere i problemi legati all'implementazione di Javascript in diversi browser. Con jQuery puoi scrivere una sola volta e jQuery interpreterà il tuo codice correttamente per qualsiasi browser.

La funzione principale di jQuery è per la manipolazione DOM (DOM è il modello di oggetto documento) e indica la struttura sottostante di qualsiasi pagina web visitata. Ogni singola cosa che vedi nella pagina - e molte che non vedi - sono rappresentate nel DOM.

jQuery non è l'unica libreria Javascript disponibile, ma è la più popolare: circa il 55% dei primi 10.000 siti Web lo utilizza. Prototype, MooTools e Scriptaculous sono alternative popolari, ma non altrettanto ben supportate.

Lato client vs lato server

La maggior parte delle pagine Web viene generata sul lato server - MakeUseOf utilizza PHP e MySQL (sotto forma di WordPress) per recuperare i dati dell'articolo da un database e quindi applicare un modello a tali dati. La pagina risultante viene inviata al browser, interpretata e visualizzata all'utente. Facendo clic su un collegamento si effettua un'altra richiesta al database e viene generata un'altra pagina. Ma cosa succede se vuoi creare un qualche tipo di interattività nella pagina? Un modulo che controlla ciò che l'utente digita (come Twitter, che conta quante lettere ci sono rimaste), un pulsante che fa apparire una finestra di dialogo, o forse vuoi caricare altri dati senza ricaricare l'intera pagina?

Qui è dove scripting lato client entra in gioco. Ecco dove il client - il tuo browser - fa il lavoro pesante. La maggior parte dei siti web, incluso questo, usa un po 'di entrambi.

Perché usare jQuery?

Flair visivo

jQuery consente di modificare parti della pagina Web in risposta alle azioni dell'utente. Come un rapido esempio, clicca questo link - ogni link sulla pagina lo farà cambia in rosso. Inutili? Forse, ma hai capito il punto. Le presentazioni di immagini sono un uso comune di jQuery. Bilanciare gli effetti visivi inutili e le aggiunte veramente utili all'esperienza utente è parte dell'abilità nell'essere uno sviluppatore web.

Ecco una breve lista di alcuni effetti davvero fantastici che puoi ottenere.

Eventi facili

Quasi tutto il software funziona su un modello di eventi: fai clic su qualcosa e viene attivato un evento click. Trascina il dito su un tablet e viene attivato un evento di trascinamento. applicazioni “ascolta” per questi eventi e fare qualcosa - jQuery ti permette di farlo in un browser.

Esegui AJAX semplicemente

Javascript asincrono e XML è un modo di comunicare con un server remoto senza dover caricare un'altra pagina. Un buon esempio di questo è il flusso di stato di Facebook. Prova a scorrere tutti gli aggiornamenti fino a raggiungere il fondo. Non puoi Non appena arrivi alla fine, jQuery rileva che sei vicino e invia una richiesta AJAX per altri stati da visualizzare.

Quindi li inietta nella pagina corrente, senza che tu te ne accorga. Ottieni un flusso infinito di aggiornamenti, ma non sono tutti caricati all'inizio.

Interfacce utente avanzate

Insieme al plugin core dell'interfaccia utente jQuery, puoi creare applicazioni Web complete utilizzando componenti standard del modulo; barre di avanzamento, cursori, pulsanti, schede, trascina e rilascia - è tutto lì. Un semplice sistema di tematizzazione ti consente di personalizzare l'aspetto grafico, oppure puoi utilizzare uno dei valori predefiniti.

Dovrei preoccuparmi?

Se sei interessato a sviluppare siti Web quale linguaggio di programmazione imparare - Programmazione Web quale linguaggio di programmazione imparare - Programmazione Web Oggi daremo un'occhiata ai vari linguaggi di programmazione Web che alimentano Internet. Questa è la quarta parte in una serie di programmazione per principianti. Nella parte 1, abbiamo imparato le basi di ... Leggi di più, allora sì - jQuery è una cosa che devi assolutamente imparare. Se ti sei mai chiesto “Come posso fare X fare Y quando l'utente fa Z?”, allora adorerai jQuery. Aggiungerlo al tuo sito è semplice come aggiungere un link ad esso nell'intestazione; o dire a WordPress di caricarlo.

Ti piacerebbe imparare jQuery? Fateci sapere nei commenti e vedrò cosa posso fare.

Crediti immagine: Billboard rotante dinamico creato utilizzando jQuery, PistolSlut.com, grafico realizzato con jQuery