Javascript - Histórico de revisão

Lana.Sato em 20h59min de 13 de agosto de 2021

2021-08-13T20:59:34Z

Tiago em 20h49min de 13 de agosto de 2021

2021-08-13T20:49:50Z

Tiago em 20h44min de 13 de agosto de 2021

2021-08-13T20:44:26Z

Tiago em 20h06min de 13 de agosto de 2021

2021-08-13T20:06:11Z

Tiago em 18h59min de 13 de agosto de 2021

2021-08-13T18:59:32Z

Lana.Sato em 05h14min de 13 de agosto de 2021

2021-08-13T05:14:43Z

Lana.Sato em 05h12min de 13 de agosto de 2021

2021-08-13T05:12:43Z

Lana.Sato em 05h10min de 13 de agosto de 2021

2021-08-13T05:10:24Z

Lana.Sato em 05h08min de 13 de agosto de 2021

2021-08-13T05:08:08Z

Lana.Sato em 05h06min de 13 de agosto de 2021

2021-08-13T05:06:53Z

@@ Riga 2: / Riga 2: @@
 |nome=Ludovica
 |cognome=Binetti
-|nome2=xx
+|nome2=Lorenzo
-|cognome2=xx
+|cognome2=Di Gianvittorio
 |testo=

@@ Riga 2: / Riga 2: @@
 |nome=Ludovica
 |cognome=Binetti
-|nome2=LULAla
+|nome2=xx
-|cognome2=2022
+|cognome2=xx
 |testo=

