“In Javascript gli oggetti sono Sovrani, se capisci gli oggetti comprendi il Regno di Javascript.”

Tutto in Javascript è un dato primitivo o un oggetto

Introduzione

Cos’è Javascript e i principi OOP
Come inserire Javascript all’interno di pagine HTML

Elementi del linguaggio

Variabili e costanti

Variabili e costanti
Le variabili e la Scope Chain
I valori delle variabili

Array

Gli array

Operatori

Gli operatori

Controllo dei flussi

Istruzioni condizionali

Istruzione condizionale If..Else
Istruzione condizionale Switch…case

Cicli

Il ciclo while e do-while
Il ciclo for
I comandi break e continue

Funzioni

Le funzioni
Le funzioni predefinite
Le funzioni IIFE
Le funzioni di callback
Istruzioni try, catch e finally – Gestire le eccezioni
Istruzioni async e await – Gestione funzioni asincrone

Moduli

I moduli, import & esport

Ulteriori elementi del linguaggi

Arrow Functions
Template String

Oggetti

Oggetti, proprietà, metodi e this
Tipi primitivi, new Object (Global Object)
Object Constructor & Classi
Oggetti, istanze, prototipi ed ereditarietà
Prototype & Object.create()
Estendere costruttori & Classi

Oggetti predefiniti

new Number()
Math
new String()
new Array()
TypedArray
new Map () & new Set()

Map e Set sono due oggetti iterabili (ciclabili) predefiniti in grado di gestire un insieme di dati proprio come fanno gli array e gli Object;
Map consente chiavi di qualunque tipo mentre Set consente di memorizzare valori univoci non ripetibili.

new Date()
new RegExp()
new Proxy()

Un proxy (tradotto “Procuratore”) è un costruttore che ci permette di gestire le modalità di accesso alle proprietà di un altro oggetto. Può farlo attraverso l’utilizzando di un handler (ulteriore oggetto) e la creazione di una nuova istanza dell’oggetto da gestire.

Reflect

L’oggetto Reflect ed in generale “la riflessione” è la capacità di esaminare e modificare a runtime la struttura, il comportamento ed i dati degli elementi di un programma.

new Object
this
JSON
new Error()
Symbol

Oggetti integrati da API

new MutationObserver()
new Image()
new XMLHttpRequest
new Request()

Design Pattern

I Design Pattern
Patterns creazionali:
Singleton Pattern
Factory Pattern
Patterns strutturali:
Module Pattern
Adapter Pattern
Façade Pattern
MVC/MVVM Pattern
Patterns comportamentali:
Observer Pattern

API

Cosa sono le API (Application Programming Interface)

API native

Browser API

Browser API

DOM (Document Object Model) API

La DOM API e manipolazione del DOM
Manipolazione dei form delle pagine web
Gestire le immagini

Eventi

La gestione degli eventi
Gli eventi di interfaccia
Monitorare il cambiamento di elementi del DOM

Eventi del mouse

Eventi del mouse e l’oggetto “event”
Il Drag & Drop

Eventi della tastiera

Eventi della tastiera e l’oggetto “event”

Eventi dei form

Eventi dei forms

API Image

Le immagini SVG, Canvas e la loro manipolazione

API di comunicazione

AJAX
Fetch
Server Sent Event (SSE) / EventSource
WebSocket

API Promise

Le Promise

API Mobile Device

Orentation
Geolocation
Touch

API Storage

Web Storage
Indexed Database

API File

FileReader

FileReader Object consente la lettura del contenuto di file; sotto forma di testo, url o buffer

Blob

Un Blob Object rappresenta dati non strutturati sotto forma di file binari

API di terze-parti

API (libraries)
REST/RESTful
SOAP