sort JavaScript

sort JavaScript

In questo articolo parleremo del metodo sort in JavaScript, utile per ordinare gli elementi di un array. La sintassi del metodo sort() è la seguente: nomeArray.sort(). Si può anche indicare una funzione di confronto per cui la sintassi diventa: nomeArray.sort(funzione di confronto). La funzione di confronto è dunque opzionale e dunque l’ordinamento avviene in base … Leggi tutto

jQuery ajax chiamate asincrone

jQuery ajax chiamate asincrone

In questa lezione parleremo del metodo di jQuery ajax e di come gestire le chiamate asincrone. Realizzeremo un esempio utilizzando un’API per il meteo free a cui però bisogna richiedere un’api key. Troviamo su questo sito openweathermap l’API da utilizzare. Una volta ottenuta l’API key possiamo utilizzarla all’interno della nostra chiamata asincrona con AJAX. Ecco … Leggi tutto

map JavaScript

map JavaScript

In questa lezione parleremo del metodo map in JavaScript, utilizzato con gli array. Questo metodo crea un nuovo array con i risultati della chiamata di una funzione per ciascun elemento dell’array di partenza. La sintassi è la seguente: nomearray.map(function) Dove function può essere una funzione già esistente come ad esempio la funzione valore assoluto: Math.abs. … Leggi tutto

Esempio di chiamata AJAX

Esempio di chiamata AJAX

Realizziamo un semplice esempio di chiamata AJAX utilizzando delle API libere. L’API free che andremo ad utilizzare è questa: https://apiv3.iucnredlist.org/api/v3/country/list?token=9bb4facb6d23f48efbf424bb05c0c1ef1cf6f468393bc745d42179ac4aca5fee Questa API può essere utilizzata senza chiedere nessuna apy-key, dunque si può copiare direttamente il link indicato sopra nel parametro url da inserire nel metodo $.ajax che andremo ad utilizzare. L’API restituisce dei dati in … Leggi tutto

Numeri primi in JavaScript

Numeri primi in JavaScript

In questa lezione svilupperemo un algoritmo sui numeri primi in JavaScript. Ricordiamo innanzitutto che un numero è primo quando ha due divisori, cioè 1 e se stesso. La successione dei numeri primi comincia con 2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, … Anche in altri linguaggi di programmazione abbiamo sviluppato lo … Leggi tutto

Chiamate GET in AJAX con jQuery

Chiamate GET in AJAX con jQuery

In questa lezione realizzeremo un semplice esempio di chiamate GET in AJAX con jQuery, utilizzando una semplicissima API che restituisce l’immagine di alcuni cani. Un’API dog che potete trovare al seguente link: https://dog.ceo/dog-api/ e che non ha bisogno di nessuna API key per poterla utilizzare. Chiamate GET in AJAX con jQuery – esempio Creiamo, nella … Leggi tutto

Successione di Fibonacci in JavaScript

Successione di Fibonacci in JavaScript

In questa lezione implementeremo un algoritmo sulla successione di Fibonacci in JavaScript. Innanzitutto ricordiamo che la successione di Fibonacci è una successione di numeri interi positivi in cui ciascun numero, a cominciare dal terzo, è la somma dei due precedenti e i primi due sono 1, 1. Quindi ad esempio se voglio vedere i primi … Leggi tutto

Do while JavaScript

do while javascript

Il ciclo do while in JavaScript, così come negli altri linguaggi dove questo costrutto esiste, consente di eseguire le istruzioni almeno una volta. Se la condizione è vera allora si ripete nuovamente il ciclo, altrimenti si passa all’istruzione successiva. Il ciclo do-while è difatti un costrutto post-condizionale. Sintassi do while JavaScript La sintassi del do … Leggi tutto

indexOf JavaScript

indexOf JavaScript

Il metodo indexOf in JavaScript restituisce la posizione di partenza di un elemento all’interno di un array o di una stringa. La sintassi di questo metodo è la seguente: nomeArray.indexOf(element) Dove element è dunque l’elemento di cui si vuole conoscere la posizione. Così come con il metodo includes, anche in questo caso, opzionalmente si può … Leggi tutto

