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 è relativamente 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/inFormazione/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="UTF world!');
8">
<title>My Web
Page</title>
<script
src="hello.js"></scri
pt>
</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://cypher.informazione.me/
Code:
https://github.com/inFormazione/Cypher/
mail:
matteo@magni.me

Javascript - 1 | WebMaster & WebDesigner

Recommended

Recommended

More Related Content

What's hot

What's hot (6)

Viewers also liked

Viewers also liked (7)

Similar to Javascript - 1 | WebMaster & WebDesigner

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

More from Matteo Magni

More from Matteo Magni (20)

Recently uploaded

Recently uploaded (9)

Javascript - 1 | WebMaster & WebDesigner