Corso JavaScript


Rispondi
    Rispondi citando

Corso JavaScript

lorenzo_ktm » Ven Apr 11, 2008 6:23 pm

Benvenuti a questo piccolo corso di javascript.
Spero che lo troviate interessante e che via sia di aiuto.

prerequisiti:
-familiarità col linguaggio HTML
-nozioni di programmazione basilari
-anche se non è fondamentale conoscere il linguaggio C è di aiuto



COS'È UNO SCRIPT?

Gli script sono parte di codice eseguibile che sta nelle pagine html e viene "interpretato" dal browser.
! I linguaggi di scripting sono molto pignoli quindi è molto facile fare errori, a volte per uno spazio di troppo lo script non funziona correttamente quindi fate attenzione.


JAVA E JAVASCRIPT SONO LA STESSA COSA?


NO. javascript è un linguaggio di scripting, anche se molto simile a java c'è una bella differenza tra i due.


Dopo questa piccola introduzione iniziamo il corso:


COME INSERIRE UNO SCRIPT IN UN DOCUMENTO HTML:

per inserire uno script in una pagina html dobbiamo usare il tag "script" e settare il parametro language a "JavaScript1.2".
es.

<SCRIPT language="JavaScript1.2">

/*codice*/

</SCRIPT>

la notazione "/* */" si usa per i commenti.

è possibile inserire nella pagina anche script esterni.

<SCRIPT [language="JavaScript1.2"] SRC="nomefile.js">
</SCRIPT>


LE VARIABILI:

Per dichiarare una variabile dobbiamo utilizzare la parola chiave var. Possiamo anche passare alla variabile un valore.
es.

var x = 5

La dichiarazione delle variabili non è obbligatoria e può comparire in una qualsiasi parte del programma.


LE ISTRUZIONI DI OUTPUT:

!per concatenare le stringhe si utilizza il simbolo +

alert("messaggio")

il comando alert scrive un messaggio a video in una piccola finestra .



confirm("testo")

simile ad alert, ma propone una scelta tra due pulsanti: ok e Annulla. Ok restituisce il valore true, mentre anulla restituisce false.



document.write("testo")

questa volta sfruttiamo la proprieta write per andare a scrivere direttamente sul documento html.


ISTRUZIONI DI INPUT:

prompt("inserisci un valore")

utilizzando questo comando comparirà una finestra che ci chiedera di inserire un valore.
se vogliamo passare il valore ottenuto dall'isrtuzione prompt basta fare così:

variabile = prompt("testo")

se vogliamo prendere in input un numero intero scriviamo:

variabile = parseInt(prompt("testo")) /*mi raccomando rispettate le maiuscole!*/


BLOCCHI DI ISTRUZIONI:

Per i blocchi di istruzioni come nel linguaggio C si utilizzano le parentesi graffe.
Il ; di fine istruzione del C serve solo nel caso in cui volessimo mettere due o più istruzioni nella stessa riga.
es.

{x= 5; y=4
x=x+y
}


CONTROLLI LOGICI:

Le condizioni in javascript sono simili al linguaggio C, quindi per verificare se due variabili sono uguali scriveremo (var1==var2).

il costrutto IF:

if(condizione A)
blocco istruzioni 1
else if(condizione B)
blocco istruzioni 2
else
blocco isrtuzioni 3


se la condizione A è verificata esegue il blocco di istruzioni 1, se la condizione B è verificata esegue il blocco di istruzioni 2 ALTRIMENTI esegue il terzo blocco.


il costrutto SWITCH:

switch(var)
{
case COSTANTE:
{blocco istruzioni
break /*break interrompe il controllo*/
}
case COSTANTE2:
{blocco istruzioni
break /*ricordatevi che break è obbligatorio*/
}
default:
{blocco istruzioni
break
/*il caso di default viene attivato qualora non fossero verificate le altre condizioni*/
}
}


CICLI E ITERAZIONE:

ciclo while:

while(condizione)
{

}

Il ciclo si ferma quando la condizione non si verifica più. (cicla per vero)
la condizione è verificata in ingresso.


ciclo do-while:

do
{

}
while(condizione)

