Javascript - AJAX

Mattepuffo's logo
Ricordare la posizione della pagina in Angular

Ricordare la posizione della pagina in Angular

Praticamente devo ricorda l'altezza della pagina in cui era l'utente, in modo da andare a quell'altezza nel caso in cui l'utente cambi pagine e poi ritorni li.

In Angular possiamo fare tutto questo usando un service apposito.

Nel service andiamo a memorizzare l'altezza nel localStorage (o nel sessionStorage se volete), e poi la riprendiamo quando ci torniamo.

Mattepuffo's logo
Scroll con offset in Javascript

Scroll con offset in Javascript

Supponiamo che quando clicco su una immagine la pagina debba scrollare fino ad un certo punto, tipo ad un div.

Ma deve arrivare un pò più in su.

Possiamo fare questo in Javascript.

Mattepuffo's logo
Processare immagini da Google AI Studio con Angular

Processare immagini da Google AI Studio con Angular

Quello che vogliamo ottenere è inviare richieste HTTP a Google AI Studio, che fa parte delle Gemini API, per processare una immagine.

Invieremo anche un prompt; il tutto da Angular.

Il codice potrebbe cambiare un pò a seconda della versione di Angular; nel mio caso parliamo della versione 19.

Mattepuffo's logo
Unit test in Javascript con Mocha

Unit test in Javascript con Mocha

Mocha è una libreria per Javascript per eseguire unit test.

E' possibile usarla anche direttamente nel browser, cosa che faremo noi.

Quindi, nel caso specifico, non installeremo nulla, ma faremo un classico include da un CDN.

Mattepuffo's logo
Eseguire test di componenti in React Typescript con Jest

Eseguire test di componenti in React Typescript con Jest

In realtà non useremo solo Jest per eseguire i test, ma diciamo che è la libreria di punta.

Comunque dovremmo installare e configurare parecchia roba, soprattutto perchè stiamo usando Typescript.

Inoltre io ho creato il progetto con Vite, che può portare a delle differenze rispetto ad altri modi con cui potete creare i progetti in React.

Insomma, come al solito troppe possibilità e troppe differenze......