AJAX e JSON

ajax e json

In questa lezione utilizzeremo AJAX e JSON per ottenere dati da un server web. Spesso le due tecnologie infatti vengono utilizzate assieme. AJAX e JSON esempio Facciamo subito un esempio per capire meglio come avviene una chiamata ajax su un file json che sta su un server web. E’ importante dire che tutto ciò deve … Leggi tutto

AJAX jQuery e JSON

AJAX jQuery e JSON

In questa lezione utilizzeremo le tecnologie AJAX jQuery e JSON per realizzare una chiamata asincrona ad un file presente sul server. Dunque proveremo a leggere i dati da un file JSON. Inoltre, per chi volesse approfondire l’argomento inerente i file JSON, indico un semplice tutorial che ho creato: Introduzione a JSON. Allego anche il link … Leggi tutto

AJAX e jQuery

AJAX e jQuery

AJAX e jQuery sono tecnologie utili per implementare delle chiamate asincrone, in maniera piuttosto semplice. Abbiamo già parlato di AJAX in questa lezione: Introduzione ad AJAX e abbiamo visto come creare chiamate asincrone utilizzando JavaScript. Inoltre abbiamo fatto degli esempi su come leggere da un file presente su un server web, utilizzando l’oggetto xmlhttprequest. Il … Leggi tutto

XMLHttpRequest

XMLHttpRequest

L’oggetto XMLHttpRequest, che abbiamo accennato già nella scorsa lezione, consente di accedere a documenti di vario tipo caricati su un server, come ad esempio file di testo, pdf, documenti XML, JSON, ecc. XMLHttpRequest – Esempio di recupero dati da un file con AJAX Facciamo dunque un esempio su come recuperare un file, che sta su … Leggi tutto

AJAX JavaScript

AJAX JavaScript

AJAX è l’acronimo di Asynchronous JavaScript and XML e possiamo dire che ad oggi è la tecnologia più utilizzata per lo sviluppo di applicazioni web interattive. Con programmazione asincrona intendiamo una forma di programmazione parallela che eseguirà del codice e quando avrà terminato lo comunicherà al programma principale AJAX è utilizzato nelle applicazioni dove occorre aggiornare i … Leggi tutto

Parsing JSON

Parsing JSON

Nella precedente lezione abbiamo accennato il parsing JSON e abbiamo già detto che JSON è un formato testuale indipendente dal linguaggio utilizzato e anche molto semplice da capire. Quasi tutti i browser ormai offrono un oggetto JSON nativo, può succedere però che, se si utilizzano alcune versioni di browser molto vecchie, non si disponga di … Leggi tutto

JSON stringify

json stringify

JSON stringify è un metodo che serve a convertire un oggetto o un valore JavaScript in una stringa JSON. Abbiamo già detto che il formato JSON è utilizzato per lo scambio di informazioni da o verso un server web. Nella lezione precedente abbiamo visto il funzionamento del metodo JSON.parse per fare esattamente l’opposto di quanto … Leggi tutto

JSON parse

JSON parse

Il metodo JSON.parse serve ad analizzare il formato testuale (stringa) di JSON e a costruire il valore JavaScript o l’oggetto. Il valore di ritorno è dunque l’oggetto che corrisponde al parametro stringa passato. Si dice anche che è un metodo per la de-serializzazione. Se la stringa JSON non è valida genera un’eccezione di tipo SyntaxError, … Leggi tutto

JSON

JSON

JSON è un formato utilizzato per lo scambio dei dati ed è l’acronimo di JavaScript Object Notation. È basato sul linguaggio JavaScript e viene utilizzato molto per la programmazione asincrona, dunque con ajax, come vedremo nelle prossime lezioni. JSON è un formato testuale, quindi è una stringa. Permette di aggregare i dati e segue la … Leggi tutto