Javascript - 1 | WebMaster & WebDesigner

Javascript - 1 | WebMaster & WebDesigner
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 è 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. 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 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"> <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> //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

Check these out next

Javascript - 1 | WebMaster & WebDesigner

Recomendados

Mais conteúdo relacionado

Apresentações para você(6)

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

Mais de Matteo Magni(20)

Último(20)

Javascript - 1 | WebMaster & WebDesigner