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 di base 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 l'utente che 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 che entra in gioco lo scripting lato client . 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 esempio veloce, fai clic su questo link: ogni link della pagina diventerà 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. Le applicazioni "ascoltano" questi eventi e fanno 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 si arriva alla fine, jQuery rileva che sei vicino e invia una richiesta AJAX per visualizzare altri stati.
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 di una serie di programmazione per principianti. Nella parte 1, abbiamo appreso 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