Orario delle lezioni

Scatola magica

• Cassetto magico CodeW3C.com

Menu

• Barra delle icone
• Icona del menu
• Fisarmonica
• Tab
• Tab verticale
• Titolo della scheda
• Tab a pagina intera
• Tab悬停
• Navigazione in alto
• Navigazione in alto responsive
• Navigazione divisa
• Barra di navigazione con icone
• Menu di ricerca
• Barra di ricerca
• Barra laterale fissa
• Navigazione laterale
• Barra laterale responsive
• Navigazione a schermo intero
• Menu al di fuori del canvas
• Pulsante di navigazione laterale悬停
• Barra laterale con icone
• Menu a scorrimento orizzontale
• Menu verticale
• Navigazione di fondo
• Navigazione di fondo responsive
• Link della navigazione di fondo con bordo
• Link del menu a destra
• Link del menu centrato
• collegamenti del menu a larghezza uniforme
• menu fisso
• scivola la barra di navigazione durante lo scorrimento
• nascondi la barra di navigazione durante lo scorrimento
• restringi la barra di navigazione durante lo scorrimento
• navigazione adesiva
• navigazione a discesa sull'immagine
• menu a discesa a悬停
• menu a discesa su clic
• menu a discesa a cascata
• menu a discesa nella barra di navigazione superiore
• menu a discesa nel pannello laterale
• navigazione responsiva con menu a discesa
• menu di sottonavigazione
• menu a discesa
• menu superiore
• menu mobile
• menu a tendina
• barra laterale ripiegabile
• pannello laterale ripiegabile
• paginazione
• navigazione a fette
• gruppo di pulsanti
• gruppo di pulsanti verticali
• barra sociale adesiva
• navigazione pilula
• testata responsiva

immagine

• diapositiva
• galleria di diapositive
• immagine modale
• cassetta degli strumenti
• griglia di immagini responsiva
• griglia di immagini
• libreria di immagini
• libreria di immagini scorrevole
• libreria di immagini a schede
• discesa sovrapposta all'immagine
• scorrimento sovrapposto all'immagine
• zoom sovrapposto all'immagine
• titolo sovrapposto all'immagine
• icona sovrapposta all'immagine
• effetto dell'immagine
• immagine a黑白
• testo sull'immagine
• blocco di testo sull'immagine
• testo sull'immagine trasparente
• immagine a pagina intera
• modulo sull'immagine
• focchi
• immagine sfocata di sfondo
• cambia lo sfondo durante lo scorrimento
• immagini in colonna
• immagine arrotondata
• immagine del profilo
• immagine responsiva
• immagine centrata
• anteprima
• bordo dell'immagine
• introduzione della squadra
• immagine adesiva
• immagine capovolta
• immagine tremolante
• galleria di opere
• galleria di opere selezionabili
• zoom dell'immagine
• lente di ingrandimento dell'immagine
• slidere di confronto delle immagini
• icona del sito

pulsante

• pulsante di avviso
• pulsante contorno
• Pulsante di separazione
• Pulsante animato
• Pulsante di degradazione
• pulsante sull'immagine
• pulsante dei social media
• più leggere/meno leggere
• pulsante di caricamento
• pulsante di download
• pulsante pilula
• pulsante di notifica
• pulsante a icone
• pulsante pagina successiva/precedente
• pulsante più nella navigazione
• pulsante in blocco
• pulsante testuale
• pulsante arrotondato
• pulsante di ritorno in alto

modulo

• modulo di accesso
• modulo di registrazione
• modulo di checkout
• modulo di contatto
• modulo di accesso sociale
• modulo di registrazione
• modulo a icone
• iscrizione alla newsletter
• modulo a pile
• modulo responsivo
• modulo a comparsa
• modulo inline
• pulisci la casella di input
• nascondi le frecce numeriche
• copia il testo nella bacheca
• ricerca animata
• pulsante di ricerca
• ricerca a schermo intero
• casella di input nella barra di navigazione
• modulo di accesso nella barra di navigazione
• casella di controllo/riassorbimento personalizzati
• casella di selezione personalizzata
• commutatore
• seleziona la casella di controllo
• rileva il blocco maiuscolo
• attiva il pulsante con la pressione della barra spaziatrice
• verifica della password
• cambia la visibilità della password
• modulo a più passaggi
• completamento automatico
• chiudi la completazione automatica
• chiudi il controllo ortografico
• pulsante di upload di file
• verifica di input vuoto

