RD Tech

Come cambiare versione di Python con un solo comando!

Matteo Veraldi — Wed, 09 Apr 2025 12:26:59 +0000

Se stai studiando o lavorando su progetti diversi, ti sarà sicuramente capitato di avere errori dovuti alla versione di Python.

E allora giù a cercare di reinstallare Python, configurare variabili d’ambiente, disinstallare versioni precedenti… Un incubo!

Ecco il punto: non tutte le app funzionano con la stessa versione di Python. Alcune richiedono una specifica versione per funzionare bene (o funzionare e basta).

E se sei uno sviluppatore, uno studente o un data scientist, ti serve un modo semplice e veloce per passare da una versione all’altra.

Quindi abbiamo scritto questo articolo in cui scoprirai come cambiare versione di Python con un solo comando!

Entra in scena `pyenv`: il tuo gestore di versioni Python

Cos’è pyenv?

pyenv è uno strumento da riga di comando che ti permette di installare e passare da una versione di Python all’altra in modo super semplice, senza dover toccare nulla delle versioni di sistema.

✅ Installa più versioni di Python

✅ Passa da una versione all’altra con un solo comando

✅ Ogni progetto può avere la sua versione di Python dedicata

✅ Non interferisce con Python preinstallato nel sistema

In pratica, è come nvm per Node.js o rbenv per Ruby: uno switcher intelligente di versioni.

Come installare pyenv su Windows, Linux o macOS

La procedura cambia leggermente a seconda del sistema operativo. Ecco la guida passo passo.

💻 Su macOS

Se usi macOS, il modo più semplice è tramite Homebrew:

brew update
brew install pyenv

Poi aggiungi queste righe al tuo ~/.zshrc (o ~/.bash_profile):

export PYENV_ROOT="$HOME/.pyenv"
export PATH="$PYENV_ROOT/bin:$PATH"
eval "$(pyenv init - zsh)"

E infine:

exec zsh

🐧 Su Linux

Per Debian, Ubuntu o derivate:

curl https://pyenv.run | bash

Poi aggiungi queste righe a ~/.bashrc, ~/.zshrc o ~/.profile:

export PYENV_ROOT="$HOME/.pyenv"
export PATH="$PYENV_ROOT/bin:$PATH"
eval "$(pyenv init - bash)"

Poi riavvia il terminale o esegui source ~/.bashrc.

🪟 Su Windows

Su Windows il consiglio è usare pyenv-win, un progetto parallelo a pyenv per ambienti Windows.

Apri PowerShell come amministratore
Esegui:

Invoke-WebRequest -UseBasicParsing -Uri "https://raw.githubusercontent.com/pyenv-win/pyenv-win/master/pyenv-win/install-pyenv-win.ps1" -OutFile "./install-pyenv-win.ps1"; &"./install-pyenv-win.ps1"

Come installare e cambiare versione di Python con pyenv

Dopo aver installato pyenv, puoi iniziare a giocare con le versioni di Python.

Installa una nuova versione

Per esempio, per installare Python 3.10.13:

pyenv install 3.10.13

Cambia la versione di Python predefinita

pyenv global 3.10.13

Questa sarà la versione usata globalmente nel sistema (senza toccare quella di sistema!).

Cambia versione solo per una cartella/progetto

Entra nella cartella del tuo progetto e scrivi:

pyenv local 3.8.18

Pyenv creerà un file .python-version e userà solo lì quella versione.

Tieni pyenv aggiornato!

Il progetto pyenv viene aggiornato di frequente per supportare le nuove versioni di Python. Tienilo aggiornato con:

Su macOS:

brew install pyenv --head

Su Linux:

pyenv update

Su Windows:

&"${env:PYENV_HOME}\install-pyenv-win.ps1"

Conclusione: un comando, infinite possibilità

Con pyenv, puoi installare tutte le versioni di Python che vuoi e passare da una all’altra in un secondo.

Niente più conflitti, niente più caos. È uno strumento indispensabile per chiunque prenda sul serio lo sviluppo in Python — anche se sei solo all’inizio!

Se vuoi sapere come configurare pyenv con Visual Studio Code o PyCharm, contattaci sui nostri canali social!

🧠 TL;DR

Hai progetti con versioni diverse di Python? Usa pyenv.
Installalo con un comando.
Installa Python 3.x con pyenv install 3.x.x.
Cambia versione con pyenv global o pyenv local.
Sei pronto per sviluppare con Python!

L'articolo Come cambiare versione di Python con un solo comando! proviene da RD Tech.

Nuovo Percorso Formativo avviato tra RD Tech e Istituto di Istruzione Superiore “Carlo Rambaldi” di Lamezia Terme

publisher — Mon, 26 Feb 2024 16:52:42 +0000

Nuovo Percorso Formativo avviato tra RD Tech e Istituto di Istruzione Superiore “Carlo Rambaldi” di Lamezia Terme
La RD Tech ha ospitato oggi la classe 5H del Polo Tecnologico nella sede sita in Caraffa di Catanzaro per dare avvio al Percorso per le Competenze Trasversali e di Orientamento (PCTO).

