INTRODUZIONE. Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Slides:



Advertisements
Presentazioni simili
Guida Pratica Prof. Carla Fanchin
Advertisements

Questa guida spiega come:
UNO STRUMENTO PER INTERAGIRE CON GLI UTENTI DELLE PAGINE WEB
Modulo 4 – Seconda Parte Foglio Elettronico
APRIRE PROGRAMMA DI POSTA OUTLOOK EXPRESS
Lezione 1 Primi passi in HtML SCRIVERE TESTI di Sergio Capone
Questa guida spiega come: - Registrarsi al blog HiStory (pagine 2-3) - Cambiare la grandezza della schermata, zumando avanti e indietro (pagine 4-5) -
IL LINGUAGGIO HTML Il linguaggio html. Il linguaggio html. Utilizzo dei tag. Utilizzo dei tag. Script Browser I link I link Caricamento dei dati sul server.
Che cosè? Che cosè? Che cosè? Che cosè? Come creare una pagina… Come creare una pagina… Come creare una pagina… Come creare una pagina… inserire testi,immagini,tabelle…
Esercitazione 2 Array, funzioni, form
JavaScript Laboratorio di Applicazioni Informatiche II mod. A.
Benvenuto nella presentazione “esercitazione” di Power Point.
CORSO DI INFORMATICA LAUREA TRIENNALE-COMUNICAZIONE & DAMS
Un’introduzione a HTML (I)
Realizzazione siti web Pagine web dinamiche - javascript.
Corso di PHP.
JavaScript 3. Commenti in JS Come in altri linguaggi di programmazione anche javascript offre la possibilità di inserire i commenti all'interno delle.
JavaScript 1. Origine E uno dei primi linguaggi di scripting per il web sviluppato da Netscape nel 1995 E interpretato Ha alcune similarità sintattiche.
HyperText Markup Language 17-23/6/08 Informatica applicata B Cristina Bosco.
Istruzioni d’uso per invio telematico
MAPPIAMOCI! ATTIVITA’ SULLE MAPPE CONCETTUALI “F. Rasetti” a.s
Modulo 7 – reti informatiche u.d. 3 (syllabus – )
Internet I moduli web. Inviare informazioni Quando si comunica nel web, si ricevono messaggi e informazioni dai siti web, ma si debbono anche inviare.
2a Lezione: Martedì 6 Febbraio – HTML Comandi base
Iniziamo la nostra fase di registrazione cliccando sullapposito pulsante sul sito
Usare la posta elettronica con il browser web
Comunicazione senza limiti! Benvenuto nellera della….
Posta elettronica Usare la posta elettronica con il browser web 2 a parte La rubrica.
IF & ELSE. Alcune volte javascript richiede l'abilità di distinguere tra differenti possibilità.
Paragrafi e allineamenti
Creare pagine web Xhtlm. Struttura di una pagina.
13 Excel prima lezione.
BIOINFO3 - Lezione 201 Come in ogni corso di introduzione ad un linguaggio di programmazione, proviamo a scrivere lormai celebre primo programma di prova.
BIOINFO3 - Lezione 111 CGI-BIN CGI-BIN sono chiamati i programmi la cui esecuzione può essere richiesta attraverso il WEB. Il server web (httpd) della.
LOrdine Diretto in Convenzione Aprile Per procedere con la predisposizione di un Ordine Diretto di Acqusito in Convenzione è necessario inserire.
ASP – Active Server Pages Introduzione Pagine Web Statiche & Dinamiche(ASP)
Registro Elettronico Istituto Comprensivo Sassano
INTRODUZIONE A JAVASCRIPT
Funzioni. La sintassi generale di una funzione è:
HTML Gli elementi principali di una pagina Web. Titolo: 2  Attribuisce un titolo alla pagina  Il titolo è visibile nella “barra del titolo” del browser.
JavaScript Generalità Cos'è JavaScript?
A cura di Marilia Rossi FONDO ESPERO: 28, 29 e 30 aprile 2014 SI VOTA 28, 29 e 30 aprile 2014 SI VOTA VOTA E FAI VOTARE LA LISTA SNALS-Confsal.
Lezione 3 Struttura lessicale del linguaggio
Microsoft Word Interfaccia grafica
CORSO Di WEB DESIGN prof. Leonardo Moriello
Word: Gli strumenti di formattazione
Realizzato dagli stagisti media educator Per creare un utente andate su Amministrazione del sito -> Utenti -> Profili -> Nuovo utente. L'username.
Word: gli strumenti di formattazione
PRIMI PASSI PER L’UTILIZZO DELLO STRUMENTO Meetup Movimento 5 Stelle Feltre Passo 1: Vai all’indirizzo (consiglio: inserisci questo.
I collegamenti ipertestuali. I collegamenti ipertestuali si creano associando l'indirizzo (percorso/nome file) del nodo di destinazione ad un elemento.
Prof. Giuseppe Boncoddo
Lezione 11 Riccardo Sama' Copyright  Riccardo Sama' Excel.
Introduzione a Javascript
Serve per: Fare calcoli (operazioni su numeri e testi, applicazione di formule e funzioni) Archiviare dati (base di dati, “database”) Creare grafici (sulla.
Tag FRAMESET. I frame sono un particolare tipo di struttura HTML, che consente di suddividere la finestra del browser in diversi riquadri distinti. Un'insieme.
I L CODICE HTML. U n'immagine regolare funzionante come un bottone-link appare in questa maniera nel codice HTML:
Corso integrato di Matematica, Informatica e Statistica Informatica di base Linea 1 Daniela Besozzi Dipartimento di Informatica e Comunicazione Università.
Il corpo di una pagina Html. La sezione è il corpo principale del documento HTML dove vanno inseriti tutti i contenuti che devono apparire nella pagina.
COOKIES. Un cookie è semplicemente una variabile che la tua pagina web può cedere al computer del visitatore, oppure una variabile che dal computer del.
Corso integrato di Matematica, Informatica e Statistica Informatica di base Linea 1 Daniela Besozzi Dipartimento di Informatica e Comunicazione Università.
Manuale Utente – i-Sisen Questionario dei Consumi
LETTERE MAIUSCOLE. E' molto importante tenere a mente che javascript compie una netta distinzione tra lettere maiuscole e minuscole.
EVENTI Gli eventi sono delle azioni che possono essere identificate da javascript. 1 - onMouseOver, che viene messo in atto quando l'utente fa scorrere.
Clicca sul reflink che ti è stato fornito dalla persona che ti ha contattato. Ti si aprirà la pagina del sito. Clicca su JOIN NOW, ti si aprirà una nuova.
Sss Tutorial Reader 2D Tutorial. sss Tutorial Con Reader 2D è possibile creare un percorso di lettura di un’immagine personalizzato. Vediamo come….
Corso base Lezione 1: affrontare l'emergenza. Il pc è come una casa... Ogni parte ha una sua funzione e utilità...
Per cercare un libro su un argomento (keywords) solo tra quelli scritti in una determinata lingua scegli la ricerca combinata.
Impariamo ad usare Excel. Utilizzare l’interfaccia Avviare Excel e iniziare ad esplorare l'interfaccia per acquisire familiarità con esso… Non c'è modo.
Corso Web Developer Lezione 1 – Cenni su JavaScript.
Fondamentali JavaScript
Transcript della presentazione:

INTRODUZIONE

Javascript è un linguaggio di scrittura che permette di aggiungere veri e propri programmi alle tue pagine web.

Con javascript si possono creare delle piccole applicazioni, come la calcolatrice o giochetti molto semplici.

Comunque, si può usare javascript per degli scopi più seri:

Rivelazione del Browser Rivela il tipo di browser usato dal visitatore della pagina. A seconda del tipo, viene scaricata un'altra pagina appositamente preparata per quel browser.

Cookies Immagazzina informazioni nel computer del visitatore, e rimanda le stesse informazioni automaticamente quando il visitatore torna sulla stessa pagina. Questa tecnica si chiama "cookies".

Controllo dei Browser Apre le pagine in finestre personalizzate, dove viene specificato se i bottoni, la riga del menù, la riga dello status del browser debbano essere presenti.

Convalida dei Form Convalida ciò che viene inserito nei field prima di inviare un form. Un esempio potrebbe essere la convalida di un indirizzo inserito; viene cercato all'interno dell'indirizzo il Se il simbolo non viene trovato, l'indirizzo viene considerato non valido.

Prima di addentrarci in argomenti complessi, iniziamo ad esplorare le strutture fondamentali di javascript.

Questo corso comprende tutte le cose essenziali che devi conoscere per costruire e personalizzare i tuoi programmi.

DOVE INSERIRLO

Siccome javascript non è HTML, devi avvertire il browser che hai aggiunto javascript a una pagina in HTML. Questo si fa usando il tag.

Il browser si servirà di e per capire dove inizia e finisce la parte di javascript.

Guarda questo esempio:

La Mia Pagina Javascript alert("Benvenuto nel mio mondo!!!");

La parola alert ("attenzione") è un comando standard javascript che fa spuntare sullo schermo una casella-allarme. Il visitatore dovrà cliccare sul bottone "OK" della casella per poter procedere.

Se inseriamo il comando "alert" tra i tag e il browser lo riconoscerà come un comando javascript.

Se non avessimo inserito i tag, il browser avrebbe considerato la parola "alert" come semplice testo, e lo avrebbe riportato sullo schermo.

In un documento puoi usare javascript sia nella sezione che in quella. In generale, comunque è consigliabile limitarsi il più possibile alla sezione.

IL PRIMO PROGRAMMA

Sapere che javascript deve essere inserito tra i tag, è già un inizio. Ma ci sono altre cose da imparare prima di poter iniziare a scrivere con javascript:

Le righe in javascript terminano sempre con punto e virgola.

Puoi facilmente mettere tutto il javascript che ti serve su una singola riga senza alterarne le prestazioni.

Comunque, così facendo, impediresti una visione d'insieme del tuo programma, e ciò non è consigliabile.

Metti sempre il testo tra " ".

Le lettere maiuscole sono diverse dalle minuscole.

Per esempio, un comando javascript si chiama onMouseOver.

Scrivendo invece Onmouseover, sarebbe come se avessi scritto qwHETweriuh, perché javascript non lo capisce.

L'uso non corretto delle maiuscole è probabilmente l'errore più comune per i programmatori di javascript a tutti i livelli!!

Guarda adesso questo esempio :

Invece di scrivere javascript in una casella sullo schermo, potremmo scriverlo direttamente nel documento.

La Mia Pagina Javascript document.write("Benvenuto nel mio mondo!!!");

Il comando javascript document.write dice al browser che ciò che segue all'interno delle parentesi dovrà essere scritto nel documento.

L'esempio di programma che hai appena visto si vedrebbe così sulla tua pagina: Benvenuto nel mio mondo!!!

Guarda questo esempio per capire dove javascript scrive il testo:

La Mia Pagina Javascript Ciao!!! document.write("Benvenuto nel mio mondo!!!"); Buon divertimento...

Ecco quello che si vedrà sullo schermo:

Ciao!!! Benvenuto nel mio mondo!!! Buon divertimento...

Come puoi vedere, javascript inserisce semplicemente il testo nel punto in cui il programma è sistemato all'interno dei codici HTML.

Un aspetto interessante è che puoi inserire tutti i tipi di tag HTML nelle pagine web con il metodo document.write.