Sviluppo Web JavaScript: Corso completo da Zero a Master

star_border star_border star_border star_border star_border

Corso JavaScript tratta tutti gli argomenti che ti renderanno un esperto di JavaScript, partendo dalle basi di HTML e CSS, per poi iniziare a percorrere i primi passi con il linguaggio di programmazione, passando per Operatori, Funzioni, Cicli, Istruzioni Condizionali, Oggetti, Array ed Espressioni Regolari, per arrivare a JavaScript asincrono, Json ed elementi relativi all’ultima versione di EcmaScript, oltre a una serie di progetti che ti aiuteranno a impararlo scegliendo se approfondire la teoria, o dedicarti subito alla pratica.

Vedremo come creare un progetto semplice, basato sulle funzioni, oltre ad altri progetti più complessi.

Troverai diversi esercizi che ti aiuteranno a testare quanto appreso durante le lezioni. Gli argomenti delle lezioni sono essenziali per apprendere ogni dettaglio dello sviluppo web JavaScript: sarai preparato su tutte le tematiche, pronto per lavorare con gli strumenti che preferisci, sfruttandone a pieno ogni potenzialità.

OBIETTIVI DEL CORSO

✔ Imparare a sviluppare con JavaScript, diventando un professionista
✔ Apprendere Json e JavaScript Asincrono
✔ Creare progetti dinamici e moderni

STRUTTURAZIONE DEL CORSO

Il corso si compone di 171 video lezioni, 17 dispense e 4 esercizi da scaricare al termine di ogni capitolo.

Indice dettagliato del corso

INTRODUZIONE AL CORSO
• Requisiti del corso
• TEXT Indice del corso
• Domande, Recensioni e Aggiornamento del corso
• JavaScript ed Ecmascript

HTML
• Introduzione al linguaggio HTML
• Visual Studio Code e gli altri…
• Configurazione di Visual Studio Code
• !DOCTYPE, html e body + Anteprima
• Paragrafi, Intestazioni e Line Breaks
• Grassetto, corsivo e sottolineato
• Citazioni
• Tabelle
• Liste
• Immagini
• Collegamenti ipertestuali (Link)
• Introduzione al tag Head
• Title
• Meta description
• Meta keywords
• Meta robots
• Altri tag Meta
• Base, Link, Script e Style
• Introduzione allo standard HTML5
• Div
• Header
• Nav
• Section
• Article
• Footer
• Aside
• Figure

CSS3
• Introduzione ai fogli di stile (CSS)
• Sintassi dei fogli di stile
• EXTRA HTML: Span
• Struttura di un foglio di stile con selettori di tipo
• Selettori di class e ID
• Selettori di pseudo-classe e pseudo-elemento
• Selettori di gerarchia e attributo
• CSS in una pagina HTML
• Colorazione del testo
• Sfondo della pagina
• Bordi nella pagina
• Margini esterni ad un elemento
• Margini interni ad un elemento
• Caratteri del testo
• Commenti al foglio di stile
• Altezza e Larghezza
• Proprietà Display
• Posizionamento nella pagina
• Eccedenza e Indice di profondità

CSS3 AVANZATI
• Colorazione esadecimale e RGB
• Proprietà avanzate dello sfondo
• Immagini nel bordo
• Bordi arrotondati e ombreggiatura
• EXTRA HTML: Gestione dei caratteri del testo con Google Font
• Gestione avanzata delle proprietà testuali
• BONUS: Animazioni con CSS3
• Responsive Design: Media Queries

PRIMI PASSI CON JAVASCRIPT
• Impostazione iniziale di JavaScript
• Variabili locali e globali
• Tipi di Dati e Accenni al DOM
• Data e Ora
• Eventi
• ESERCIZIO #1
• SOLUZIONE ESERCIZIO #1

APPROFONDIAMO GLI OPERATORI DI JAVASCRIPT
• Introduzione agli Operatori
• Operatori di Assegnazione
• Lista degli operatori di assegnazione principali
• Operatori di Confronto
• Lista degli operatori di confronto principali
• Operatori Matematici
• Lista degli operatori matematici principali
• Math e metodi di arrotondamento (ES6)
• ESERCIZIO #2
• SOLUZIONE ESERCIZIO #2
• Operatori Stringa
• Lista degli operatori stringa principali
• Operatori Logici / Booleani
• Lista degli operatori logici / booleani principali
• Ordine di priorità nell’utilizzo di un operatore
• ESERCIZIO #3
• SOLUZIONE ESERCIZIO #3

CREIAMO UNA FUNZIONE CON JAVASCRIPT
• Introduzione alle Funzioni
• EXTRA: Let e Const (ES6) vs Var
• Come “funziona” una funzione
• Funzioni annidate
• Creazione di un oggetto tramite funzione con “this”
• Console.log + Yield
• Funzioni Arrow (ES6)
• Funzioni predefinite
• Lista delle funzioni predefinite principali