è simile al ciclo while, cioè esegue il blocco di istruzioni finchè la condizione è vera, ma la condizione viene verificata dopo aver eseguito il blocco di istruzioni che sarà eseguito almeno una volta.


ciclo for:

for(i=0;i<n;i++)
{

}

Questo ciclo va da 0 a n incrementando la variabile i di 1 (i++ equivale a i=i+1)


break e continue:

sono due espressioni che dividono in due i programmatori c'è chi le ama e c'è chi le odia..

servono per interrompere(break) e per saltare all'iterazione successiva(continue) di un ciclo.


FUNZIONI E PASSAGGIO DI PARAMETRI:

per dichiarare una funzione utilizziamo la parola chiave function seguita dal nome della funzione e tra parentesi inseriamo i parametri necessari alla funzione.
es.

function nome(parametro1,parametro2,etc)
{

}


Se vogliamo che la funzione restituisca un valore basterà inserire alla fine della funzione:
return(valore)


Richiamare una funzione:

Se la funzione non restituisce valori per richiamarla basterà scrivere il nome seguito dai parametri che vogliamo passargli tra parentesi.

Per il momento direi che può bastare adesso proviamo a fare il primo programmino..

-somma tra due numeri presi in input:

<html>
<head>

<script language="JavaScript1.2">
function somma(a,b)/*i nomi dei parametri sono indipendenti*/
{
a=a+b
return(a) /*restituisce la somma tra i due numeri*/
}
</script>

</head>
<body>

<script language="JavaScript1.2">
x=parseInt(prompt("inserisci un valore")) /*prende in input x e y*/
y=parseInt(prompt("inserisci un valore"))
x=somma(x,y) /*mette in x il risultato di somma*/
alert("la somma dei due numeri è: " + x) /*scrive x*/
</script>

</body>
</html>


Per qualsiasi informazione contattatemi via e-mail o su msn
a questo indirizzo: lorenzo_ktm@yahoo.it

_________________

lorenzo_ktm
Moderatore
Moderatore
 
Messaggi: 74
Registrato: 20/02/08 17:51
    Invia messaggio privato Profilo [ Nascosto ]

    Rispondi citando

Wolf Otakar » Ven Apr 11, 2008 7:57 pm

Ottima risorsa Lorenzo, complimenti! PDT_Armataz_01_34

_________________
Segui WolfOtakar su Twitter Smile

Vacanze in Calabria

Wolf Otakar
Admin
Admin
 
Messaggi: 2842
Registrato: 12/02/07 22:49
Residenza: Regedit
    Invia messaggio privato Profilo  

    Rispondi citando

***Dade*** » Sab Apr 12, 2008 3:58 pm

fatta molto bene e semplice da capire Wink PDT_Armataz_01_37

_________________
Il Portale di Berniuz
http://berniuz.135.it

***Dade***
SuperMod
SuperMod
 
Messaggi: 498
Registrato: 03/07/07 10:34
    Invia messaggio privato Profilo  

    Rispondi citando

lorenzo_ktm » Sab Apr 12, 2008 4:32 pm

grazie PDT_Armataz_01_12
appena ho un po di tempo scrivo anche il seguito

_________________

lorenzo_ktm
Moderatore
Moderatore
 
Messaggi: 74
Registrato: 20/02/08 17:51
    Invia messaggio privato Profilo [ Nascosto ]

    Rispondi citando

R3m3r » Sab Apr 12, 2008 7:15 pm

settata come importante e inserito il link nell'indice delle lezioni ;P

R3m3r
Moderatore
Moderatore
 
Messaggi: 143
Registrato: 21/02/07 16:10
    Invia messaggio privato Profilo  

    Rispondi citando

Wolf Otakar » Sab Apr 12, 2008 10:44 pm

R3m3r ha scritto:settata come importante e inserito il link nell'indice delle lezioni ;P


Wink

_________________
Segui WolfOtakar su Twitter Smile

Vacanze in Calabria

Wolf Otakar
Admin
Admin
 
Messaggi: 2842
Registrato: 12/02/07 22:49
Residenza: Regedit
    Invia messaggio privato Profilo  


Rispondi

Programmazione

Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi