Autoplay
Completamento Automatico
Lezione Precedente
Completa e Continua
Sviluppo Web JavaScript: Parti da Zero e diventa un Master
INTRODUZIONE AL CORSO
Requisiti del corso Sviluppo Web JavaScript (1:17)
Indice del corso Sviluppo Web JavaScript
Domande, Recensioni e Aggiornamento del corso (1:10)
JavaScript ed Ecmascript (4:42)
HTML
Introduzione al linguaggio HTML (1:34)
Visual Studio Code e gli altri (4:22)
Configurazione di Visual Studio Code (5:07)
!DOCTYPE, html e body + Anteprima (5:15)
Paragrafi, Intestazioni e Line Breaks (6:36)
Grassetto, corsivo e sottolineato (6:24)
Citazioni (4:32)
Tabelle (9:35)
Liste (2:13)
Immagini (5:36)
Collegamenti ipertestuali (Link) (4:15)
Introduzione al tag Head (2:17)
Title (3:47)
Meta description (3:50)
Meta keywords (2:28)
Meta robots (4:46)
Altri tag Meta (3:48)
Base, Link, Script e Style (5:04)
Introduzione allo standard HTML5 (1:21)
Div (4:18)
Header (3:15)
Nav (3:15)
Section (2:27)
Article (4:08)
Footer (2:41)
Aside (2:30)
Figure
CSS3
Introduzione ai fogli di stile (CSS) (1:41)
Sintassi dei fogli di stile (3:03)
EXTRA HTML: Span (1:40)
Struttura di un foglio di stile con selettori di tipo (3:28)
Selettori di class e ID (3:29)
Selettori di pseudo-classe e pseudo-elemento (4:32)
Selettori di gerarchia e attributo (4:41)
CSS in una pagina HTML (2:54)
Colorazione del testo (3:58)
Sfondo della pagina (5:00)
Bordi nella pagina (4:06)
Margini esterni ad un elemento (5:01)
Margini interni ad un elemento (3:16)
Caratteri del testo (4:47)
Commenti al foglio di stile (2:31)
Altezza e Larghezza (6:45)
Posizionamento nella pagina (5:37)
Eccedenza e Indice di profondità (6:23)
Proprietà Display (5:29)
CSS3 AVANZATI
Colorazione esadecimale e RGB (8:53)
Proprietà avanzate dello sfondo (7:15)
Immagini nel bordo (8:54)
Bordi arrotondati e ombreggiatura (6:21)
EXTRA HTML: Gestione dei caratteri del testo con Google Font (8:00)
Gestione avanzata delle proprietà testuali (7:06)
BONUS: Animazioni con CSS3 (3:44)
Responsive Design: Media Queries (4:54)
PRIMI PASSI CON JAVASCRIPT
Impostazione iniziale di JavaScript (6:09)
Variabili locali e globali (6:20)
Tipi di Dati e Accenni al DOM (5:02)
Data e Ora (10:09)
Eventi (7:00)
ESERCIZIO #1 (1:02)
SOLUZIONE ESERCIZIO #1 (1:11)
APPROFONDIAMO GLI OPERATORI DI JAVASCRIPT
Introduzione agli Operatori (6:00)
Operatori di Assegnazione (5:54)
Lista degli operatori di assegnazione principali
Operatori di Confronto (4:51)
Lista degli operatori di confronto principali
Operatori Matematici (6:11)
Lista degli operatori matematici principali
Math e metodi di arrotondamento (ES6) (6:40)
ESERCIZIO #2 (0:43)
SOLUZIONE ESERCIZIO #2 (1:21)
Operatori Stringa (2:56)
Lista degli operatori stringa principali
Operatori Logici / Booleani (6:29)
Lista degli operatori logici / booleani principali
Ordine di priorità nell'utilizzo di un operatore
ESERCIZIO #3 (0:45)
SOLUZIONE ESERCIZIO #3 (0:51)
CREIAMO UNA FUNZIONE CON JAVASCRIPT
Introduzione alle Funzioni (1:42)
EXTRA: Let e Const (ES6) vs Var (7:41)
Come "funziona" una funzione (4:52)
Funzioni annidate (3:49)
Creazione di un oggetto tramite funzione con "this" (5:36)
Console.log + Yield (9:35)
Funzioni Arrow (ES6) (3:28)
Funzioni predefinite (5:23)
Lista delle funzioni predefinite principali
CICLI E ISTRUZIONI CONDIZIONALI IN JAVASCRIPT
Introduzione alle Istruzioni condizionali e Iterazioni (3:55)
Istruzione IF (6:53)
Istruzione SWITCH (7:39)
Istruzione ciclica DO WHILE (5:08)
Istruzione ciclica WHILE (5:01)
Istruzione ciclica FOR (5:55)
EXTRA: Throw, Try, Catch e la gestione degli errori (6:36)
Label, Break e Continue (6:59)
ESERCIZIO #4 (0:53)
SOLUZIONE ESERCIZIO #4 (1:06)
PROGETTO DRINK BUT NOT DRUNK
Introduzione al progetto (1:30)
Impostazione del documento HTML (4:12)
Impostazione del foglio CSS (7:43)
Impostazione della funzione JavaScript (4:54)
APPROFONDIAMO GLI OGGETTI JAVASCRIPT
Introduzione agli Oggetti (2:44)
Proprietà e Metodi di Oggetti (12:38)
Lista dei metodi di oggetti stringa principali
Gestione dei Numeri con l'oggetto Number (9:10)
Lista dei metodi di oggetti numerici e matematici principali
Metodi statici: Assign e non solo (4:29)
Lista dei metodi statici principali
Costruttori, Prototipi ed Ereditarietà (7:25)
EXTRA: Object Create (Metodo statico) (4:02)
Le classi, Getter e Setter (ES6) (10:09)
Riconoscimento e conversione tipi di dati (9:00)
Metodi per conversioni da stringa a numero e viceversa
ESERCIZIO #5 (0:46)
SOLUZIONE ESERCIZIO #5 (1:22)
OGGETTO ARRAY E ESPRESSIONI REGOLARI (REGEXP) IN JAVASCRIPT
Creazione di un Array (3:30)
Metodi inclusi negli Array (ES5) (9:25)
Concatenare, Ordinare e Convertire un Array (5:41)
Metodo ForEach (ES5) (5:34)
Lista dei metodi di array principali
ESERCIZIO #6 (0:36)
SOLUZIONE ESERCIZIO #6 (0:55)
Array multidimensionali (8:10)
Ricerca negli Array (5:06)
Creazione di una espressione regolare (3:09)
Pattern (modelli) di espressioni regolari (7:33)
Lista di elementi dei pattern nelle espressioni regolari
Associazione tra espressioni regolari e metodi (7:25)
Due metodi delle espressioni regolari
Lista di esempi classici di utilizzo delle espressioni regolari
Istruzioni cicliche e Array: FOR … IN e FOR … OF (ES6) (5:04)
ESERCIZIO #7 (0:49)
SOLUZIONE ESERCIZIO #7 (2:08)
MANIPOLIAMO IL DOM CON JAVASCRIPT
Introduzione al DOM (3:02)
Document e le proprietà degli elementi (6:55)
Lista delle proprietà di document
Document e i metodi di manipolazione (11:05)
Oggetto HTMLCollection (6:43)
Document e i metodi per creare ed eliminare (7:35)
Document per i fogli di stile (5:03)
Lista delle proprietà di document
ESERCIZIO #8 (0:48)
SOLUZIONE ESERCIZIO #8 (1:00)
EventListener: Add e Remove (9:50)
Nodi e gestione della navigazione (11:52)
Creazione ed eliminazione di un elemento (9:02)
Queryselector e querySelectorAll (Oggetto NodeList) (6:50)
ESERCIZIO #9 (0:36)
SOLUZIONE ESERCIZIO #9 (1:23)
JAVASCRIPT ASINCRONO E JAVASCRIPT OBJECT NOTATION
Introduzione a JavaScript asincrono (2:32)
Introduzione a Json e sintassi (7:02)
Tipi di dati di Json (5:31)
Json.Parse (ES5): elaboriamo il file Json (9:07)
Json.Stringify (ES5) (4:40)
Cicli di Array e Oggetti di Json (6:48)
Json Validator (1:36)
Fetch API e Promise (9:10)
Callback e SetTimeout (11:24)
Approfondimento Promise + Async e Await (ES8) (9:38)
EXTRA: GeoLocation API (5:43)
PROGETTO ROCK-PAPER-SCISSORS (MORRA CINESE)
Introduzione al progetto rock-paper-scissors (2:05)
Impostazione del documento HTML
Impostazione del foglio CSS (13:33)
QuerySelector e classList: Introduzione al gioco (8:41)
Funzione playvs (8:47)
Comparazione delle scelte di gioco (8:41)
Aggiornamento del risultato e Restart (6:00)
Fine del gioco (5:57)
Giochiamo! (2:26)
JAVASCRIPT ECMASCRIPT 2015 TO 2020
Filter, Map e Reduce (8:47)
String Padding (4:59)
Object Entries e Values (3:58)
Array Includes (2:22)
ESERCIZIO #10 (0:44)
SOLUZIONE ESERCIZIO #10 (0:59)
PROGETTO CLOCK WIDGET
Introduzione al progetto clock widget (1:44)
Introduzione a Moment.js (2:36)
Orologio con il tuo fuso orario: HTML (4:23)
Orologio con il tuo fuso orario: CSS (12:23)
Orologio con il tuo fuso orario: Script JS (7:25)
Orologi di diversi fusi orari: HTML (5:09)
Orologi di diversi fusi orari: CSS (6:17)
Orologi di diversi fusi orari: Script JS (7:32)
CONTENUTI AGGIUNTIVI
L'utilizzo di Google e Stack Overflow (3:47)
TEST FINALE
Sviluppo Web JavaScript: Parti da Zero e Diventa un Master
Requisiti del corso Sviluppo Web JavaScript
Completa e Continua