@@ Riga 1: / Riga 1: @@
-{{articolo|
+{{articolo
-nome=Ludovica|
+|nome=Ludovica
-cognome=Binetti|
+|cognome=Binetti
-nome2=LULAla|
+|nome2=LULAla
-cognome2=2022|
+|cognome2=2022
-testo=
+|testo=
 == Javascript ==

@@ Riga 2: / Riga 2: @@
 nome=Ludovica|
 cognome=Binetti|
-nome2=LULA|
+nome2=LULAla|
 cognome2=2022|
 testo=

@@ Riga 2: / Riga 2: @@
 nome=Ludovica|
 cognome=Binetti|
-nome2=gdfs|
+nome2=LULA|
-cognome2=hshshs|
+cognome2=2022|
 testo=

@@ Riga 63: / Riga 63: @@
 In questo paragrafo tratteremo di come javascript può essere utile ad uno storico attraverso la creazione di un portale o blog in cui diffondere le proprie idee e divulgare i propri articoli accademici. Naturalmente per motivi di spazio non saranno riportati codici javascript, ma verranno approfonditi i vari aspetti e contenuti che ogni sito web dovrebbe contenere e che, tramite JS possono essere modificati e gestiti.  Ogni sito web che si rispetti necessita infatti di un titolo breve e di rapido impatto, posto nella parte alta della pagina, identificato tramite il tag html H1.  Per far si che i vari motori di ricerca riescano ad indicizzare al meglio la nostra pagina è una best-practice utilizzare un solo titolo H1, e di usare i sottotitoli tramite i tag H2 o H3. Posto di solito sotto il titolo vi è il menu. Ci sono diverse forme di menu, ma per rendere il nostro sito più attraente e leggibile si consiglia di utilizzare un framework di semplice utilizzo, ovvero Bootstrap, scaricabile al link: https://getbootstrap.com). Bootstrap, una volta importato nel file html, permette di utilizzare vari codici precompilati per creare sezioni e contenuti come menu, paragrafi, card, immagini animate e molto altro. Inoltre, cosa ancor più importante, Bootstrap permette di rendere la pagina responsive, ovvero adattabile ai dispositivi mobile oltre che per desktop, riuscendo così ad esempio a leggere un articolo anche da smartphone. Ritornando al nostro menu, lavorando per un portale storico, si consiglia di aggiungere al menu una voce Home che permetta di accedere alla pagina principale, una voce Archivio in cui saranno contenuti tutti gli articoli, ordinandoli per periodo o per tema, e l’About o il Contattaci. Quest’ultima voce è particolarmente significativa in quanto andrà a contenere i nostri dati e risponderà a domande del tipo, chi siamo, perché pubblichiamo contenuti web, e magari una voce Support Us dando così la possibilità di contribuire economicamente alla struttura del portale. Naturalmente ad ogni voce del menù dovrà essere associato un tag "href" che permetterà lo spostamento da una pagina all’altra. Procedendo dall’alto verso il basso, a seguire dopo il menù vi è il centro o focus della pagina Home in cui è consigliabile fornire all’utente una breve descrizione del sito. É importante in questa sezione cercare di utilizzare diverse parole chiave che possano ricondurre al nostro sito in maniera tale da aumentare le chance di essere visualizzati in una ricerca. La parte in basso del sito sarà invece dedicata ai riferimenti esterni, quali ad esempio GitHub, Youtube e Facebook. Questa è sostanzialmente la forma che un portale dovrebbe avere, semplice ed intuitiva, soprattutto sedi ambito storico, in maniera tale da facilitare la lettura e lo scorrimento degli articoli. La Figura 3, creata tramite Bootstrap, mostra la struttura:
-[[Arquivo:InJavascript14.png|600px|center]]
+[[Arquivo:InJavascript14.png|600px|thumb|center|''Figura 3'']]
 }}

← Versione meno recente		Versione delle 05:12, 13 ago 2021
Riga 58:		Riga 58:

	[[Arquivo:InJavascript13.png\|600px\|center]]		[[Arquivo:InJavascript13.png\|600px\|center]]
		+
		+	== Javascript per lo Storico ==
		+
		+	In questo paragrafo tratteremo di come javascript può essere utile ad uno storico attraverso la creazione di un portale o blog in cui diffondere le proprie idee e divulgare i propri articoli accademici. Naturalmente per motivi di spazio non saranno riportati codici javascript, ma verranno approfonditi i vari aspetti e contenuti che ogni sito web dovrebbe contenere e che, tramite JS possono essere modificati e gestiti. Ogni sito web che si rispetti necessita infatti di un titolo breve e di rapido impatto, posto nella parte alta della pagina, identificato tramite il tag html H1. Per far si che i vari motori di ricerca riescano ad indicizzare al meglio la nostra pagina è una best-practice utilizzare un solo titolo H1, e di usare i sottotitoli tramite i tag H2 o H3. Posto di solito sotto il titolo vi è il menu. Ci sono diverse forme di menu, ma per rendere il nostro sito più attraente e leggibile si consiglia di utilizzare un framework di semplice utilizzo, ovvero Bootstrap, scaricabile al link: https://getbootstrap.com). Bootstrap, una volta importato nel file html, permette di utilizzare vari codici precompilati per creare sezioni e contenuti come menu, paragrafi, card, immagini animate e molto altro. Inoltre, cosa ancor più importante, Bootstrap permette di rendere la pagina responsive, ovvero adattabile ai dispositivi mobile oltre che per desktop, riuscendo così ad esempio a leggere un articolo anche da smartphone. Ritornando al nostro menu, lavorando per un portale storico, si consiglia di aggiungere al menu una voce Home che permetta di accedere alla pagina principale, una voce Archivio in cui saranno contenuti tutti gli articoli, ordinandoli per periodo o per tema, e l’About o il Contattaci. Quest’ultima voce è particolarmente significativa in quanto andrà a contenere i nostri dati e risponderà a domande del tipo, chi siamo, perché pubblichiamo contenuti web, e magari una voce Support Us dando così la possibilità di contribuire economicamente alla struttura del portale. Naturalmente ad ogni voce del menù dovrà essere associato un tag "href" che permetterà lo spostamento da una pagina all’altra. Procedendo dall’alto verso il basso, a seguire dopo il menù vi è il centro o focus della pagina Home in cui è consigliabile fornire all’utente una breve descrizione del sito. É importante in questa sezione cercare di utilizzare diverse parole chiave che possano ricondurre al nostro sito in maniera tale da aumentare le chance di essere visualizzati in una ricerca. La parte in basso del sito sarà invece dedicata ai riferimenti esterni, quali ad esempio GitHub, Youtube e Facebook. Questa è sostanzialmente la forma che un portale dovrebbe avere, semplice ed intuitiva, soprattutto sedi ambito storico, in maniera tale da facilitare la lettura e lo scorrimento degli articoli. La Figura 3, creata tramite Bootstrap, mostra la struttura:
		+
		+	[[Arquivo:InJavascript14.png\|600px\|center]]

	}}		}}