La collaborazione tra RD Tech e Polo Tecnologico per lo svolgimento dei percorsi formativi ha avuto inizio nel 2019 e ogni anno permette agli studenti coinvolti l’acquisizione di competenze nell’ambito informatico attraverso un’esperienza diretta in azienda.

La RD Tech ringrazia il Dirigente Scolastico Anna Primavera e il Prof. Roberto Bennardo per la fiducia riposta nel nostro team di lavoro.

L'articolo Nuovo Percorso Formativo avviato tra RD Tech e Istituto di Istruzione Superiore “Carlo Rambaldi” di Lamezia Terme proviene da RD Tech.

Le novità di Angular 17

Matteo Veraldi — Mon, 13 Nov 2023 16:39:11 +0000

Angular si è rinnovato con un sito completamente nuovo ed un insieme di funzionalità che danno una ventata d’aria fresca al framework, sia dal punto di vista di Developer Experience che di User Experience.

In questo articolo vedremo alcuni tra i principali cambiamenti.

Angular Signals

Signals è un sistema che permette ad Angular di gestire uno stato applicativo in maniera granulare.
Questo sistema reattivo di gestione dello stato permette al change detector di ottimizzare la re-renderizzazione dei componenti coinvolti, permettendo allo sviluppatore di massimizzare le performances dei componenti che sviluppa.

Un signal è un wrapper che rende “osservabile” un attributo di classe.

L’API di Signals rende il paradigma di programmazione reattiva più semplice da applicare grazie alla sua API minimale:

				
					@Component({
  selector: 'my-app',
  standalone: true,
  template: `
    {{ fullName() }} <button (click)="setName('John')">Click</button>
  `,
})
export class App {
  firstName = signal('Jane');
  lastName = signal('Doe');
  fullName = computed(() => `${this.firstName()} ${this.lastName()}`);

  constructor() {
    effect(() => console.log('Name changed:', this.fullName()));
  }

  setName(newName: string) {
    this.firstName.set(newName);
  }
}

Per creare un Signal, è sufficiente dichiarare un attributo di classe assegnandogli un valore iniziale “wrappato” dalla funzione signal .

Per leggere il valore corrente di un Signal si invoca l’attributo di classe come funzione.

Per modificare il valore di un Signal bisogna passare il nuovo valore coma argomento del metodo set . Il Change Detector di Angular verrà così segnalato e provvederà a notificare tutti gli osservatori, nel nostro caso l’aggiornamento del template e dell’attributo computed.

Per “reagire” ai cambiamenti di valore di un Signal, si usa effect, una funzione che accetta una callback come argomento, e la invoca ad ogni cambiamento di stato.

Un Signal può essere di diversa natura: read-only, scrivibile, composto ecc. Grazie a dei metodi di utilità, un Signal è compatibile con gli Observables della libreria rxjs . Per approfondimenti lasciamo il link alla documentazione dedicata e al nostro form di contatto.

Control flow (Developer Preview)

I template Angular supportano il “control flow” come alternativa alle direttive ngIf, ngFor.

Un esempio:

Control flow

				
					@Component({
  selector: 'app-root',
  standalone: true,
  template: `
    <h2>Todos</h2>
    <input #text />
    <button (click)="add(text.value)">Add</button>

    @for (todo of todos; track $index) {
    <p>
      <input type="checkbox" (change)="toggle($index)" />
      @if (todo.done) {
      <s>{{ todo.text }}</s>
      } @else {
      <span>{{ todo.text }}</span>
      }
    </p>
    } @empty {
    <p>No todos</p>
    }
  `,
})
export class TodosComponent {
  todos: Array<{done: boolean; text: string}> = [];

  add(text: string) {
    this.todos.push({text, done: false});
  }

  toggle(index: number) {
    this.todos[index].done = !this.todos[index].done;
  }
}

Common Module

				
					@Component({
  selector: 'app-root',
  standalone: true,
  imports: [CommonModule],
  template: `
    <h2>Todos</h2>
    <input #text />
    <button (click)="add(text.value)">Add</button>
    <div *ngIf="todos.length; else empty"></div>
    <p *ngFor="let todo of todos; let index = index">
      <input type="checkbox" (change)="toggle(index)" />
      <s *ngIf="todo.done; else pending">{{ todo.text }}</s>
      <ng-template #pending>
        <span>{{ todo.text }}</span>
      </ng-template>
    </p>
    <ng-template #empty>
      <p>No todos</p>
    </ng-template>
  `,
})
export class TodosComponent {
  todos: Array<{ done: boolean; text: string }> = [];

  add(text: string) {
    this.todos.push({ text, done: false });
  }

  toggle(index: number) {
    this.todos[index].done = !this.todos[index].done;
  }
}

Hydration SSR

Angular è cambiato anche nella gestione dello stato in Server Side Rendering: dopo che il client riceve l’FCP e il bundle js, non viene renderizzata nuovamente l’intera pagina ma soltanto alcuni nodi specifici. Questo permette di:

