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

1. Javascript [2]
Matteo Magni

2. The Grammar of Javascript

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

4. Built-in function
Javascript ha vari
comandi/funzioni che
possiamo invocare.
Esempio alert();

5. Commenti
<script type=”text/javascript”>
// questo è un commento su una sola riga
/*
questo è multiriga,
Mi fa risparmiare tempo e caratteri
*/
</script>

6. Tipi di Dato
• Numeri //number
document.write(5+15);
• Stringhe alert(5+5);
//string
document.write('Warning');
alert('Warning');
document.write(“Warning”);
alert(“Warning”);

7. 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

8. Booleans
true
false

9. 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);

10. 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...)

11. 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);

12. Operatori Matematici
Somma +
5 + 25
Sottrazione -
25 - 5
Moltiplicazione *
5 * 10
Divisione /
15/5

13. Concatenazione
stringhe
var firstName = 'John';
var lastName = 'Smith';
var fullName = firstName + lastName;
alert(fullName);

14. Numeri + stringhe
//???
var numOfShoes = '2';
var numOfSocks = 4;
var totalItems = numOfShoes + numOfSocks;
alert(totalItems);

15. Numeri + stringhe [2]
//???
var numOfShoes = '2';
var numOfSocks = 4;
var totalItems = Number(numOfShoes)+numOfSocks;
alert(totalItems);

16. Arrays
var item1 = 'pippo';
var item2 = 'pluto';
var item3 = 'paperino';

17. 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];

18. Domande?
Slide:
http://cypher.informazione.me/
Code:
https://github.com/inFormazione/Cypher/
mail:
matteo@magni.me