Orario delle lezioni

Scatola magica

• Cassetto di Magia CodeW3C.com

Menu

• Barra delle icone
• Icona del menu
• Fisarmonica
• Scheda
• Scheda verticale
• Titolo della scheda
• Scheda a pagina completa
• scheda hover
• Navigazione superiore
• Navigazione superiore 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 di hover laterale
• Barra laterale con icone
• Menu scorrevole orizzontale
• Menu verticale
• Navigazione inferiore
• Navigazione inferiore responsive
• Link di navigazione con bordo inferiore
• Link del menu a destra allineato
• Link del menu centrato
• Link del menu a larghezza fissa
• Menu fisso
• Barra di scorrimento attiva
• Barra di navigazione nascosta quando si scorre
• Barra di navigazione nascosta quando si scorre
• Barra di navigazione adesiva
• Navigazione sull'immagine
• Menu a discesa quando si trascina
• Menu a discesa a singolo clic
• Menu a discesa a cascata
• Menu a discesa nella barra di navigazione superiore
• Menu a discesa nel pannello laterale
• Navigazione responsive con menu a discesa
• Menu di navigazione secondario
• Menu a discesa
• Menu superiore
• Menu mobile
• Menu a tendina
• Barra laterale pieghevole
• Pannello laterale pieghevole
• Pagination
• Navigazione a croce
• Gruppo di pulsanti
• Gruppo di pulsanti verticali
• Barra sociale adesiva
• Navigazione pilula
• Testata responsive

Immagine

• Diapositiva
• Galleria di diapositive
• Immagine modale
• Lucerna
• Griglia di immagini responsive
• Griglia di immagini
• Galleria di immagini
• Galleria di immagini scorribile
• Galleria di immagini a schede
• Sfumatura di uscita dell'immagine sovrapposta
• Sovrapposizione scorrevole delle immagini
• Zoom sovrapposto dell'immagine
• Titolo sovrapposto all'immagine
• Icona sovrapposta all'immagine
• Effetto di immagine
• Immagine a黑白
• Testo di immagine
• Blocco di testo di immagine
• Testo di immagine trasparente
• Immagine a pagina intera
• Modulo sull'immagine
• Focus image
• Sfondo sfocato
• Cambiamento dello sfondo quando si scorre
• Immagini in fila
• Immagine arrotondata
• Immagine del profilo
• Immagine responsive
• Immagine centrata
• Anteprima
• Contorno dell'immagine
• Introduzione della squadra
• Immagine adesiva
• Immagine a ribaltamento
• Immagine tremolante
• Galleria di opere
• Galleria di opere filtrabile
• Zoom dell'immagine
• Lente di ingrandimento delle immagini
• Cursore di confronto delle immagini
• Icona del sito

Pulsante

• Pulsante di avviso
• Pulsante di contorno
• Pulsante di divisore
• Pulsante animato
• Pulsante a degradazione
• Pulsante sull'immagine
• Pulsante dei social media
• Leggi di più/Leggi meno
• Pulsante di caricamento
• Pulsante di download
• Pulsante pilula
• Pulsante di notifica
• Pulsante con icona
• Pulsante 'Pagina successiva/Pagina precedente'
• Pulsante 'Altro' nella navigazione
• Pulsante bloccante
• Pulsante di testo
• Pulsante arrotondato
• Pulsante di ritorno in alto

Modulo

• Modulo di login
• Modulo di registrazione
• Tabella di checkout
• Modulo di contatto
• Tabella di login sociale
• Modulo di registrazione
• Modulo con icona
• Abbonamento alle notizie
• Modulo accoppiato
• Modulo responsive
• Modulo pop-up
• Modulo inline
• Pulisci la casella di input
• Nascondere le frecce numeriche
• Copia del testo nella bacheca
• Ricerca animata
• Pulsante di ricerca
• Ricerca a schermo intero
• Casella di input nella barra di navigazione
• Modulo di login nella barra di navigazione
• Casella di controllo/radio personalizzata
• Casella di selezione personalizzata
• Commutare il interruttore
• Selezionare la casella di controllo
• Rilevamento del blocco maiuscolo
• Attivare il pulsante con la pressione della barra spaziatrice
• Verifica della password
• Commutare la visibilità della password
• Modulo a più passaggi
• Completamento automatico
• Disattivare la completamento automatico
• Disattivare la spell check
• Pulsante di caricamento dei file
• Validazione di input vuoto

