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

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à

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

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

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

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

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

1

Introduzione al progetto

2

Impostazione del documento HTML

3

Impostazione del foglio CSS

4

Impostazione della funzione 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

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

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

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

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!

1

Filter, Map e Reduce

2

String Padding

3

Object Entries e Values

4

Array Includes

5

ESERCIZIO #10

6

SOLUZIONE ESERCIZIO #10

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

1

L’utilizzo di Google e Stack Overflow

1

Quiz Finale – Sviluppo Web JavaScript: Corso completo da Zero a Master

20 domande