← Versione meno recente		Versione delle 05:10, 13 ago 2021
Riga 52:		Riga 52:

	Per uno storico "digitale" può essere certamente d’aiuto saper creare e pubblicare contenuti web, oggi indispensabili per esprimere e manifestare il proprio pensiero. Come per qualsiasi linguaggio di programmazione, per iniziare a lavorare con JavaScript c’è bisogno di uno strumento fondamentale: un editor. Come editor è naturalmente possibile utilizzare un comune editor di testo anche se oramai alcuni si sono imposti come standard: Visual Studio Code, Sublime Text.		Per uno storico "digitale" può essere certamente d’aiuto saper creare e pubblicare contenuti web, oggi indispensabili per esprimere e manifestare il proprio pensiero. Come per qualsiasi linguaggio di programmazione, per iniziare a lavorare con JavaScript c’è bisogno di uno strumento fondamentale: un editor. Come editor è naturalmente possibile utilizzare un comune editor di testo anche se oramai alcuni si sono imposti come standard: Visual Studio Code, Sublime Text.
		+
		+	== Iniziare da HTML ==
		+
		+	Prima di trattare Javascript è tuttavia necessario soffermarsi sull’html, ovvero un linguaggio di markup nato con lo scopo di impaginare e formattare le pagine web. L’html può essere visto come uno scheletro statico di un sito internet, sarà poi compito di Javascript andare a modificare dinamicamente i vari contenuti. L’html è diviso in due parti principali: la head, in cui vengono importati i vari file Javascript e i meta-tag, utili per dare una descrizione della pagina che saranno poi catturati dai motori di ricerca, e il body, in cui verranno posti tutti i contenuti del documento, come paragrafi, immagini e iperlink. I tag sono molteplici e consentono di gestire in qualunque modo si voglia la pagina, per una lista complessiva si fa riferimento al sito del W3CSchool. Come già detto, l’html è statico, per questo motivo per rendere il nostro documento web interattivo possiamo utilizzare Javascript importando la seguente istruzione nel file html, dove miojavascript.js rappresenta il nostro file JS:
		+
		+	[[Arquivo:InJavascript13.png\|600px\|center]]

	}}		}}

@@ Riga 47: / Riga 47: @@
 Seguendo tutte queste istruzioni avremo quindi effettuato uno studio sulle occorrenze dei termini presenti in un qualunque testo passato come input, riuscendo a ricavare molti dati da cui è possibile, volendo, avanzare le analisi. Inoltre, otterremo una tabella relativa alle occorrenze del testo, in una forma simile a quella di seguito, che uno storico potrà copiare ed utilizzare per i propri scopi.
-[[Arquivo:InJavascript12.png|300px|left]]
+[[Arquivo:InJavascript12.png|300px]]
 === Creare un sito web per uno storico ===

@@ Riga 39: / Riga 39: @@
 Ciò ci permetterà poi di stampare le informazioni che vogliamo nei grazie ai seguenti metodi:
-[[Arquivo:InJavascript10.png|550px|center]]
+[[Arquivo:InJavascript10.png|600px|center]]
 A questo punto, possiamo procedere alla creazione della tabella relative alle occorrenze del testo che gli è stato passato tramite l’istruzione:
-[[Arquivo:InJavascript11.png|550px|center]]
+[[Arquivo:InJavascript11.png|600px|center]]
 Seguendo tutte queste istruzioni avremo quindi effettuato uno studio sulle occorrenze dei termini presenti in un qualunque testo passato come input, riuscendo a ricavare molti dati da cui è possibile, volendo, avanzare le analisi. Inoltre, otterremo una tabella relativa alle occorrenze del testo, in una forma simile a quella di seguito, che uno storico potrà copiare ed utilizzare per i propri scopi.
-[[Arquivo:InJavascript12.png|400px|center]]
+[[Arquivo:InJavascript12.png|300px|left]]
 === Creare un sito web per uno storico ===