CICLI E ISTRUZIONI CONDIZIONALI IN JAVASCRIPT
• Introduzione alle Istruzioni condizionali e Iterazioni
• Istruzione IF
• Istruzione SWITCH
• Istruzione ciclica DO WHILE
• Istruzione ciclica WHILE
• Istruzione ciclica FOR
• EXTRA: Throw, Try, Catch e la gestione degli errori
• Label, Break e Continue
• ESERCIZIO #4
• SOLUZIONE ESERCIZIO #4

PROGETTO DRINK BUT NOT DRUNK
• Introduzione al progetto
• Impostazione del documento HTML
• Impostazione del foglio CSS
• Impostazione della funzione JavaScript

APPROFONDIAMO GLI OGGETTI JAVASCRIPT
• Introduzione agli Oggetti
• Proprietà e Metodi di Oggetti
• Lista dei metodi di oggetti stringa principali
• Gestione dei Numeri con l’oggetto Number
• Lista dei metodi di oggetti numerici e matematici principali
• Metodi statici: Assign e non solo…
• Lista dei metodi statici principali
• Costruttori, Prototipi ed Ereditarietà
• EXTRA: Object Create (Metodo statico)
• Le classi, Getter e Setter (ES6)
• Riconoscimento e conversione tipi di dati
• Metodi per conversioni da stringa a numero e viceversa
• ESERCIZIO #5
• SOLUZIONE ESERCIZIO #5

OGGETTO ARRAY E ESPRESSIONI REGOLARI (REGEXP) IN JAVASCRIPT
• Creazione di un Array
• Metodi inclusi negli Array (ES5)
• Concatenare, Ordinare e Convertire un Array
• Metodo ForEach (ES5)
• Lista dei metodi di array principali
• ESERCIZIO #6
• SOLUZIONE ESERCIZIO #6
• Array multidimensionali
• Ricerca negli Array
• Creazione di una espressione regolare
• Pattern (modelli) di espressioni regolari
• Lista di elementi dei pattern nelle espressioni regolari
• Associazione tra espressioni regolari e metodi
• Due metodi delle espressioni regolari
• Lista di esempi classici di utilizzo delle espressioni regolari
• Istruzioni cicliche e Array: FOR … IN e FOR … OF (ES6)
• ESERCIZIO #7
• SOLUZIONE ESERCIZIO #7

MANIPOLIAMO IL DOM CON JAVASCRIPT
• Introduzione al DOM
• document e le proprietà degli elementi
• Lista delle proprietà di document
• document e i metodi di manipolazione
• Oggetto HTMLCollection
• document e I metodi per creare ed eliminare
• document per i fogli di stile
• Lista dei metodi di document
• ESERCIZIO #8
• SOLUZIONE ESERCIZIO #8
• EventListener: Add e Remove
• Nodi e gestione della navigazione
• Creazione ed eliminazione di un elemento
• queryselector e querySelectorAll (Oggetto NodeList)
• ESERCIZIO #9
• SOLUZIONE ESERCIZIO #9

JAVASCRIPT ASINCRONO E JAVASCRIPT OBJECT NOTATION
• Introduzione a JavaScript asincrono
• Introduzione a Json e sintassi
• Tipi di dati di Json
• Json.Parse (ES5): elaboriamo il file Json
• Json.Stringify (ES5)
• Cicli di Array e Oggetti di Json
• Json Validator
• Fetch API e Promise
• Callback e SetTimeout
• Approfondimento Promise + Async e Await (ES8)
• EXTRA: GeoLocation API

PROGETTO ROCK-PAPER-SCISSOR (Morra Cinese)
• Introduzione al progetto
• Impostazione del documento HTML
• Impostazione del foglio CSS
• querySelector e classList: Introduzione al gioco
• Funzione playvs
• Comparazione delle scelte di gioco
• Aggiornamento del risultato e Restart
• Fine del gioco
• Giochiamo!

JAVASCRIPT ECMASCRIPT 2015 TO 2020
• Filter, Map e Reduce
• String Padding
• Object Entries e Values
• Array Includes
• ESERCIZIO #10
• SOLUZIONE ESERCIZIO #10

PROGETTO CLOCK WIDGET
• Introduzione al progetto
• Introduzione a Moment.js
• Orologio con il tuo fuso orario: HTML
• Orologio con il tuo fuso orario: CSS
• Orologio con il tuo fuso orario: Script JS
• Orologi di diversi fusi orari: HTML
• Orologi di diversi fusi orari: CSS
• Orologi di diversi fusi orari: Script JS

CONTENUTI AGGIUNTIVI
• L’utilizzo di Google e Stack Overflow

