Introduzione rapida a HTML, CSS e JavaScript
In questo corso, gli studenti ricevono una rapida introduzione pratica alla programmazione lato client con HTML, CSS e JavaScript. Il corso è pensato per gli studenti che vogliono iniziare subito con tutte e tre le tecnologie. Gli argomenti trattati nel corso includono una panoramica dello sviluppo web, degli elementi e degli attributi HTML, dello stile e del layout CSS e dei concetti di programmazione JavaScript come variabili, array, funzioni e gestori di eventi.
Gli studenti dovrebbero essere preparati a coprire molto materiale in breve tempo e a dedicare un po' di tempo dopo la revisione del contenuto per conto proprio per consolidare e sviluppare le competenze insegnate in classe.
Vantaggi
- Apprendimento efficiente in termini di tempo: Questo corso introduttivo rapido consente agli studenti di acquisire rapidamente le competenze essenziali di sviluppo web, rendendolo perfetto per chi ha poco tempo o vuole iniziare subito il proprio apprendimento.
- Copertura completa: Il corso copre tutte e tre le tecnologie principali (HTML, CSS e JavaScript) necessarie per lo sviluppo web lato client, fornendo una comprensione completa del campo.
- Abilità pratiche: Gli studenti acquisiranno esperienza pratica attraverso vari esercizi, aiutandoli ad applicare le loro conoscenze a scenari del mondo reale e a sviluppare competenze pratiche di sviluppo web.
- Siti web dinamici: Imparando JavaScript, gli studenti saranno in grado di creare siti Web interattivi e dinamici, migliorando l'esperienza e il coinvolgimento degli utenti.
Programma
- Una rapida panoramica dello sviluppo Web
- Programmazione lato client
- HTML
- Fogli di stile a cascata
- JavaScript 1
- Ajax
- Framework JavaScript
- Programmazione lato server
- Java EE
- ASP.NET
- Pitone
- PHP
- Fusione a freddo
- Node.js
- Introduzione all'HTML
- Guida introduttiva
- Un semplice documento HTML
- Lo scheletro HTML
- L'<head>elemento
- L'<body>elemento
- Spazio bianco
- Elementi HTML
- Attributi
- Etichette vuote e etichette contenitore
- Blocchi ed elementi in linea
- Commenti
- Caratteri speciali
- Storia dell'HTML
- Attributo lang
- Paragrafi, titoli e testo
- Paragrafi
- Interruzioni e regole orizzontali
- Creazione di una pagina HTML
- Testo citato
- Testo preformattato
- Elementi semantici a livello di testo
- Collegamenti HTML
- Collegamenti testuali
- Percorsi assoluti e relativi
- Percorsi assoluti
- Percorsi relativi
- Pagine predefinite
- Rivolto a nuove finestre
- Collegamenti e-mail
- Aggiungere link
- Individuazione di una posizione specifica sulla pagina
- L'attributo del titolo
- Immagini HTML
- Inserimento di immagini
- Rendere accessibili le immagini
- Testo alternativo
- Descrizioni lunghe
- Attributi di altezza e larghezza
- Collegamenti alle immagini
- Aggiungere immagini alla pagina
- Elenchi HTML
- Elenchi non ordinati
- Annidamento di elenchi non ordinati
- Elenchi ordinati
- Nidificazione degli elenchi ordinati
- L'attributo type
- L'attributo start
- Elenchi di definizioni
- Creazione di elenchi
- Corso intensivo in CSS
- Vantaggi dei fogli di stile a cascata
- Regole CSS
- Commenti CSS
- Selettori
- Selettori di tipo
- Selettori di classe
- Selettori ID
- Selettori di attributi
- Il selettore universale
- Raggruppamento
- Combinatori
- Combinatori discendenti
- Combinatori per bambini
- Combinatori General Sibling
- Combinatori di fratelli adiacenti
- 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
- Fogli di stile esterni
- Fogli di stile incorporati
- Stili in linea
- Esercizio: Creazione di un foglio di stile esterno
- Esercizio: Creazione di un foglio di stile incorporato
- Esercizio: Aggiungere stili in linea
- <div>e <spa>
- Esercizio: Divs and Spans
- Tipi di contenuti multimediali
- Unità di misura
- Unità assolute e relative
- Pixel
- Ems e Rems
- Percentuali
- Altre unità
- Eredità
- Il valore ereditato
- Font CSS
- famiglia di caratteri
- Specificazione in base al nome del carattere
- Specificazione del carattere per categoria
- @font -faccia
- Ottenere i caratteri
- dimensione del carattere
- Termini relativi alla dimensione del carattere
- Le migliori pratiche
- stile del carattere
- variante del tipo di carattere
- peso del carattere
- altezza della linea
- carattere
- Esercizio: Stilizzazione dei caratteri
- Colore e opacità
- Informazioni su colore e opacità
- Valori di colore e opacità
- Parole chiave a colori
- Notazione esadecimale RGB
- Notazione funzionale RGB
- Notazione funzionale HSL
- colore
- opacità
- Esercizio: Aggiungere colore e opacità al testo
- 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
- Esercizio: Proprietà del testo
- Nozioni di base su JavaScript
- Il nome «JavaScript»
- Che cos'è ECMAScript?
- Il DOM HTML
- Sintassi JavaScript
- Accesso agli elementi
- Notazione a punti
- Notazione con parentesi quadre
- Dove è scritto il codice JavaScript?
- Oggetti, metodi e proprietà JavaScript
- Variabili, matrici e operatori
- Variabili JavaScript
- Un linguaggio vagamente tipizzato
- Strumenti di sviluppo di Google Chrome
- Denominazione delle variabili
- Archiviazione dei dati inseriti dall'utente
- Costanti
- Array
- Array associativi
- Proprietà e metodi degli array
- Giocare con i metodi di matrice
- Operatori JavaScript
- L'operatore Modulus
- L'operatore predefinito
- Funzioni JavaScript
- Oggetti e funzioni globali
- parseFloat (oggetto)
- parseInt (oggetto)
- IsNaN (oggetto)
- Funzioni definite dall'utente
- Sintassi della funzione
- Passaggio di valori alle funzioni
- Restituzione di valori dalle funzioni
- Oggetti JavaScript incorporati
- Corda
- Matematica
- Data
- Funzioni di supporto
- Condizionali e loop
- Condizionali
- if - else if - else Condizioni
- Cortocircuito
- Interruttore/custodia
- Operatore ternario
- Veritiero e falso
- Anelli
- Sintassi while Loop
- fare while Loop Syntax
- per Loop Syntax
- per of Loop Syntax
- per la sintassi in Loop
- interrompi e continua
- Matrice: forEach ()
- Gestori e ascoltatori di eventi
- Gestori on-event
- Il metodo getElementById ()
- Il metodo addEventListener ()
- Acquisizione degli eventi chiave
- Vantaggi degli ascoltatori di eventi
- Timer
Prerequisiti richiesti
- Lavorare regolarmente con i computer
Prerequisiti utili
- Esperienza di programmazione
- Una conoscenza di base di come funziona il Web