Non avere artefatti visivi dopo il first contentful paint.
Ottenere migliori prestazioni Web Core Vitals
User Experience più fluida

In aggiunta a tutti i benefici che il Server Side Rendering offre già.

Deferrable views

Analizziamo il caso in cui si utilizza Angular in Server Side Rendering: bisogna essere consapevoli di cosa si renderizza lato server, e cosa si renderizza lato client.

Questo comportamento si può gestire in diversi modi, ad esempio dichiarando una variabile di stato booleana inizializzata a false che diventa true dopo il ciclo di vita di mount (gestito quindi lato client). Questo stato usato come binding in un ngIf vincola una porzione di template ad essere gestita solo dal client e non dal server.

In Angular 17 nulla di ciò è più necessario. E’ sufficiente usare il blocco @defer direttamente sul template e un attributo di utilità isBrowser nel Component. Angular gestirà il flusso di stato

				
					@Component(
    selector: "my-app",
    template: `
    @defer(when isBrowser) {
        <p>Hi, I am the client.</p>
    }
    <p>Hi, I am the server.</p>
    `
)
export class AppComponent {
  isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
}

Un altro caso d’uso importante è quello in cui il browser deve renderizzare un componente che per qualche motivo impiega molto a comparire sulla pagina.

Una buona User Experience si basa anche su quanto velocemente una pagina risponde ad un input utente. Un caso standard di “loading spinner” si potrebbe descrivere in questo modo:

				
					@defer {
  <large-component />
} @loading (after 100ms; minimum 1s) {
  
}

Migrazioni per la standalone API

Per supportare gli sviluppatori nella migrazione da NgModules a standalone api, il team di Angular ha creato un tool che permette di automatizzare il processo. Il requisito è di avere installato almeno la versione 15.2.0, la build deve essere pulita senza errori di compilazione ed il branch sul tuo vcs deve essere pulito.

Per lanciare l’automatismo basta scrivere questo comando su terminale dalla root del progetto:

				
					ng generate @angular/core:standalone

Per i nuovi progetti basta usare il flag --standalone dopo ng new,

Esbuild e Vite (Developer Preview)

ng serve ora supportaesbuild per generare le build di produzione e di sviluppo e di produzione, e vite per il server di sviluppo. Questo significa che le performances di build in fase di sviluppo saranno sensibilmente più veloci. E’ una funzionalità opt-in essendo ancora in “developer preview”, per attivarla bisogna modificare angular.json come segue:

				
					...
