- Dettagli
- Scritto da Alessandra
- Pubblicato: 19 Novembre 2012
- Visite: 10972
Acquista il libro dal sito FAG
Il libro presenta la libreria jQuery, ormai sempre più diffusa nella creazione di siti web. All’inizio si fa conoscenza con la scrittura di codice di tipo non intrusivo, per poi prendere confidenza con selettori degli elementi delle pagine. In seguito il libro propone la manipolazione del DOM e dei CSS. Si illustra poi come gestire gli eventi e creare animazioni. Naturalmente un'ampia parte del libro viene dedicata ad Ajax. Per finire sono presentati alcuni plugin jQuery, come il plugin form e il plugin uI. Tra gli argomenti trattati: Scrivere codice non intrusivo. Selettori jQuery. Manipolazione del DOM Ajax. Plugin jQuery UI.
Argomenti trattati
| Introduzione a jQuery |
| Integrare jQuery nelle proprie pagine |
| Scrittura di codice non intrusivo |
| DOM ready |
| La funzione $() |
| Parte 1 - jQuery core |
| Selezionare gli elementi del DOM |
| Selettori base |
| Selezionare gli elementi in base agli attributi |
| Selezionare sulla base di più criteri |
| Selezionare con has() e not() |
| Selezionare elementi fratelli |
| Selezionare per posizione |
| I selettori jQuery |
| Selezionare tutti gli elementi |
| Lavorar e con i wrapped set |
| get() e index() |
| size() |
| filter(), find(), is() |
| add() |
| Recuperare gli elementi mediante le relazioni di parentela |
| slice() |
| end() |
| Manipolare il DOM |
| Gestire il contenuto degli elementi del DOM |
| html() |
| text() |
| append(), appendTo, prepend(), prependTo() |
| before(), insertBefore(), after(), insertAfter() |
| wrap(),wrapAll(), wrapInner() |
| remove(), empty(), clone() |
| Lavorare con gli attributi degli elementi di un wrapped set |
| attr(), removeAttr() |
| Lavorare con gli elementi di un form |
| Manipolare lo stile |
| Operare direttamente sui CSS |
| width() e height() |
| Animazioni |
| Animazioni preimpostate |
| hide(), show(), toggle() |
| fadeOut(), fadeIn(), fadeTo() |
| slideDown(), slideUp(), slideToggle() |
| Animazioni personalizzate |
| Interrompere le animazioni |
| Gli eventi |
| Le proprietà dell’oggetto event |
| Le forme brevi |
| toggle() |
| hover() |
| Funzioni di utilità |
| $.each() |
| $.trim() |
| Caricare script esterni con $.getScript() |
| $.noConflict() |
| $.extend() |
| Lavorare con gli array |
| $.grep() |
| $.map() |
| $.inArray() |
| $.makeArray() |
| $.merge() |
| $.unique() |
| Determinare il browser e le funzionalità supportate |
| Determinare il supporto per specifiche funzionalità |
| Estendere jQuery |
| Evitare conflitti dell’alias $ |
| Funzioni di utilità personalizzate |
| Metodi personalizzati |
| Ajax |
| Metodi e funzioni di livello superiore |
| load () |
| $.get() e $.post() |
| $.getJSON () |
| Funzioni di livello inferiore |
| $.ajax() |
| Inviare con Ajax i dati di un form |
| Parte 2 - I plugin |
| Plugin |
| Il plugin form |
| Leggere i campi di un form |
| fieldValue() |
| formSerialize() e fieldSerialize() |
| Cancellare e reimpostare i campi di un form |
| Inviare i dati dei form tramite Ajax |
| ajaxSubmit() |
| ajaxForm() |
| ajaxFormUnbind() |
| Validation |
| Convalida tramite una richiesta Ajax |
| Parte 3 - Il plugin UI |
| Effetti |
| show(), hide(), toggle() |
| Transizioni di colore |
| Transizione di classi |
| Il widget accordion |
| Il widget tabs : la struttura a schede |
| Dimensione delle schede e disposizione delle linguette |
| Rotazione automatica |
| Caricare il contenuto del tab con Ajax |
| Il widget autocomplete |
| Sorgenti dati remote |
| JSON |
| Origine dati XML |
| Programmare con JQuery |
| Il widget button |
| Radio button e checkbox |
| Il widget progressbar |
| Eventi |
| Il widget dialog |
| Finestre di dialogo modali |
| Il widget datepicker |
| Definire limiti per le date selezionabili |
| Le settimane lavorative |
| Scegliere l’anno |
| Animare il datepicker |
| Impedire la selezione di alcune date |
| Gestire un intervallo di date |
| Il widget slider |
| Usare lo slider per definire un intervallo di valori |
| Il widget temi |
| Theme Switcher Widget |
| Creare temi personalizzati |
| Interazioni draggable |
| Interazioni droppable |
| Impedire che un oggetto trascinabile sia rilasciato fuori da un elemento droppable |
| Inserire un oggetto trascinabile in uno droppable |
| L’elemento trascinabile nel giusto bersaglio |
| Propagazione |
| Interazioni resizable |
| Maniglie |
| Contenitore per l’elemento ridimensionabile |
| Ridimensionamento di più elementi |
| Ridimensionare un <div> con il suo contenuto |
| Ridimensionare il testo |
| Riportare un elemento resizable alle dimensioni originali |
| Interazioni selectable |
| Selezionare e deselezionare gli elementi via codice |
| Elementi selezionabili diversi dalle liste |
| Interazioni sortable |
| Verificare che l’ordinamento sia quello voluto |
| Connettere più contenitori di oggetti trascinabili |
| Sortable con tab e accordion |
| Position |
