Javascript - 1 | WebMaster & WebDesigner

JavaScript è un linguaggio di scripting
orientato agli oggetti comunemente usato nei
siti web.

Programmazione

Per un sacco di gente, il termine "programmazione" evoca visioni
di super-intelligenti nerd concentrati su tastiere, che digitano
parole senza senso quasi incomprensibile per ore. Probabilmente
un po 'di programmazione è così. La programmazione può
sembrare magia complessa che è ben oltre la media mortale. Ma
molti concetti di programmazione non sono difficili da afferrare, e
come linguaggio di programmazione, JavaScript è abbastanza
amichevole per non programmatori.

Client - Server

Il client effettua una
Request al server che
a sua volta risponderà
con una Response.
Javascript agisce a
livello di Client

Browser

Il browser è un
software che ha la
capacità di interpretare
l'HTML e di
visualizzarlo in forma di
ipertesto.
E' sempre il browser
che esegue gli script
Javascript

Javascript

JavaScript è un linguaggio lato client, che significa che funziona
all'interno di un browser web. L'altro tipo di linguaggio di
programmazione web è chiamato linguaggio server-side, esempi di
questi sono PHP,. NET, ASP, ColdFusion, Ruby on Rails, ecc.... I
linguaggi di programmazione lato server, come suggerisce il nome, sono
eseguiti su un server web.
Si occupano di accesso ai database, elaborazione carte di credito, e
l'invio di e-mail in tutto il mondo, ecc.... Il problema con linguaggi lato
server è che richiedono che il browser web invii richieste al web server,
costringendo i visitatori ad aspettare fino a quando arriva una nuova
pagina con le nuove informazioni.
David Sawyer McFarland

Javascript [2]

Un linguaggio lato-client, invece, può reagire immediatamente e
cambiare ciò che un visitatore vede nel suo browser senza la
necessità di scaricare una nuova pagina. I contenuti possono
apparire o sparire, spostarsi sullo schermo, aggiornarsi
automaticamente in base a come un visitatore interagisce con la
pagina. Questa reattività consente di creare siti web che sembrano
programmi desktop. JavaScript non è l'unica tecnologia lato client
in città. È possibile utilizzare i plug-in per aggiungere intelligenza di
programmazione ad una pagina web. Applet Java, Flash, Silverlight
sono un esempio.

Javascript [3]

In verità, JavaScript può anche essere un linguaggio server-side
di programmazione. Ad esempio, il server web node.js
(http://nodejs.org/) utilizza JavaScript come linguaggio server-
side di programmazione per la connessione a un database,
l'accesso al file system del server web, ed eseguire molte altre
attività su un server web .

Tecnologie Client Side

• HTML → contenuto
• Css →visualizzazione
• Javascript → interazione

Happy hacking a tutti!

Inutile parlare, lasciamo che sia il codice a farlo.

The Code
https://github.com/ilbonzo/Cypher/tree/master/html

Aggiungere uno script
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN" "http://www.w3.org/TR/
html4/strict.dtd">
<html>
<head>
<title>My Web Page</title>
<script type="text/javascript">

</script>
</head>

HTML 5
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script>

</script>
</head>

Alert
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script>
alert('hello world!');
</script>
</head>

File esterno
<!doctype html> //hello.js
<html>
<head> alert('hello
<meta charset="UTF8"> world!');
<title>My Web
Page</title>
<script
src="hello.js"></script
>
</head>

Non sono modalità
esclusive
<script src="hello.js"></script>
<script >
alert('Hello world!');
</script>

Path file esterni
Percorso assoluto
Un percorso assoluto è come un indirizzo
postale, che contiene tutte le informazioni
necessarie al browser web per trovare il file
in tutto il mondo.
Un percorso assoluto include http://, il nome
host e la cartella e il nome del file.
http://sosacroniro.net/js/hello.js

Path file esterni [2]
Percorso relativo alla radice
Un percorso root-relative indica dove il file si trova rispetto
alla cartella principale del sito. Un percorso relativo non
include http:// o il nome di dominio. Si inizia con una /
(barra) che indica la cartella principale della home page.
Un modo semplice per creare un percorso relativo alla
cartella è quello di prendere un percorso assoluto e
togliere il http:// e il nome host.

/js/hello.js

Path file esterni [3]
Percorso relativo al documento
Un percorso document-relative specifica il
percorso dalla pagina web al file JavaScript.
Se si dispone di più livelli di cartelle sul tuo
sito, è necessario utilizzare percorsi diversi
per puntare allo stesso file JavaScript.
Inizia senza la /
js/hello.js

Scrivere testo
<script>
document.write('<p>Hello world!</p>');
</script>

Troviamo gli errori
• Firefox
Firebug
Console javascript

Troviamo gli errori [2]
• Chrome
Strumenti per
gli sviluppatori /
Console

E gli altri?
• Internet Explorer 9
• Safari
• Opera

Anche loro hanno
dei tool per
analizzare javascript

Domande?

Slide:
http://www.slideshare.net/ilbonzo
Code:
https://github.com/ilbonzo/Cypher
mail:
matteo@magni.me

Javascript - 1 | WebMaster & WebDesigner

More Related Content

Viewers also liked (8)

Similar to Javascript - 1 | WebMaster & WebDesigner (20)

More from Matteo Magni (20)

Javascript - 1 | WebMaster & WebDesigner