"architect": {
  "build": {                     /* Add the esbuild suffix  */
    "builder": "@angular-devkit/build-angular:browser-esbuild",
...

Jest come test runner (Developer Preview)

Jest è uno dei framework di testing più diffusi e amati nell’ecosistema JavaScript. Da questa versione di angular in poi è possibile usarlo:

npm install --save-dev jest

				
					{
  "projects": {
    "my-app": {
      "architect": {
        "test": {
          "builder": "@angular-devkit/build-angular:jest",
          "options": {
            "tsConfig": "tsconfig.spec.json",
            "polyfills": ["zone.js", "zone.js/testing"]
          }
        }
      }
    }
  }
}

Conclusioni

Con queste novità il team di Google dimostra non solo di ascoltare le richieste degli sviluppatori (vedi Jest, Esbuild + Vite) e un’attenzione particolare alla Developer Experience (vedi Control Flow, @defer), ma dimostra soprattutto che Angular è un Framework che tiene stretto il proprio posto nel mercato dell’industria Web e lo terrà ancora per lungo tempo.

Personalmente ho molto apprezzato l’introduzione dei Signal ed il lavoro fatto per semplificare e migliorare il Server Side Rendering.

Il nuovo sito di Angular sarà completamente open-source e disponibile su GitHub, non vediamo l’ora di poterlo studiare e condividere le nostre scoperte con voi.

Vuoi approfondire uno di questi argomenti?

Contattaci tramite il form su questo sito web o tramite i nostri canali social!

L'articolo Le novità di Angular 17 proviene da RD Tech.

Alla scoperta di Bun: l’ecosistema JavaScript veloce, moderno e innovativo

Matteo Veraldi — Wed, 20 Sep 2023 13:29:53 +0000

Introduzione

In questi ultimi 14 anni, gli strumenti richiesti per sviluppare in NodeJS sono diventati sempre più lenti e complessi (vedi: webpack, babel, lerna, ecc…).

Bun è un toolkit all-in-one gratuito e open source che mira a risolvere questo problema: permette di gestire, eseguire, costruire, testare e debuggare singoli file o complesse applicazioni full-stack scritte in JavaScript e TypeScript in maniera semplice.

E’ stato sviluppato da “Oven”, un’azienda di sviluppo software con sede a San Francisco fondata con l’unico obiettivo di trasformare lo sviluppo in JavaScript rendendolo veloce e performante.

Dalla versione 1.0 diventa ufficialmente adatto ad essere utilizzato in produzione.

Ne avevamo davvero bisogno?

Dalla prima versione di Node JS, diversi strumenti sono stati sviluppati ed interconnessi tra loro per dare luce ai frameworks e alle librerie popolari che utilizziamo ogni giorno.

Ogni strumento aggiunto porta con sé un contributo di complessità in termini di configurazioni e performances, e viene accumulato con tutti gli altri strumenti già presenti e configurati all’interno del progetto.

Ad esempio, per sviluppare una “semplice” libreria di componenti React in TypeScript con NodeJS devi ALMENO introdurre e configurare:

Il package.json
Un gestore di pacchetti
Una runtime JavaScript
Un traspilatore per convertire TypeScript a JavaScript moderno
Un traspilatore per convertire JavaScript Moderno a CommonJS
Un test runner e una libreria per far girare i test automatici
Un bundler per creare l’entry point delle applicazioni di esempio

Per sviluppare una semplice libreria di componenti React in TypeScript con Bun devi solo configurare il package.json.

Non potrebbe essere più semplice di così!

Maggiore è la complessità della libreria o dell’applicazione, maggiore è la probabilità che verranno utilizzati strumenti aggiuntivi o che ci sia la necessità di ritoccare quelli già presenti.

L’obiettivo di Bun in questi termini è semplice: ridurre al minimo la complessità e massimizzare la performances dei progetti JavaScript moderni. Le librerie e i frameworks che funzionano con Node JS dovrebbero continuare a funzionare con Bun come al solito, senza che lo sviluppatore debba imparare o configurare nulla di nuovo.

Nonostante non servano tutti gli strumenti esterni utilizzati nei progetti NodeJS, Bun non è un collo di bottiglia per lo sviluppo! è stato sviluppato in maniera da essere altamente personalizzabile per soddisfare la maggior parte dei requisiti progettuali.

Velocità – Bun vs NodeJS

Ecco qualche dato di comparazione tra Bun e NodeJS:

Come package manager

usare “bun” al posto di “npm” per l’installazione dei pacchetti aumenta le performances di 29 volte.

Come bundler

usare “bun” al posto di webpack per il bundling del codice aumenta la velocità di costruzione degli artefatti di 224 volte.

Come transpiler

La conversione di TypeScript in JavaScript con bun al posto di tsc aumenta la velocità di di 44 volte:

Come runtime

Un WebSocket in Bun è più veloce rispetto ad un Web Socket in Node JS di 6 volte:

Conclusioni

Al momento della scrittura di questo articolo Bun è stato dichiarato stabile e production-ready da pochi giorni; La community è molto attiva e non ci sono progetti molto grossi che lo utilizzano.

E’ una novità imperdibile per tutti gli sviluppatori Backend o Frontend che usano Node JS, e vale la pena attendere ancora un po di tempo prima di cominciare a introdurlo nei prossimi progetti di ricerca e sviluppo.

Se vuoi saperne di più, consulta il sito ufficiale di Bun o contattaci tramite il form!

L'articolo Alla scoperta di Bun: l’ecosistema JavaScript veloce, moderno e innovativo proviene da RD Tech.

Test Driven Development (TDD): Vantaggi ed esempi pratici

Matteo Veraldi — Tue, 08 Aug 2023 15:53:04 +0000

Introduzione

Nell’ambito dello sviluppo software, il Test Driven Development (TDD) sta emergendo come un fondamentale approccio per creare applicazioni solide e affidabili.
Attraverso la scrittura anticipata dei test, il TDD offre benefici significativi che influenzano la qualità e l’efficienza dello sviluppo.
In questo articolo, esploreremo i vantaggi del Test Driven Development, con esempi concreti in JavaScript, evidenziando come questa metodologia possa notevolmente migliorare il processo di sviluppo.

TDD e ottimizzazione del codice

Consideriamo l’esempio di una classe JavaScript per una calcolatrice.
Cominciamo scrivendo un test che delinea il comportamento atteso:

				
					describe("Calculator class", () => {
    test('it should add two numbers', () => {
        const calc = new Calculator();
        expect(calc.add(2, 3)).toBe(5);
    });
})

Il TDD ci impone di ponderare la progettazione del codice prima ancora di iniziare a programmare, risultando in una base solida per lo sviluppo.
Per creare la funzionalità richiesta basta scrivere “il codice necessario per far passare il test”.

				
					export class Calculator {
    add(numberA, numberB) {
        return numberA + numberB;
    }
}

L’eccessiva semplificazione dell’esempio non lo fa apprezzare, ma scrivere prima il test e poi il codice, specialmente in software reali, è una pratica che nella maggior parte dei casi permette di ridurre notevolmente la mole di linee di codice prodotte, perché lo sviluppatore tende ad avere molto più chiaro il requisito da soddisfare.

Estenzione delle funzionalità in TDD

Supponiamo di dover estendere la funzione add in modo da accettare un numero indefinito di argomenti da sommare.

Modifichiamo il codice del test

				
					describe("Calculator class", () => {
    // Aggiorniamo la descrizione del test
    test('it should add multiple numbers', () => {
        const calc = new Calculator();
        expect(calc.add(2, 3)).toBe(5);
        // aggiungiamo i casi da supportare
        expect(calc.add(1,2,3,4)).toBe(10);
    });
})

Modifichiamo il codice nella maniera più semplice per far passare il test

				
					export class Calculator {
    add(...numbers) {
        let result = 0;
        for(let number of numbers) {
            result += number;
        }
        return result;
    }
}

Attraverso i test, otteniamo un metodo efficace per estendere una funzionalità senza creare regressioni sul funzionamento precedente.

La considerazione è sempre la stessa, è già visibile anche in questo esempio, ma è molto più apprezzabile su codice più complesso.

Refactoring con il TDD

Consideriamo di dover rifattorizzare il codice della funzione add per ottimizzarla.
In questo caso non abbiamo bisogno di scrivere un altro test.
Per rifattorizzare una funzione in TDD è sufficiente modificare la funzione stessa assicurandosi che i test continuino a passare.

				
					export class Calculator {
    add(...numbers) {
        return Math.sum(...numbers);
    }
}

Rilevamento più preciso di Bug ed Errori

Programmare implementando il Test Driven Development produce fin da subito una copertura dei test piuttosto alta, specialmente se in CI/CD sono state implementate regole di soglia che impediscono la pubblicazione di codice non testato o che presenta errori in fase di test.

Questo significa che una buona fetta di bug, specificamente i bug dovuti a regressioni nel codice, vengono prevenuti.
Gli altri però, durante lo sviluppo, devono essere risolti come al solito.

Consideriamo il caso in cui il client chiami la funzione add inserendo valori non numerici. In produzione avremo un comportamento inaspettato nonostante i test continuino a passare.

Ecco come risolvere un bug implementando il TDD:

Scriviamo il codice che descrive il bug:

				
					describe("Calculator class", () => {
    // ...
    test('it should throw if at least one argument is not a number', () => {
        const calc = new Calculator();
        expect(calc.add("hello", 3)).toThrow("All arguments must be of type numeric.");
    });
})

Come fatto fin’ora, scriviamo il codice minimo per soddisfare il requisito:

				
					export class Calculator {
    add(...numbers) {
        if(numbers.some(n => typeof n !== number)) {
            throw new Error("All arguments must be of type numeric.");
        }
        return Math.sum(...numbers);
    }
}

Incremento della Fiducia e Velocità nello Sviluppo

Attraverso l’approccio TDD, sviluppiamo fiducia nella stabilità del codice. I test costanti assicurano che le modifiche non causino regressioni, permettendoci di sviluppare nuove funzionalità con rapidità.

Conclusione

Il Test Driven Development (TDD) rappresenta un metodo potente per lo sviluppo, offrendo una serie di vantaggi tangibili.

Con esempi pratici in JavaScript, abbiamo illustrato come il TDD potenzia la progettazione, riduce gli errori, agevola il refactoring e incrementa la fiducia nello sviluppo.

Integrando il TDD nella propria pratica di sviluppo, è possibile garantire applicazioni di alta qualità e affidabilità.

Hai domande o vuoi approfondimenti su questo argomento? Contattaci.

L'articolo Test Driven Development (TDD): Vantaggi ed esempi pratici proviene da RD Tech.

Come cambiare versione di NodeJS con un solo comando!

Matteo Veraldi — Mon, 31 Jul 2023 10:35:55 +0000

TLDR;

Utilizzando il CLI NVM (Node Version Manager), puoi installare nuove versioni di NodeJS con questo comando:

				
					nvm install v18.12.0 # versione opzionale se c'è un file .nvmrc

Per attivare una delle versioni di NodeJS che hai installato:

				
					nvm use v18.12.0 # versione opzionale se c'è un file .nvmrc

Per impostare una versione di default:

				
					nvm alias default v18.12.0

Introduzione

Cambiare versione di NodeJS è una pratica molto comune nello sviluppo di applicazioni front-end e/o back-end.

I motivi di solito sono questi tre:

Hai bisogno di aggiornare il progetto a cui stai lavorando;
Stai per lavorare su un altro progetto che usa una versione di NodeJS diversa da quella installata;
Lavori in più progetti NodeJS, alcuni dei quali funzionano solo usando versioni specifiche.

Per non impazzire con le cartelle e le variabili d’ambiente, è quindi necessario avere un sistema per aggiornare e cambiare versione di NodeJS il più velocemente possibile. Questo sistema è un tool CLI (Command Line Interface) chiamato Node Version Manager (N.V.M., tr. Gestore di versioni Node).

Installazione

Per cambiare versione di NodeJS bisogna per prima cosa assicurarsi di avere NVM installato nel sistema. Puoi farlo digitando questo comando dal Terminale (o dalla PowerShell per Windows):

				
					nvm --version

Se il comando ritorna un errore, NVM non è installato, altrimenti puoi passare direttamente a SEZIONE_A_CUI_PASSARE

Mac OS o Linux

Apri un Terminale e digita questo comando:

				
					curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/[versione]/install.sh | bash

O se usi wget

				
					wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/[versione]/install.sh | bash

La versione da inserire al posto della scritta [versione] idealmente è la prima che trovi visitando la pagina dei rilasci.
Nel mio caso è v0.39.3 .

Windows

Il metodo ufficiale e raccomandato per installare NVM e usarlo su Windows è tramite uno di questi tools: WSL, GitBash, MSYS o Cygwin.
Sono tutti strumenti basati su una virtualizzazione di Linux, quindi per installare NVM mediante questi tools basta seguire la sezione MacOS e Linux.

Se vuoi usare la PowerShell del sistema Windows nativo (caldamente sconsigliato), tra le opzioni disponibili c’è nvm-windows.

Visita la pagina dei rilasci sul repository ufficiale del CLI.
Nel riquadro della prima versione che ti appare una volta dentro, dovresti trovare una sezione molto simile a questa
Scarica ed esegui l’installer (l’unico file che finisce per .exe)

Verifica l’installazione aprendo una PowerShell e digitando il comando:

nvm

Conclusioni

Hai correttamente installato un Gestore di Versioni NPM sul tuo PC, non ti resta che usare i comandi elencati in TLDR; per gestire le versioni di Node.

Bada bene che il cambio di NPM funziona per “sessione aperta”. Di base è attiva la versione definita come default.

L’installazione di NVM è personalizzabile tramite le variabili d’ambiente che vengono esposte (vedi la documentazione).
Se hai dubbi o hai bisogno di una consulenza, contattaci!

L'articolo Come cambiare versione di NodeJS con un solo comando! proviene da RD Tech.

Come installare Java per la programmazione

Matteo Veraldi — Tue, 18 Jul 2023 09:01:02 +0000

Installare Java può non essere facile per chi è alle prime armi.
In questo articolo verrà spiegato passo passo come fare, proponendo due metodi diversi.

Che cos'è Java?

Java è un linguaggio di programmazione ad alto livello, fortemente tipizzato, multi-paradigma e indipendente dalla piattaforma di esecuzione, ideato da James Gosling nei primi anni ’90.

Si usa per programmare una vasta gamma di applicazioni tra cui:

– lo sviluppo web

– le analisi dei big data

– lo sviluppo di applicazioni mobile.

In RD Tech lo usiamo principalmente per lo sviluppo back-end di applicazioni web di tipo enterprise.

Come si installa Java?

Per programmare in Java, è necessario installare alcuni software sul computer.

I due metodi di installazione proposti sono Eclipse e Visual Studio Code.

I programmi come Eclipse sono inclusi nella categoria di IDE (Integrated Development Environment), significa Ambiente di Sviluppo Integrato perché ha tutto ciò che serve per installare, gestire, scrivere, eseguire ed analizzare il codice Java.

Dei due metodi proposti, questo è il più semplice e veloce.

I programmi come Visual Studio Code sono inclusi nella categoria di editor di testo avanzati.
Visual Studio Code è open source, estensibile e ottimizzato per le operazioni comuni di sviluppo software.
Per usarlo con Java è necessario installare manualmente il “Java Development Kit” sul proprio computer, e sull’editor di testo bisogna aggiungere alcune estensioni per rendere più agevole l’esperienza di sviluppo.

Installazione di Eclipse

In questo sito web bisogna premere sul pulsante Download in basso a sinistra, verrà scaricato un file eseguibile che contiene il Wizard “eclipseinstaller”.

Per Java è sufficiente scegliere la versione “Eclipse IDE for Java Developers”.

Se il kit di sviluppo Java non è presente nel sistema, si potrà scegliere di delegare l’installazione ad Eclipse selezionando una versione di Java VM dal menù a tendina.

Se invece è presente, basta specificare il percorso di installazione

Tip: se Java è già presente nel sistema e si vuole usare quella versione invece che delegare ad Eclipse, si possono eseguire questi comandi per ottenerne il percorso:
Windows: Apri la PowerShell -> Digita `$Env:JAVA_HOME`
MacOS e Linux: Apri il terminale -> Digita `echo $JAVA_HOME`
Il percorso restituito dal terminale sarà quello da specificare in fase di installazione.

Una volta terminata l’installazione, Eclipse sarà già utilizzabile per lo sviluppo.

Adesso puoi andare al paragrafo Hello World!

Installazione di Visual Studio Code

In questo sito web bisogna premere sul pulsante Scarica, verrà scaricato un file eseguibile che si dovrà aprire al termine. I passaggi di installazione sono guidati.

Una volta eseguito Visual Studio Code, bisogna aprire il pannello “Estensioni” cliccando sul bottone rappresentato nell’immagine qui sotto:

Scrivendo “vscjava.vscode-java-pack” nella barra di ricerca del pannello, apparirà un “Extension Pack”, contiene tutte le estensioni necessarie per sviluppare in Java, può essere installato premendo su “Install”.

Installa Java SDK

A differenza di Eclipse, Visual Studio Code non gestisce le installazioni Java. Bisogna farlo manualmente.

Windows

Il metodo proposto usa Scoop come gestore di pacchetti per Windows.
Si installa da questo sito seguendo i passi descritti in “Quickstart”.

1. Tramite PowerShell, bisogna installare il “bucket” di Java per Scoop:
scoop bucket add java

2. In seguito, si può installare la versione più recente di Java (OpenSDK).
scoop install java/openjdk

3. I comandi seguenti servono per inserire il percorso di Java tra le variabili d’ambiente:

[System.Environment]::SetEnvironmentVariable("JAVA_HOME", "Incolla qui il percorso di installazione di Java JDK")
[System.Environment]::SetEnvironmentVariable("Path", [System.Environment]::GetEnvironmentVariable('Path', [System.EnvironmentVariableTarget]::Machine) + ";$($env:JAVA_HOME)\bin")

Una volta aperta una nuova PowerShell e digitato:
java –version
apparirà l’output della Java Virtual Machine. L’installazione sarà completa.

Mac OSX

Installando Homebrew seguendo le istruzioni su questo sito, è sufficiente digitare questo comando e aspettare che l’operazione sia completata:

brew install openjdk

Hello World!

Per capire se la configurazione dell’ambiente di sviluppo è andato a buon fine, è utile scrivere un programma Hello World!.

Crea una cartella sul tuo computer, e all’interno scrivi un file HelloWorld.java, incollando questo codice:

				
					class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello World!");
    }
}