Al termine del corso è previsto il rilascio di un attestato di frequenza.

DESTINATARI DEL CORSO

Il Corso è adatto a qualsiasi tipo di studente, non richiede alcun tipo di conoscenza informatica, basterà avere un pc per seguire tutte le fasi di questo percorso.

INTRODUZIONE AL CORSO

1
Requisiti del corso
2
TEXT Indice del corso
3
Domande, Recensioni e Aggiornamento del corso
4
JavaScript ed Ecmascript

HTML

1
Introduzione al linguaggio HTML
2
Visual Studio Code e gli altri…
3
Configurazione di Visual Studio Code
4
!DOCTYPE, html e body + Anteprima
5
Paragrafi, Intestazioni e Line Breaks
6
Grassetto, corsivo e sottolineato
7
Citazioni
8
Tabelle
9
Liste
10
Immagini
11
Collegamenti ipertestuali (Link)
12
Introduzione al tag Head
13
Title
14
Meta description
15
Meta keywords
16
Meta robots
17
Altri tag Meta
18
Base, Link, Script e Style
19
Introduzione allo standard HTML5
20
Div
21
Header
22
Nav
23
Section
24
Article
25
Footer
26
Aside
27
Figure

CSS3

1
Introduzione ai fogli di stile (CSS)
2
Sintassi dei fogli di stile
3
EXTRA HTML: Span
4
Struttura di un foglio di stile con selettori di tipo
5
Selettori di class e ID
6
Selettori di pseudo-classe e pseudo-elemento
7
Selettori di gerarchia e attributo
8
CSS in una pagina HTML
9
Colorazione del testo
10
Sfondo della pagina
11
Bordi nella pagina
12
Margini esterni ad un elemento
13
Margini interni ad un elemento
14
Caratteri del testo
15
Commenti al foglio di stile
16
Altezza e Larghezza
17
Proprietà Display
18
Posizionamento nella pagina
19
Eccedenza e Indice di profondità

CSS3 AVANZATI

1
Colorazione esadecimale e RGB
2
Proprietà avanzate dello sfondo
3
Immagini nel bordo
4
Bordi arrotondati e ombreggiatura
5
EXTRA HTML: Gestione dei caratteri del testo con Google Font
6
Gestione avanzata delle proprietà testuali
7
BONUS: Animazioni con CSS3
8
Responsive Design: Media Queries

PRIMI PASSI CON JAVASCRIPT

1
Impostazione iniziale di JavaScript
2
Variabili locali e globali
3
Tipi di Dati e Accenni al DOM
4
Data e Ora
5
Eventi
6
ESERCIZIO #1
7
SOLUZIONE ESERCIZIO #1

APPROFONDIAMO GLI OPERATORI DI JAVASCRIPT

1
Introduzione agli Operatori
2
Operatori di Assegnazione
3
Lista degli operatori di assegnazione principali
4
Operatori di Confronto
5
Lista degli operatori di confronto principali
6
Operatori Matematici
7
Lista degli operatori matematici principali
8
Math e metodi di arrotondamento (ES6)
9
ESERCIZIO #2
10
SOLUZIONE ESERCIZIO #2
11
Operatori Stringa
12
Lista degli operatori stringa principali
13
Operatori Logici / Booleani
14
Lista degli operatori logici / booleani principali
15
Ordine di priorità nell’utilizzo di un operatore
16
ESERCIZIO #3
17
SOLUZIONE ESERCIZIO #3

CREIAMO UNA FUNZIONE CON JAVASCRIPT

1
Introduzione alle Funzioni
2
EXTRA: Let e Const (ES6) vs Var
3
Come “funziona” una funzione
4
Funzioni annidate
5
Creazione di un oggetto tramite funzione con “this”
6
Console.log + Yield
7
Funzioni Arrow (ES6)
8
Funzioni predefinite
9
Lista delle funzioni predefinite principali

CICLI E ISTRUZIONI CONDIZIONALI IN JAVASCRIPT

1
Introduzione alle Istruzioni condizionali e Iterazioni
2
Istruzione IF
3
Istruzione SWITCH
4
Istruzione ciclica DO WHILE
5
Istruzione ciclica WHILE
6
Istruzione ciclica FOR
7
EXTRA: Throw, Try, Catch e la gestione degli errori
8
Label, Break e Continue
9
ESERCIZIO #4
10
SOLUZIONE ESERCIZIO #4

PROGETTO DRINK BUT NOT DRUNK

1
Introduzione al progetto
2
Impostazione del documento HTML
3
Impostazione del foglio CSS
4
Impostazione della funzione JavaScript

APPROFONDIAMO GLI OGGETTI JAVASCRIPT

