Media queries

Media queries

Le media queries CSS sono delle regole di stile che permettono di adattare i siti web ai diversi dispositivi, dai desktop ai mobile. Quindi ad esempio si possono impostare delle regole di stile che sono valide per i computer desktop ed altre invece per i tablet oppure per gli smartphone, ecc. Le media queries hanno […]

text shadow

Text shadow

In questa lezione vedremo come utilizzare la proprietà text shadow dei CSS, utile per dare un effetto ombra ad un testo. Esempi pratici Text shadow Vediamo dunque degli esempi pratici di utilizzo di questa proprietà e quali valori possono essere indicati. distanza orizzontale e verticale La posizione orizzontale e verticale dell’ombreggiatura che rappresentano il primo […]

First child

First child

In questa lezione studieremo come utilizzare first child nei CSS. In particolare possiamo definire la pseudo classe first child come il primo elemento di ciascun gruppo di elementi. First child – primo esempio In questo primo esempio realizziamo un elenco puntato e decidiamo ad esempio di colorare solo il primo list item di colore verde. […]

First letter e first line

First letter e first line

In questa lezione vedremo come utilizzare gli pseudo-elementi first letter e first line. Questi pseudo-elementi nei CSS si utilizzano per stilizzare la prima lettera di una determinata frase oppure un’intera riga. Facciamo degli esempi pratici utilizzando questi elementi. First letter e first line – primo esempio In questo esempio utilizzeremo first letter per ingrandire la […]

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 […]

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 […]

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 […]

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 […]

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 […]

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 […]