filtri

• elenco filtrato
• tabella filtrata
• elemento di filtraggio
• menu a discesa di filtraggio
• elenco ordinabile
• tabella ordinabile

tabella

• tabella a strisce zebra
• tabella centrata
• tabella a piena larghezza
• tabella annidata
• tabella in colonna
• tabella responsiva
• tabella di confronto

più

• video a schermo intero
• modale
• modale di eliminazione
• linea temporale
• indicatore di scorrimento
• Barra di avanzamento
• Barra di abilità
• Cursore di intervallo
• Selettore di colore
• Campo email
• Suggerimento
• Visualizza elemento hover
• Finestra popup
• Contenuto pieghevole
• Calendario
• HTML include
• Elenco di cose da fare
• Caricatore
• Medaglia
• Valutazione a stelle
• Valutazione utente
• Effetto sovrapposto
• Chip di contatto
• Carta
• Carta a ribalta
• Carta del profilo
• Carta del prodotto
• Avviso
• Casella di dialogo
• Appunti
• Etichetta
• Fascia
• Nuvola di etichette
• Cerchio
• Linea orizzontale stilizzata
• Buono sconto
• Gruppo di elenco
• Gruppo di elenco con badge
• Elenco senza elenco
• Testo responsivo
• Testo d'ombra
• Testo luminoso
• Piè di pagina fisso
• Elemento adesivo
• Elementi di altezza uguale
• Pulisci il flottante
• Flottante responsivo
• Barra di notifica
• Finestra a schermo intero
• Disegno di scorrimento
• Scorrimento fluido
• Scorrimento sfumato di sfondo
• Intestazione adesiva
• Riduci l'intestazione quando scorri
• Tavola dei prezzi
• Scorrimento parassita
• Rapporto di aspetto
• Frame inline responsivo
• Cambia piaci/odia
• Cambia nascondi/visualizza
• Cambia modalità scura
• Cambia testo
• Cambia classe
• Aggiungi classe
• Rimuovi classe
• Cambia classe
• Classe attiva
• Visualizzazione a albero
• Rimuovi decimale
• Rimuovi attributo
• Rilevamento offline
• Trova elemento nascosto
• Reindirizzamento della pagina web
• Formattazione numerica
• Zoom hover
• Scatola capovolta
• Centrato verticalmente
• Centra il pulsante nel DIV
• Elenco centrato
• Transizione di hover
• Freccia
• Forma
• Link di download
• Elemento a altezza piena
• Finestra del browser
• Barra di scorrimento personalizzata
• Nascondi la barra di scorrimento
• Mostra/Forza la visualizzazione della barra di scorrimento
• Aspetto del dispositivo
• Bordo del contenuto modificabile
• Colore del segnaposto
• Disabilita l'adattamento delle dimensioni della regione di testo
• Disabilita la selezione del testo
• Colore di selezione del testo
• Colore dei punti elencati
• Linea verticale
• Linea di divisione
• Linea di divisione del testo
• Icona animata
• Contatore a countdown
• Effetto macchina da scrivere
• Pagina in arrivo
• Messaggio di chat
• Finestra di chat popup
• Schermo diviso
• Recensioni dei clienti
• Contatore di sezione
• Scherzi di citazione
• Elementi della lista chiudibili
• Breakpoint tipici degli dispositivi
• Elementi HTML trascinabili
• Query media JS
• Evidenziatore di sintassi
• Animazione JS
• Lunghezza della stringa JS
• Operazione esponenziale JS
• Parametro predefinito JS
• Numero casuale JS
• Ordinamento array numerico JS
• Operatore espansione JS
• JS scorri alla vista
• Ottieni la data attuale
• Ottieni l'indirizzo web attuale
• Ottieni le dimensioni attuali dello schermo
• Ottieni l'elemento iframe

Griglia

• Layout a due colonne
• Layout a tre colonne
• Layout a quattro colonne
• Estensione della griglia
• Visualizzazione a griglia della lista
• Layout di colonne miste
• Card in colonna
• Layout a zig-zag
• Layout del blog

Convertitore

• Conversione del peso
• Conversione della temperatura
• Conversione della lunghezza
• Conversione della velocità

Corso opzionale

Recomandazioni di corso:

• Cassetto magico CodeW3C.com

Strumenti

Manuale di riferimento JavaScript e HTML DOM

Esempi JavaScript

Test JavaScript

Tutorial avanzato JavaScript

Link sponsorizzati