1
Introduzione agli Oggetti
2
Proprietà e Metodi di Oggetti
3
Lista dei metodi di oggetti stringa principali
4
Gestione dei Numeri con l’oggetto Number
5
Lista dei metodi di oggetti numerici e matematici principali
6
Metodi statici: Assign e non solo…
7
Lista dei metodi statici principali
8
Costruttori, Prototipi ed Ereditarietà
9
EXTRA: Object Create (Metodo statico)
10
Le classi, Getter e Setter (ES6)
11
Riconoscimento e conversione tipi di dati
12
Metodi per conversioni da stringa a numero e viceversa
13
ESERCIZIO #5
14
SOLUZIONE ESERCIZIO #5

OGGETTO ARRAY E ESPRESSIONI REGOLARI (REGEXP) IN JAVASCRIPT

1
Creazione di un Array
2
Metodi inclusi negli Array (ES5)
3
Concatenare, Ordinare e Convertire un Array
4
Metodo ForEach (ES5)
5
Lista dei metodi di array principali
6
ESERCIZIO #6
7
SOLUZIONE ESERCIZIO #6
8
Array multidimensionali
9
Ricerca negli Array
10
Creazione di una espressione regolare
11
Pattern (modelli) di espressioni regolari
12
Lista di elementi dei pattern nelle espressioni regolari
13
Associazione tra espressioni regolari e metodi
14
Due metodi delle espressioni regolari
15
Lista di esempi classici di utilizzo delle espressioni regolari
16
Istruzioni cicliche e Array: FOR … IN e FOR … OF (ES6)
17
ESERCIZIO #7
18
SOLUZIONE ESERCIZIO #7

MANIPOLIAMO IL DOM CON JAVASCRIPT

1
Introduzione al DOM
2
document e le proprietà degli elementi
3
Lista delle proprietà di document
4
document e i metodi di manipolazione
5
Oggetto HTMLCollection
6
document per i fogli di stile
7
Lista dei metodi di document
8
ESERCIZIO #8
9
SOLUZIONE ESERCIZIO #8
10
EventListener: Add e Remove
11
Nodi e gestione della navigazione
12
Creazione ed eliminazione di un elemento
13
queryselector e querySelectorAll (Oggetto NodeList)
14
ESERCIZIO #9
15
SOLUZIONE ESERCIZIO #9

JAVASCRIPT ASINCRONO E JAVASCRIPT OBJECT NOTATION

1
Introduzione a JavaScript asincrono
2
Introduzione a Json e sintassi
3
Tipi di dati di Json
4
Json.Parse (ES5): elaboriamo il file Json
5
Json.Stringify (ES5)
6
Cicli di Array e Oggetti di Json
7
Json Validator
8
Fetch API e Promise
9
Callback e SetTimeout
10
Approfondimento Promise + Async e Await (ES8)
11
EXTRA: GeoLocation API

PROGETTO ROCK-PAPER-SCISSOR (Morra Cinese)

1
Introduzione al progetto
2
Impostazione del documento HTML
3
Impostazione del foglio CSS
4
querySelector e classList: Introduzione al gioco
5
Funzione playvs
6
Comparazione delle scelte di gioco
7
Aggiornamento del risultato e Restart
8
Fine del gioco
9
Giochiamo!

JAVASCRIPT ECMASCRIPT 2015 TO 2020

1
Filter, Map e Reduce
2
String Padding
3
Object Entries e Values
4
Array Includes
5
ESERCIZIO #10
6
SOLUZIONE ESERCIZIO #10

PROGETTO CLOCK WIDGET

1
Introduzione al progetto
2
Introduzione a Moment.js
3
Orologio con il tuo fuso orario: HTML
4
Orologio con il tuo fuso orario: CSS
5
Orologio con il tuo fuso orario: Script JS
6
Orologi di diversi fusi orari: HTML
7
Orologi di diversi fusi orari: CSS
8
Orologi di diversi fusi orari: Script JS

CONTENUTI AGGIUNTIVI

1
L’utilizzo di Google e Stack Overflow

Quiz Finale

1
Quiz Finale – Sviluppo Web JavaScript: Corso completo da Zero a Master
20 domande
Nessuna recensione
€ 129,00
ACQUISTA CORSO

Videolezioni 170
Durata video 25 ore
Dispense 17
Durata totale 25 ore
24h su 24 su tutti i dispositivi
Corsi registrati sempre disponibili
Attestati di frequenza e di merito
Tutoraggio
Crediti Ecp
SODDISFATTI O RIMBORSATI
Rimborso entro 14 giorni dall’acquisto, non oltre il 40% di fruizione
SERVIZIO CLIENTI
dal Lunedì al Venerdì
10 - 12 / 15 - 17
ATTESTATI
Attestato di frequenza garantito, attestato di merito se superi il test
SENZA LIMITI
Corsi senza scadenze, fruibili da tutti i dispositivi 24h su 24
lock Transazioni sicure al 100%