Eclipse

Una volta salvato il file, clicca sul pulsante verde a forma di “play” subito sotto la scritta “Refactor” sulla barra in alto.

La console dovrebbe restituire la scritta “Hello World”.

Visual Studio Code

Una volta salvato il file, clicca sul pulsante a forma di “play” in alto a destra.

Conclusioni

Se hai seguito tutti i passi correttamente sei pronto a sviluppare in Java. Se hai riscontrato problemi o hai ulteriori domande, contattaci!

L'articolo Come installare Java per la programmazione proviene da RD Tech.

Che cos’è un Web Developer?

Matteo Veraldi — Mon, 06 Feb 2023 15:23:57 +0000

Definire che cos’è un Web Developer oggi non è semplice. Con l’avanzamento delle tecnologie web le competenze richieste per lo sviluppo e la manutenzione di un’applicazione sono aumentate.

“Sono un Web Developer” inquadra il tuo settore, ma non le tue competenze specifiche.

Il motivo è che su applicazioni di medie o grandi dimensioni lavorano vari gruppi di sviluppo, ognuno dei quali è composto da più di uno sviluppatore web con specializzazione diversa a seconda del loro ruolo nel progetto.

Ad esempio:
Può esserci un team dedicato ad uno specifico servizio Back-end e le sue API: Web Developers specializzati in tecnologie Back-end o Back-end Developers;
Un altro team può dedicarsi allo sviluppo delle interfacce utente: Web Developers specializzati in tecnologie Front-end o Front-end Developers;
Un terzo team può essere specializzato nella distribuzione delle varie componenti online tramite sistemi automatizzati (CI/CD deployments): Web Developers specializzati in DevOps o DevOps Developers;
La lista è incredibilmente lunga.

