javascript - 1 | webmaster & webdesigner
DESCRIPTION
Prima lezione del modulo Javascript del corso per WebMaster & WebDesignerTRANSCRIPT
Javascript [1]Matteo Magni
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.
David Sawyer McFarland
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 .
David Sawyer McFarland
Tecnologie Client Side
• HTML → contenuto
• Css →visualizzazione
• Javascript → interazione
Happy hacking a tutti!
Inutile parlare, lasciamo che sia il codice a farlo.
The Codehttps://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"><title>My Web Page</title><script>
</script></head>
Alert
<!doctype html><html><head><meta charset="UTF-8"><title>My Web Page</title><script>alert('hello world!');</script></head>
File esterno
<!doctype html>
<html>
<head>
<meta charset="UTF8">
<title>My Web Page</title>
<script src="hello.js"></script>
</head>
//hello.jsalert('hello world!');
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
• FirefoxFirebug
Console javascript
Troviamo gli errori [2]
• ChromeStrumenti 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: