Programmazione con HTML, CSS e JavaScript
In questo corso frenetico, imparerai i fondamenti dello sviluppo web lato client, a partire dalle basi dell'HTML per strutturare i contenuti. Tratteremo vari elementi, attributi e tecniche HTML per creare una pagina web ben strutturata. Successivamente, approfondirai i CSS per imparare a modellare le tue pagine web con varie proprietà e selettori, rendendo i tuoi contenuti visivamente accattivanti. Infine, esploreremo JavaScript, un potente linguaggio di programmazione che ti consente di aggiungere interattività e contenuti dinamici ai tuoi siti web. Durante il corso, avrai l'opportunità di lavorare su esercizi pratici ed esempi pratici, consolidando le tue conoscenze e preparandoti per progetti di sviluppo web reali.
Vantaggi
- Copertura completa: Il nostro materiale didattico copre una vasta gamma di argomenti, dai fondamenti di HTML e CSS alla programmazione JavaScript, garantendo una comprensione completa dello sviluppo web.
- Esempi pratici: Il corso è ricco di esempi pratici ed esercizi, che ti consentono di applicare le tue conoscenze e acquisire fiducia nelle tue capacità di sviluppo web.
- Apprendimento pratico: Sottolineiamo l'apprendimento attraverso la pratica, assicurandoti di avere molte opportunità per esercitarti e affinare le tue capacità di sviluppo web durante il corso.
- Contenuti coinvolgenti: I contenuti dei nostri corsi sono progettati per essere coinvolgenti e divertenti, consentendoti di rimanere concentrato e motivato mentre impari.
- Autori esperti: Il nostro materiale didattico è sviluppato da esperti nel campo dello sviluppo web, garantendo una formazione di alta qualità, aggiornata e pertinente.
Programma
- Una rapida panoramica dello sviluppo Web
- L'HTML fa parte di un team
- Programmazione lato client
- Programmazione lato server
- Introduzione all'HTML
- Un semplice documento HTML (esercizio)
- Elementi, attributi e commenti HTML
- Lo scheletro HTML
- Visualizzazione del codice sorgente della pagina
- Caratteri speciali
- Storia dell'HTML
- L'attributo lang
- Paragrafi, titoli e testo
- Paragrafi
- Livelli di intestazione
- Interruzioni e regole orizzontali
- Il tag div
- Creazione di una pagina HTML (esercizio)
- Testo citato
- Testo preformattato
- Elementi semantici in linea
- Aggiungere elementi in linea (esercizio)
- Collegamenti HTML
- Collegamenti testuali
- Percorsi assoluti e relativi
- Individuazione di nuove schede
- Collegamenti e-mail
- Aggiungere link (esercizio)
- Lorem ipsum
- L'attributo del titolo
- Individuazione di una posizione specifica sulla pagina
- Immagini HTML
- Inserimento di immagini
- Collegamenti alle immagini
- Aggiungere immagini alla pagina (esercizio)
- Fornire immagini alternative
- Elenchi HTML
- Elenchi non ordinati
- Elenchi ordinati
- Elenchi di definizioni
- Creazione di elenchi (esercizio)
- Sezionamento di una pagina Web
- Elementi semantici a livello di blocco
- Articoli e sezioni
- Sezionamento della home page
- Sezionamento dei contenuti e dello stile
- Sezionare le pagine (esercizio)
- Corso intensivo in CSS
- Vantaggi dei fogli di stile a cascata
- Regole CSS
- Selettori
- Combinatori
- Precedenza dei selettori
- Come i browser definiscono lo stile delle pagine
- Reimposta CSS
- Normalizzatori CSS
- Fogli di stile esterni, fogli di stile incorporati e stili in linea
- Creazione di un foglio di stile esterno (esercizio)
- Creazione di un foglio di stile incorporato (esercizio)
- Aggiungere stili in linea (esercizio)
- div e span
- Stilizzazione di div e span (esercizio)
- Tipi di contenuti multimediali
- Unità di misura
- Eredità
- Font CSS
- famiglia di caratteri
- @font -faccia
- dimensione del carattere
- stile del carattere
- variante del tipo di carattere
- peso del carattere
- altezza della linea
- carattere
- Stile dei caratteri (esercizio)
- Colore e opacità
- Informazioni su colore e opacità
- Valori di colore e opacità
- colore
- opacità
- Aggiungere colore e opacità al testo (esercizio)
- Testo CSS
- spaziatura tra lettere
- allineamento del testo
- decorazione del testo
- rientro di testo
- ombreggiatura del testo
- trasformazione del testo
- spazio bianco
- fracassino
- spaziatura tra parole
- Proprietà del testo (esercizio)
- Nozioni di base su JavaScript
- JavaScript e ECMAScript
- Il DOM HTML
- Sintassi JavaScript
- Accesso agli elementi
- Dove è scritto il codice JavaScript?
- Oggetti, metodi e proprietà JavaScript
- Avvisi, scrittura e modifica del colore di sfondo (esercizio)
- Variabili, matrici e operatori
- Variabili JavaScript
- Un linguaggio vagamente digitato
- Strumenti di sviluppo di Google Chrome
- Archiviazione dei dati inseriti dall'utente
- Uso delle variabili (esercizio)
- Costanti
- Array
- Utilizzo degli array (esercizio)
- Array associativi
- Giocare con i metodi di matrice
- Operatori JavaScript
- L'operatore Modulus
- Giocare con gli operatori
- L'operatore predefinito
- Lavorare con gli operatori (esercizio)
- Funzioni JavaScript
- Oggetti e funzioni globali
- Utilizzo delle funzioni globali (esercizio)
- Funzioni definite dall'utente
- Scrivere una funzione JavaScript (esercizio)
- Restituzione di valori dalle funzioni
- Oggetti JavaScript incorporati
- Corde
- Matematica
- Data
- Funzioni di supporto
- Restituire il giorno della settimana come stringa (esercizio)
- Condizionali e loop
- Condizionali
- Cortocircuito
- Interruttore/custodia
- Operatore ternario
- Veritiero e falso
- Elaborazione condizionale (esercizio)
- Anelli
- while and do... while Loops
- per Loops
- interrompi e continua
- Utilizzo dei loop (esercizio)
- Matrice: forEach ()
- Gestori e ascoltatori di eventi
- Gestori on-event
- Uso dei gestori di eventi (esercizio)
- Il metodo addEventListener ()
- Funzioni anonime
- Acquisizione degli eventi chiave
- Aggiungere listener di eventi (esercizio)
- Vantaggi degli ascoltatori di eventi
- Timer
- Test di digitazione (esercizio)
- Il modello a oggetti del documento HTML
- Selettori CSS
- La proprietà innerHTML
- Nodi, elenchi di nodi e raccolte HTML
- Accesso ai nodi degli elementi
- Accesso agli elementi (esercizio)
- Notazione a punti e notazione tra parentesi quadre
- Accesso gerarchico agli elementi
- Utilizzo di elementi gerarchici (esercizio)
- Accesso agli attributi
- Creazione di nuovi nodi
- Concentrarsi su un campo
- Applicazione per la lista della spesa
- Registrazione (esercizio)
- Aggiungere EventListener (esercizio)
- Aggiungere elementi all'elenco (esercizio)
- Aggiungere dinamicamente i pulsanti di rimozione agli elementi dell'elenco (esercizio)
- Rimozione degli elementi dell'elenco (esercizio)
- Prevenzione dei duplicati e dei nomi di prodotto a lunghezza zero (esercizio)
- Manipolazione delle tabelle
- Moduli HTML
- Come funzionano i moduli HTML
- L'elemento del modulo
- Elementi del modulo
- Bottoni
- Creazione di un modulo di registrazione (esercizio)
- Caselle di controllo
- Pulsanti radio
- Aggiungere caselle di controllo e pulsanti di opzione (esercizio)
- Set di campi
- Seleziona menu
- Aree di testo
- Aggiungere un menu di selezione e un'area di testo (esercizio)
- Moduli HTML e CSS
- Convalida del modulo JavaScript
- Convalida dei moduli lato server
- Convalida del modulo HTML
- Accesso ai dati del modulo
- Convalida del modulo con JavaScript
- Verifica della validità dei campi email e URL (esercizio)
- Verifica della validità degli eventi di input e invio
- Aggiungere messaggi di errore
- Convalida delle aree di testo
- Convalida delle caselle di controllo
- Convalida dei pulsanti radio
- Convalida dei menu di selezione
- Convalida del modulo d'ordine del gelato (esercizio)
- Dare una possibilità all'utente
- Espressioni regolari
- Guida introduttiva
- Sintassi delle espressioni regolari
- Riferimenti a ritroso
- Convalida dei moduli con espressioni regolari
- Pulizia delle voci dei moduli
- Pulizia delle voci dei moduli (esercizio)
- Un esempio leggermente più complesso
Prerequisiti richiesti
Nessuna
