Stampa Scarica il PDF
JQuery

Introduzione

  • Cosa rende così speciale jQuery
  • Compatibilità tra browser
  • Selettori CSS
  • Utility vantaggiose
  • jQuery UI
  • Plug-in
  • Tenere il markup pulito
  • Download e inclusione di jQuery
  • Download di jQuery
  • CDN (Content Distribution Network) di Google
  • Altre opzioni della CDN
  • Nightly e GitHub
  • Compresso o con compresso?
  • Anatomia di uno script jQuery
  • L’alias di jQuery
  • Sezionare un’istruzione jQuery
  • Frammenti di HTML: il DOM

Selezione, decorazione

  • Assicurarsi che la pagina sia pronta
  • Selezione: l’elemento core di jQuery
  • Selezione semplice
  • Restringere la selezione
  • Verificare la selezione
  • Filtri
  • Utilizzare più selettori
  • Decorazione: CSS con jQuery
  • Lettura delle proprietà CSS
  • Impostare le proprietà CSS

Classi e miglioramento

  • Classi
  • Miglioramento: aggiungere effetti con jQuery
  • Nascondere e rivelare gli elementi
  • Miglioramento progressivo
  • Aggiungere nuovi elementi
  • Rimuovere elementi esistenti
  • Modificare il contenuto
  • Animazione di base: nascondere e rivelare con stile
  • Funzioni di callback
  • Evidenziare al passaggio del mouse
  • Rivelatore di spoiler

Animare, scorrere e ridimensionare

  • Animazione
  • Animare le proprietà CSS
  • Animazione dei colori
  • Easing
  • Easing avanzato
  • Riquadri di contenuto “elastici”
  • La coda di animazione
  • Azioni di concatenamento
  • Interrompere la catena
  • Navigazione animata
  • Indice generale vii
  • Navigazione animata, parte seconda
  • La libreria jQuery UI
  • Provate l’animazione
  • Scorrimento
  • L’evento scroll
  • Navigazione floating
  • Scorrere il documento
  • Barre di scorrimento personalizzate
  • Ridimensionamento
  • L’evento resize
  • Elementi ridimensionabili
  • Così si eseguono uno scorrimento e un’animazione

Immagini e slideshow

  • Lightbox
  • Lightbox personalizzata
  • Risoluzione dei problemi con consolelog
  • ColorBox: un plug-in per lightbox
  • Ritagliare le immagini con Jcrop
  • Slideshow
  • Slideshow a dissolvenza incrociata
  • Scorrere gli slideshow
  • Widget per slideshow in stile iPhoto

Menu

  • Menu
  • Menu espandibili e comprimibili
  • Indicatori di apertura e chiusura
  • Espansione dei menu al passaggio del mouse
  • Menu a discesa
  • Menu a fisarmonica
  • Un semplice menu a fisarmonica
  • Menu a fisarmonica a più livelli
  • Menu a fisarmonica con jQuery UI

Schede, descrizioni a video e pannelli

  • Schede
  • Schede di base
  • Schede con jQuery UI
  • Pannelli e riquadri
  • Form di login a scorrimento verso il basso
  • Sovrapposizione scorrevole
  • Tooltip: descrizioni a video
  • Descrizioni a video con stili semplici
  • Descrizioni a video e finestre di dialogo avanzate
  • Ordinare fuori menu

Costruzione, Ajax e interattività

  • Costruzione e best practice
  • jQuery più chiaro
  • Template lato client
  • Lo sniffing dei browser
  • Corso accelerato su Ajax
  • Cos’è Ajax
  • Caricamento del codice HTML remoto
  • Migliorare i collegamenti ipertestuali con Hijax
  • Selezionare il codice HTML con i selettori
  • Caricamento avanzato
  • Prepararsi per il futuro: on e off

Ajax e interattività

  • Recuperare i dati con $getJSON
  • Ajax e jQuery
  • Impostazioni comuni di Ajax
  • Caricare script esterni con $getScript
  • Richieste GET e POST
  • Eventi Ajax di jQuery
  • Interattività: utilizzare Ajax
  • Raccolta di immagini Ajax
  • Tag delle immagini

Form, controlli e finestre di dialogo – parte 1

  • Form
  • Validazione semplice dei form
  • Validazione dei form con il plug-in Validation
  • Indicatore della lunghezza massima
  • Suggerimenti nei form (etichette)
  • Selezionare tutte le caselle di controllo
  • Modifica inline
  • Completamento automatico
  • Controllo per una classifica a stelle
  • Controlli
  • Form, controlli e finestre di dialogo – parte 2

Pulsanti

  • Selettore di date
  • Cursori
  • Trascina e rilascia
  • Utilizzo di sortable
  • Barra di avanzamento
  • Finestre di dialogo e avvisi
  • Finestra di dialogo modale semplice
  • Finestra di dialogo con jQuery UI

Elenchi, gerarchie e tabelle

  • Elenchi
  • Elementi selezionabili con jQuery UI
  • Ordinare gli elenchi
  • Manipolare gli elenchi delle caselle di selezione
  • Gerarchie
  • Gerarchia espandibile
  • Delega degli eventi
  • Tabelle
  • Intestazioni fisse
  • Ripetere l’intestazione
  • Griglie di dati
  • Selezionare le righe con le caselle di controllo

© Copyright 2014. Microsales