Corso Javascript

JavaScript è un linguaggio di programmazione

utilizzato comunemente come parte dell'esperienza di navigazione, permette di creare interazioni con l'utente, controllare la navigazione, gestire la comunicazione asincrona, e modificare il contenuto del documento.

___Fonte: https://en.wikipedia.org/wiki/JavaScript___

ruolo di js nel web design

Risorse disponibili online

Hello, World

Hello, World! nel browser

alert('Hello, World!')

Hello, World! nel terminale

console.log('Hello, World!')

Esecuzione del codice

Javascript incorporato in una pagina html

<!doctype html>
<html>
    <head></head>
    <body>
        <script>
            alert('Hello world')
        </script>
    </body>
</html>

Javascript collegato ad una pagina html

<!doctype html>
<html>
    <head></head>
    <body>
        <script src="esempio.js"></script>
    </body>
</html>
// file esempio.js
alert('Hello world')

Come mostrare a video i dati

Strutture del linguaggio

JavaScript è CASE SENSITIVE

Terminare le istruzioni con punto e virgola (;)

Convenzioni di naming:

Identificatori

Gli identificatori in javascript cominciano con

seguito da

Per esempio

var contatore;
var _indice;
var $indice;
var $__$__$;

Parole chiave riservate

- - - -
abstract else instanceof super
boolean enum int switch
break export interface synchronized
byte extends let this
case false long throw
catch final native throws
char finally new transient
class float null true
const for package try
continue function private typeof
debugger goto protected var
default if public void
delete implements return volatile
do import short while
double in static with

instanceof

Verifica se un oggetto è instanza di qualche prototipo.

typeof

Ritorna una stringa indicante il tipo di dato che ha una variabile. esempio

delete

Operatore che rimuove proprietà di un oggetto.

use strict

Direttiva per l'interprete di JavaScript, che indica l'uso del modo strict.

const

Parola chiave per la dichiarazione di una costante. esempio

var, let

Parola chiave per la dichiarazione di una variabile.

Variabili

operatori

Commenti

Esistono due tipi di commenti:

//  commento su una riga

//puoi usarlo per commentare un'istruzione:
var a = 5; //assegno la variabile

/* 
    commento
    su diverse
    righe 
*/

Literals - Letterali (valori letterali per i tipi di dato)

tipo esempio
Numeri interi 192
Numeri float 1.4
Stringhe di testo "Hello World!", 'Hello World!'
Valori logici true, false
espressioni regolari /[A-Za-z]/
Valore nullo null
Valore undefined undefined

Strutture del linguaggio

Costrutti di controllo del flusso

Costrutti di iterazione (cicli)

Tipi di dato

Boolean

Per esempio

//Valori logici
var a=true
var b=false

Sono valori falsi i seguenti:

undefined
null
0
-0
NaN
''

Altri esempi

Number

Number è la rappresentazione di tipo oggetto di un tipo numerico.

JS numbers

Per esempio:

  12 // numero intero in base decimale.
0345 // numero intero in base ottale.
0xFF // numero intero in base esadecimale.

3.141592654 // numero decimale.
.234955     // numero decimale.
6.023e23    // numero decimale in notazione esponenziale.

Math Object

Per lavorare con i Number, puoi usare Math che è l'oggetto che concentra molte constanti e funzioni matematiche.


String

String è la rappresentazione di tipo oggetto di una stringa.

valore nullo e valore undefined

Rappresentano l'assenza di un valore in una variabile o nel ritorno di una function.

var a=null
var b=undefined

Funzioni

Le funzioni se dichiarano con la parola riservata funzione.

function f(x,y){
    return x+y
}

Date Object

codice esempio

es data

Array


Objects

Timers

Sono funzioni invocate dopo un tempo determinato.

funzione significato
setTimeout() Pianifica la invocazione dopo un tempo determinato
setInterval() Pianifica l'invocazione dopo un intervallo di tempo
clearTimeout() Resetta i timer
clearInterval() Resetta i timer

Per esempio

setTimeout(function(){
    alert('asdf')
    }, 10000);

setInterval(function(){
    alert('asdf')
    }, 10000);

Ricapitolando