javascript - 2 | webmaster & webdesigner

18
Javascript [2] Matteo Magni

Upload: matteo-magni

Post on 29-Nov-2014

359 views

Category:

Technology


1 download

DESCRIPTION

Seconda lezione del modulo Javascript per il corso di WebMaster & WebDesigner

TRANSCRIPT

Page 1: Javascript - 2 | WebMaster & WebDesigner

Javascript [2]Matteo Magni

Page 2: Javascript - 2 | WebMaster & WebDesigner

The Grammar of Javascript

Page 3: Javascript - 2 | WebMaster & WebDesigner

Statements

Rappresenta una unità di un programma javascript, una singola istruzione.

Page 4: Javascript - 2 | WebMaster & WebDesigner

Built-in function

Javascript ha vari comandi/funzioni che possiamo invocare.

Esempio alert();

Page 5: Javascript - 2 | WebMaster & WebDesigner

Commenti

<script type=”text/javascript”>

// questo è un commento su una sola riga

/*

questo è multiriga,

Mi fa risparmiare tempo e caratteri

*/

</script>

Page 6: Javascript - 2 | WebMaster & WebDesigner

Tipi di Dato

• Numeri

• Stringhe

//number

document.write(5+15);

alert(5+5);

//string

document.write('Warning');

alert('Warning');

document.write(“Warning”);

alert(“Warning”);

Page 7: Javascript - 2 | WebMaster & WebDesigner

Apici

stringa = "questa e' una stringa";

stringa = 'questa è la “stringa"';

//escape

stringa = 'questa e\' una stringa';

Non c'è differenza ma si suggerisce di usare quelli singoli.

In HTML usiamo quelli doppi

Page 8: Javascript - 2 | WebMaster & WebDesigner

Booleans

true

false

Page 9: Javascript - 2 | WebMaster & WebDesigner

Variabili

In informatica, una variabile identifica una porzione di memoria destinata a contenere dei dati, che possono essere modificati nel corso dell'esecuzione di un programma. Una variabile è spesso, ma non sempre, caratterizzata da un nome (inteso solitamente come una sequenza di caratteri e cifre).

(wikipedia)

var pippo;

pippo = 10;

alert(pippo);

Page 10: Javascript - 2 | WebMaster & WebDesigner

Variabili [2]

• Variable names must begin with a letter, $, or _

• Variable names can only contain letters, numbers, $, and _

• Variable names are case-sensitive.

• Avoid keywords (var, if, else...)

Page 11: Javascript - 2 | WebMaster & WebDesigner

Costanti

In informatica una costante identifica una porzione di memoria il cui valore non varia nel corso dell'esecuzione di un programma.

const A = 1 ;

alert(A);

Page 12: Javascript - 2 | WebMaster & WebDesigner

Operatori Matematici

Somma +

5 + 25

Sottrazione -

25 - 5

Moltiplicazione *

5 * 10

Divisione /

15/5

Page 13: Javascript - 2 | WebMaster & WebDesigner

Concatenazionestringhe

var firstName = 'John';

var lastName = 'Smith';

var fullName = firstName + lastName;

alert(fullName);

Page 14: Javascript - 2 | WebMaster & WebDesigner

Numeri + stringhe

//???

var numOfShoes = '2';

var numOfSocks = 4;

var totalItems = numOfShoes + numOfSocks;

alert(totalItems);

Page 15: Javascript - 2 | WebMaster & WebDesigner

Numeri + stringhe [2]

//???

var numOfShoes = '2';

var numOfSocks = 4;

var totalItems = Number(numOfShoes)+numOfSocks;

alert(totalItems);

Page 16: Javascript - 2 | WebMaster & WebDesigner

Arrays

var item1 = 'pippo';

var item2 = 'pluto';

var item3 = 'paperino';

Page 17: Javascript - 2 | WebMaster & WebDesigner

Arrays [2]

var days = ['Mon', 'Tues', 'Wed', 'Thurs', 'Fri', 'Sat', 'Sun'];

var holidays = [];

//other syntax

var days = new Array('Mon', 'Tues', 'Wed');

//multi type of date

var prefs = [1, 223, 'www.oreilly.com', false];

Page 18: Javascript - 2 | WebMaster & WebDesigner

Domande?

Slide:

http://cypher.informazione.me/

Code:

https://github.com/inFormazione/Cypher/

mail:

[email protected]