You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 1-js/02-first-steps/01-hello-world/article.md
+23-17Lines changed: 23 additions & 17 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,10 @@
1
1
# Hello, world!
2
2
3
-
Il seguente tutorial tratta del core (nucleo) JavaScript, che è indipendente dalla piattaforma.
3
+
Il seguente tutorial tratta del core (nucleo) di JavaScript, il quale è indipendente dalla piattaforma.
4
4
5
-
Abbiamo bisogno di un ambiente di lavoro per eseguire i nostri script, e il fatto che questo libro sia online, rende il browser un ottima scelta. Cercheremo di mantenere al minimo l'utilizzo dei comandi specifici per browser (come `alert`), cosi non dovrai perdere la testa se deciderai di spostarti in altri ambienti come Node.JS. In ogni caso, i dettagli browser vengono spiegati in dettaglio nella [prossima parte](/ui) del tutorial.
5
+
Abbiamo bisogno di un ambiente di lavoro per eseguire i nostri script, e il fatto che questo tutorial sia online, rende il browser un ottima scelta. Cercheremo di mantenere al minimo l'utilizzo dei comandi specifici per browser (come `alert`), cosi non dovrai perdere la testa se deciderai di spostarti in altri ambienti (come Node.jd). In ogni caso, ci concentreremo sulle caratteristiche JavaScript specifiche per il browser nella [prossima parte](/ui) del tutorial.
6
6
7
-
Quindi prima di tutto, vediamo come inserire uno script in una pagina web. Per ambienti server-side, è sufficiente eseguirli con un comando come `"node my.js"` in Node.JS.
7
+
Quindi prima di tutto, vediamo come inserire uno script in una pagina web. Per ambienti server-side (come Node.js), è sufficiente eseguirli con un comando come `"node my.js"`.
8
8
9
9
## Il tag "script"
10
10
@@ -37,45 +37,51 @@ Ad esempio:
37
37
Puoi eseguire l'esempio cliccando su "Play" tramite il bottone in altro a destra.
38
38
```
39
39
40
-
Il tag `<script>` contiene codice JavaScript che viene automaticamente eseguito quando il browser incontra il tag.
40
+
Il tag `<script>` contiene codice JavaScript che viene automaticamente eseguito quando il browser processa il tag.
41
41
42
42
## La segnatura moderna
43
43
44
44
Il tag `<script>` ha un paio di attributi che vengono utilizzati raramente, ma è comunque possibile trovarli nei vecchi codici:
: Il precedente standard HTML, HTML4, richiedeva che lo script avesse una proprietà `type`. Solitamente era `type="text/javascript"`. Ora non è più richiesto. Inoltre, lo standard attuale HTML, ha completamente cambiato il suo significato. Ora può essere utilizzato per i moduli JavaScript. Ma questo è un argomento avanzato, parleremo dei moduli più avanti nel tutorial.
47
48
48
-
: Nei più vecchi libri, è possibile trovare un commento all'interno dell'elemento `<script>`, come segue:
: Questo attributo aveva lo scopo di mostrare il linguaggio utilizzato dallo script. Ora questo linguaggio non ha più molto senso, poiché JavaScript è il linguaggio utilizzato di default. Quindi non ha più senso utilizzarlo.
51
+
52
+
I commenti prima e dopo gli script.
53
+
: Nei vecchi libri e tutorial, potreste trovare commenti all'interno del tag `<script>`, come questo:
49
54
50
55
```html no-beautify
51
56
<script type="text/javascript"><!--
52
57
...
53
58
//--></script>
54
59
```
55
60
56
-
Questo trucco non viene più utilizzato nel moderno JavaScript. I commenti venivano utilizzati per nascondere il codice JavaScript dai vecchi browser che non conoscevano il tag `<script>`.I browser rilasciati negli utlimi 15 anni non hanno questo problema, questo tipo di strategia può aiutarti a riconsocere i vecchi codici.
61
+
Questo trucco non viene più utilizzato. Questi commenti avevano lo scopo di nascondere il codice JavaScript ai vecchi browser che non erano in grado di elaborare il tag `<script>`. Poiché i browser rilasciati negli ultimi 15 anni non hanno più questo problema, questo tipo di commenti possono aiutarti ad identificare codici molto vecchi.
62
+
57
63
58
64
## Script esterni
59
65
60
66
Se abbiamo molto codice JavaScript, possiamo inserirlo in un file separato.
61
67
62
-
Il file dello script viene integrato nel codice HTML tramtie l'attributo `src`:
68
+
Il file dello script viene integrato nel codice HTML tramite l'attributo `src`:
63
69
64
70
```html
65
71
<scriptsrc="/path/to/script.js"></script>
66
72
```
67
73
68
-
Questo `/path/to/script.js` è il percorso assoluto al file che contiene lo script (dalla root del sito).
74
+
Questo `/path/to/script.js` è il percorso assoluto al file che contiene lo script a partire dalla root del sito. Ad esempio, `src="script.js"` significherebbe un file `"script.js"` che si trova nella cartella corrente.
69
75
70
76
E' anche possibile fornire un percorso relativo a partire dalla pagina corrente. Per esempio `src="script.js"` significa che il file `"script.js"` si trova nella cartella corrente.
Per integrare più script, utilzzate più volte il tag:
84
+
Per integrare più script, possiamo utilizzare più volte il tag:
79
85
80
86
```html
81
87
<scriptsrc="/js/script1.js"></script>
@@ -88,9 +94,9 @@ Come regola da seguire, solo gli script molto semplici vanno inseriti all'intern
88
94
89
95
Il beneficio di inserire gli script in file separati è che il browser andrà a scaricarli e li memorizzerà nella sua [cache](https://en.wikipedia.org/wiki/Web_cache).
90
96
91
-
Cosi facendo, le altre pagine che vorranno utilizzare lo stesso script lo preleveranno dallacache invece che riscaricarlo. Quindi il file verrà scaricato una sola volta.
97
+
Cosi facendo, le altre pagine che vorranno utilizzare lo stesso script lo preleveranno dalla cache invece che riscaricarlo. Quindi il file verrà scaricato una sola volta.
92
98
93
-
Questo risparmierà traffico e renderà le pagine più veloci.
99
+
Questo risparmierà traffico e renderà il caricamento delle pagine più veloce.
94
100
```
95
101
96
102
````warn header="Se `src` è impostato, il contenuto all'interno di script verrà ignorato."
@@ -100,11 +106,11 @@ Questo non funziona:
100
106
101
107
```html
102
108
<script*!*src*/!*="file.js">
103
-
alert(1); // il contenuto viene ignorato, perchè src è impostato
109
+
alert(1); // il contenuto viene ignorato, perché src è impostato
104
110
</script>
105
111
```
106
112
107
-
Dobbiamo scegliere: o esterno `<script src="…">` o il semplice tag `<script>` con all'interno il codice.
113
+
Dobbiamo scegliere fra le due possibilità: script esterno `<script src="…">` o il semplice tag `<script>` con all'interno il codice.
108
114
109
115
L'esempio precedete può essere diviso in due script:
110
116
@@ -118,7 +124,7 @@ L'esempio precedete può essere diviso in due script:
118
124
## Riepilogo
119
125
120
126
- Possiamo usare il tag `<script>` per aggiungere codice JavaScript alla pagina.
121
-
- Gli attributi `type` e `language` non sono richiesti.
127
+
- Gli attributi `type` e `language` non sono più richiesti.
122
128
- Uno script in un file esterno può essere inserito con `<script src="path/to/script.js"></script>`.
123
129
124
-
C'e ancora molto da imparare riguaro gli script browser e la loro interazione con le pagine web. Ma tenete a mente che questa parte del tutorial è dedicata al linguaggio JavaScript, quindi non dobbiamo distrarci da questo obbiettivo. Andremo ad utilizzare il browser come piattaforma in cui eseguire JavaScript, che è molto utile, ma è solo uno dei tanti modi.
130
+
C'e ancora molto da imparare riguardo gli script browser e la loro interazione con le pagine web. Ma tenete a mente che questa parte del tutorial è dedicata al linguaggio JavaScript, quindi non dobbiamo distrarci da questo obbiettivo. Andremo ad utilizzare il browser come piattaforma in cui eseguire JavaScript, che è molto comodo, ma è solo uno dei tanti modi.
0 commit comments