Ogni ruolo è fondamentale per la creazione di un’applicazione di successo per garantire che il sistema sia funzionale, sicuro e performante.

In RDTech, ci occupiamo dello sviluppo Back-End tramite Spring Boot (Java Framework) o .NET (C# Framework), produciamo REST API e le documentiamo tramite lo standard OpenAPI (Swagger);
Sviluppiamo interfacce utente tramite Angular (TypeScript Framework), React (libreria JavaScript) o Thymeleaf (Template engine) e distribuiamo le applicazioni tramite Apache Web Server, Tomcat, NGINX, JBoss EAP.

Queste sono le tecnologie principali che abbiamo riscontrato essere al momento più adatte per i progetti che gestiamo, ma non siamo chiusi su di esse. Siamo un team dinamico e come tale valutiamo la tecnologia più adatta a seconda delle necessità progettuali.

Ti piacerebbe lavorare nell’ambito dello sviluppo di applicazioni web? potresti essere la persona giusta per noi! Clicca qui per candidarti.

L'articolo Che cos’è un Web Developer? proviene da RD Tech.

Cos’è un Frontend Developer?

Matteo Veraldi — Mon, 06 Feb 2023 14:39:36 +0000

Un Frontend Developer è un professionista che si occupa di sviluppare una interfaccia utente.

In condizioni di lavoro ideali, un Frontend Developer lavora a stretto contatto con uno UI/UX Designer e un Backend Developer:

Lo UI/UX Designer fornisce tutti gli strumenti necessari per riprodurre lo stile grafico dell’interfaccia, e una documentazione esaustiva su tutti i flussi operativi per utilizzarla.
Il backend developer fornisce la documentazione necessaria per usare le API (Application Programming Interface): che ha sviluppato per un determinato servizio: sono un’interfaccia software che permette la comunicazione tra due applicativi al fine di creare, leggere, modificare e eliminare i dati secondo la logica di business del sistema

Lo sviluppatore front-end dovrà conoscere le principali tecnologie del suo campo così da scegliere quella migliore: ovvero quella che permette il raggiungimento di tutti i requisiti progettuali.

Il suo ruolo è fondamentale per la creazione di un’applicazione di successo e la sua esperienza e competenza sono cruciali per garantire che l’applicazione sia funzionale, sicura e performante.

In RDTech, i nostri frontend developer utilizzano tecnologie all’avanguardia come Angular e React per le interfacce utente renderizzate lato client, e template engine moderne come Thymeleaf per le interfacce utente renderizzate lato server.

Se hai studiato JavaScript e ti piacerebbe lavorare nell’ambito dello sviluppo di applicazioni web come frontend developer, potresti essere la persona giusta per noi! Clicca qui per candidarti.

L'articolo Cos’è un Frontend Developer? proviene da RD Tech.

Cos’è un Backend Developer?

Matteo Veraldi — Mon, 06 Feb 2023 14:21:06 +0000

Un Backend developer è un professionista che si occupa di:

Gestione e manutenzione di un database: Il database deve essere progettato e mantenuto al fine di rispecchiare le caratteristiche del sistema modellato; Conosce come usare e interfacciarsi ai principali tipi di Database e conosce le tecniche di ottimizzazione delle performances.
Costruzione di un’API (Application Programming Interface): Di fatto è un intermediario con cui due applicativi possono comunicare tra loro per le operazioni di Creazione, Lettura, Aggiornamento e Rimozione dei dati. Il backend, tramite un set di regole (business rules) e logiche (business logic) stabilisce se una determinata azione richiesta può essere eseguita.
Sicurezza: La sicurezza è un aspetto fondamentale delle applicazioni web e mobile. Uno sviluppatore Backend è responsabile — nel suo dominio applicativo — di garantire che i dati dell’utente siano protetti e che l’applicazione sia sicura da eventuali minacce.

Il suo ruolo è fondamentale per la creazione di un’applicazione di successo e la sua esperienza e competenza sono cruciali per garantire che l’applicazione sia funzionale, sicura e performante.

In RDTech, un backend developer si interfaccia con diverse tecnologie:
Database relazionali come MySQL, MariaDB, PostgreSQL. Spring Boot o .NET (C#) per le API, usando lo standard OpenAPI (Swagger) per la documentazione ed i test funzionali. Userai Docker per la virtualizzazione degli ambienti, principalmente per la gestione delle istanze dei Database, e vari tools CLI o GUI per operazioni di diagnostica.

Se hai studiato Java e ti piacerebbe lavorare nell’ambito dello sviluppo di applicazioni web come backend developer, potresti essere la persona giusta per noi! Clicca qui per candidarti.

L'articolo Cos’è un Backend Developer? proviene da RD Tech.

RD Tech

Come cambiare versione di Python con un solo comando!

Entra in scena pyenv: il tuo gestore di versioni Python

Cos’è pyenv?

Come installare pyenv su Windows, Linux o macOS

💻 Su macOS

🐧 Su Linux

🪟 Su Windows

Come installare e cambiare versione di Python con pyenv

Installa una nuova versione

Cambia la versione di Python predefinita

Cambia versione solo per una cartella/progetto

Tieni pyenv aggiornato!

Su macOS:

Su Linux:

Su Windows:

Conclusione: un comando, infinite possibilità

🧠 TL;DR

Nuovo Percorso Formativo avviato tra RD Tech e Istituto di Istruzione Superiore “Carlo Rambaldi” di Lamezia Terme

Le novità di Angular 17

Angular Signals

Control flow (Developer Preview)

Control flow

Common Module

Hydration SSR

Deferrable views

Migrazioni per la standalone API

Esbuild e Vite (Developer Preview)

Jest come test runner (Developer Preview)

Conclusioni

Vuoi approfondire uno di questi argomenti?

Alla scoperta di Bun: l’ecosistema JavaScript veloce, moderno e innovativo

Introduzione

Ne avevamo davvero bisogno?

Velocità – Bun vs NodeJS

Come package manager

Come bundler

Come transpiler

Come runtime

Conclusioni

Test Driven Development (TDD): Vantaggi ed esempi pratici

Introduzione

TDD e ottimizzazione del codice

Estenzione delle funzionalità in TDD

Refactoring con il TDD

Rilevamento più preciso di Bug ed Errori

Incremento della Fiducia e Velocità nello Sviluppo

Conclusione

Come cambiare versione di NodeJS con un solo comando!

TLDR;

Introduzione

Installazione

Mac OS o Linux

Windows

Conclusioni

Come installare Java per la programmazione

Che cos'è Java?

Come si installa Java?

Installazione di Eclipse

Installazione di Visual Studio Code

Installa Java SDK

Windows

Mac OSX

Hello World!

Eclipse

Visual Studio Code

Conclusioni

Che cos’è un Web Developer?

Cos’è un Frontend Developer?

Cos’è un Backend Developer?

Entra in scena `pyenv`: il tuo gestore di versioni Python