Filtro

• Elenco di筛选
• Tabella di筛选
• Elemento di筛选
• Menu a discesa di筛选
• Elenco ordinabile
• Tabella ordinabile

Tabella

• Tabella a strisce zebra
• Tabella centrata
• Tabella a piena larghezza
• Tabella annidata
• Tabella a due colonne
• Tabella responsive
• Tabella di confronto

Altro

• Video a schermo intero
• Modale
• Modale di eliminazione
• Linea temporale
• Indicatore di scorrimento
• Barra di avanzamento
• Barra delle abilità
• Cursore di intervallo
• Selettore di colore
• Campo email
• Suggerimento
• Mostra l'elemento hover
• Finestra popup
• Contenuto pieghevole
• Calendario
• HTML include
• Elenco delle cose da fare
• Caricatore
• Medaglia
• Valutazione a stelle
• Valutazione dell'utente
• Effetto sovrapposto
• Chip di contatto
• Carta
• Carta a ribalta
• Carta del profilo
• Carta del prodotto
• Avviso
• Casella di dialogo
• Appunti
• Tag
• Fascia
• Nuvola di tag
• Cerchio
• Linea orizzontale stilizzata
• Buono sconto
• Gruppo di elenco
• Gruppo di elenco con medaglia
• Elenco senza elenco
• Testo responsivo
• Testo d'ombra
• Testo luminoso
• Footer fisso
• Elemento adesivo
• Uguaglianza
• Pulisci il flusso
• Flottante responsivo
• Barra di notifica
• Finestra a schermo intero
• Disegno di scorrimento
• Scorrimento fluido
• Scorrimento sfumato dello sfondo
• Intestazione adesiva
• Riduci l'intestazione quando scorri
• Tavola dei prezzi
• Scorrimento parassita
• Rapporto di aspetto
• Frame inline responsivo
• Commuta preferito/non preferito
• Commuta nascosto/visibile
• Commuta modalità scura
• Commuta testo
• Commuta classe
• Aggiungi classe
• Rimuovi classe
• Cambia classe
• Classe attiva
• Visualizzazione ad albero
• Rimuovi la parte decimale
• Rimuovi attributo
• Rilevamento offline
• Trova l'elemento nascosto
• Reindirizzamento della pagina web
• Formattazione del numero
• Zoom hover
• Scatola capovolta
• Centrato verticalmente
• Centra 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 dell'attrezzo
• 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 del punto elenco
• Linea verticale
• Linea di separazione
• Linea di separazione del testo
• Icona animata
• Contatore a conto alla rovescia
• Effetto di macchina da scrivere
• Pagina in arrivo
• Messaggio di chat
• Finestra di chat popup
• Schermo diviso
• Valutazione dei clienti
• Contatore di sezione
• Diapositive citate
• Elemento elenco chiudibile
• Breakpoint tipico dell'attrezzo
• 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 degli array numerici JS
• Operatore di espansione JS
• JS scorri alla vista
• Ottieni la data corrente
• Ottieni l'indirizzo del sito web corrente
• Ottieni la dimensione dello schermo corrente
• 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 di colonna
• Layout a zig-zag
• Layout del blog

Convertitore

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

Corso opzionale

Recomendazione di corso:

• Cassetto di Magia CodeW3C.com

Strumenti

Manuale di riferimento JavaScript e HTML DOM

Esempi JavaScript

Test JavaScript

Tutorial avanzato JavaScript

Link degli sponsor