Guide e articoli di approfondimento dedicati allo sviluppo di applicazioni web.
La Continuous Integration (CI) è una pratica fondamentale nello sviluppo software moderno.
Vuoi scoprire come automatizzare i controlli sul tuo codice per fare in modo che, ogni volta che uno sviluppatore apre una Pull Request, vengano eseguiti automaticamente gli unit test e la build?
Se utilizzi Git per il controllo di versione dei tuoi progetti, c’è un file di cui non puoi assolutamente fare a meno: il .gitignore. Che tu stia lavorando su un’applicazione Node.js, un progetto Python o Java, capire come configurare correttamente questo file è il primo passo per mantenere il codice pulito, efficiente e, soprattutto, sicuro.
Nel mondo dello sviluppo moderno, scrivere codice che funzioni non è più sufficiente: dobbiamo essere certi che continui a funzionare anche dopo mesi di modifiche. È qui che entrano in gioco gli Unit Test, e oggi lo strumento di riferimento per chi usa JavaScript e TypeScript è senza dubbio Vitest.
Nel panorama dello sviluppo web moderno, la velocità è tutto.
Se sei stanco di aspettare interminabili secondi (o minuti) per il caricamento del server di sviluppo ogni volta che modifichi una riga di codice, allora Vite è la soluzione che stavi cercando.
Se lavori con Git, probabilmente hai familiarità con comandi come git merge e git rebase.
Questi sono strumenti potenti per combinare le modifiche tra i rami.
Tuttavia, ci sono situazioni in cui potresti aver bisogno di una maggiore granularità, selezionando solo specifiche modifiche da un ramo e applicandole a un altro.
Nel mondo dello sviluppo software, uno degli strumenti più importanti — e spesso indispensabili — è Git, un sistema di controllo di versione distribuito.
Ma cos’è Git? E perché è così utilizzato da sviluppatori, team e aziende in tutto il mondo?
In questo articolo scoprirai come scoprire chi ha effettuato la chiamata AJAX.
Nel moderno sviluppo web, le chiamate AJAX (Asynchronous JavaScript and XML) sono essenziali per creare esperienze utente dinamiche, consentendo al browser di scambiare dati con un server in background senza ricaricare l’intera pagina.
Vuoi stupire chi accede al tuo server SSH con una schermata di benvenuto unica e personalizzata?
In questa guida ti mostro come farlo passo dopo passo, utilizzando Docker e Debian, proprio come spiegato nel nostro video dedicato.
Nel mondo della sicurezza informatica, le SQL Injection rappresentano una delle minacce più comuni e pericolose per i siti web.
In questo video ti porto dietro le quinte di un attacco SQL, mostrandoti dal vivo come una vulnerabilità può essere sfruttata per accedere a dati sensibili su un sito WordPress non protetto.
Il formato XML (eXtensible Markup Language) è uno standard aperto sviluppato dal W3C, progettato per strutturare e trasportare dati in modo leggibile sia da esseri umani che da macchine.
A differenza dell’HTML, che è orientato alla presentazione dei contenuti, XML si concentra sulla descrizione del contenuto.
Quando si parla di sicurezza web, anche i dettagli apparentemente più piccoli possono fare una grande differenza.
Uno di questi dettagli è il flag HttpOnly, un’impostazione semplice ma potente che può aiutare a proteggere i tuoi cookie dagli attacchi informatici, in particolare dal furto tramite JavaScript malevolo.
Quando navighi su un sito web e ti colpisce un font elegante o originale, potresti chiederti: “Qual è il Font family usato qui?”
La buona notizia è che puoi scoprirlo facilmente usando Google Chrome, senza bisogno di strumenti esterni.
Nel mondo dello sviluppo software e della gestione dei dati, il concetto di transazioni database è centrale per garantire affidabilità, coerenza e sicurezza delle informazioni.
In questo articolo esploreremo cosa sono le transazioni in un database, come funzionano e perché sono così importanti nei sistemi informativi moderni.
La sicurezza delle applicazioni web è diventata un tema cruciale con l’espansione dei servizi online.
Una delle vulnerabilità più comuni e pericolose è il Cross Site Scripting, spesso abbreviato in XSS.
Un ORM, acronimo per Object Relational Mapping, consente di interagire con un database relazionale senza dover scrivere delle queries SQL.
In altre parole, costituisce un layer di astrazione che consente di ottenere sicurezza e portabilità.
sendBeacon è un metodo disponibile in JavaScript che consente di inviare dati in modo asincrono e non bloccante al server.
È particolarmente utile per tracciare eventi, inviare analitiche o salvare dati quando una pagina sta per chiudersi, evitando che la richiesta venga interrotta dal browser.
L’integrità referenziale è uno dei principi cardine dei database relazionali. Questo tipo di database è quello più diffuso per la persistenza dei dati nelle applicazioni web.
I database relazionali più diffusi sono MySQL, MariaDB, PostgreSQL, Oracle DB, DB2, SQL Server.
Gli indici nel database: cosa sono? A cosa servono?
In questo articolo approfondiremo cosa siano ed a cosa servano gli indici nei database relazionali.
Troverai anche un video dove spiego la funzione degli indici del database con un esempio pratico.
I cookies sono un meccanismo di propagazione e conservazione di informazione nelle applicazioni web.
Sono utilizzati principalmente per l’implementazione di task tecnici (ad esempio, autenticazione) e per l’implementazione di funzionalità relative al marketing (ad esempio, tracciamento).
Gli sviluppatori web spesso hanno bisogno di emulare risoluzione display con Chrome, il browser più utilizzato al mondo.
In questo articolo vedrai come emulare la risoluzione del display di smartphone, tablet e qualunque schermo di PC.
In questo articolo vedrai come bloccare le richieste rete con Google Chrome.
Infatti, grazie a Chrome DevTools avrai facoltà di bloccare le richieste di rete secondo le tue necessità.
Come vedrai l’operazione può essere fatta utilizzando vari criteri.
In questo articolo vedremo come implementare degli input in un componente costruito con Angular.
Gli input permettono di passare dati da un componente padre ad un componente figlio.
Nel seguito dell’articolo vedremo come si specifica che un componente accetta uno o più input.
TypeScript è un linguaggio di programmazione che aggiunge la tipizzazione statica a JavaScript.
È un linguaggio sviluppato da Microsoft, progettato per essere utilizzato nello sviluppo di applicazioni di grande dimensione.
In questo articolo vedrai come scoprire quale versione di Angular sta utilizzando la tua applicazione.
Ti mostrerò due metodi: il primo è utilizzabile per qualunque applicazione costruita Angular, il secondo è utilizzabile solo se hai accesso al file descritto delle dipendenze del progetto.
Lo strumento network conditions Chrome è molto utile nel contesto del web development.
In questo articolo vedrai cosa sia questo strumento e come utilizzarlo durante la tua quotidianità.
La proprietà CSS transform consente di ruotare, ridimensionare, inclinare o traslare un elemento.
Questo tipo di trasformazioni possono operare in uno spazio bidimensionale o tridimensionale.
Per fornirti un esempio della potenzialità di questo strumento, ho deciso di sviluppare una piccola dimostrazione che utilizza esclusivamente HTML + CSS, senza far uso di JavaScript.
Il localStorage è un oggetto che, utilizzando JavaScript, consente di leggere e scrivere informazioni nel browser dell’utente.
Le informazioni conservate nel localStorage vengono mantenute anche quando il browser viene chiuso.
In questo articolo tratterò l’argomento WordPress php version.
Vedrai come scoprire la versione di PHP installata sul server che ospita il tuo sito costruito con WordPress.
In questo articolo vedrai cosa si intenda per window load in JavaScript.
Avrai modo di capire cosa sia questo evento, quando viene creato e come utilizzarlo.
In alcuni contesti risulta essere fondamentale rimanere in ascolto di questo evento per rendere il codice JavaScript della nostra applicazione meno prono ad errori.
In questo articolo vedremo come utilizzare l’operatore fromEvent di RxJS.
Dopo aver visto l’interfaccia dell’operatore, vedremo come utilizzarlo con un esempio pratico.
Prima di concludere, avremo la possibilità di vedere l’applicazione di fromEvent per più eventi.
In questo articolo vedremo come creare un nuovo branch utilizzando git.
Si assumerà che il lettore conosca lo scopo ed il funzionamento di base di git, il software di versionamento del codice più utilizzato nell’ambito dello sviluppo software ed hardware.
In questo articolo vedremo come clonare un oggetto in JavaScript.
Per prima cosa, vedremo quali i tipi di copia esistenti in JavaScript (spoiler: non è solo uno).
Quindi, proseguiremo illustrando le opzioni disponibili per effettuare la duplicazione di oggetti utilizzando JavaScript.
In questo articolo vedrai come inserire delle icone nel codice HTML che costituisce la tua pagina web.
Gli utenti infatti hanno molta familiarità con la rappresentazione di concetti ed aree dell’applicazione tramite icone.
In questo articolo vedrai come installare NPM, acronimo di Node Package Manager.
Troverai qui le istruzioni per l’installazione sia su un dispositivo che utilizza Windows, sia con uno che utilizza una distribuzione Linux.
Le Promise sono una delle funzionalità più utilizzate di JavaScript.
In questo articolo avrai modo di approfondire i meccanismi di funzionamento di questa classe, anche attraverso l’utilizzo di un esempio interattivo.
Il metodo dell’oggetto document chiamato querySelector è molto utile nella programmazione in JavaScript.
Grazie a questo metodo potrai utilizzare dei selettori CSS per ottenere il primo elemento del documento che corrisponde al selettore.
Il tema delle dimensioni immagini di WordPress è di grande rilevanza per i gestori dei siti web.
Non considerare questo tema infatti spesso comporta l’aumento importante dei costi da sostenere per avere un sito web.
L’attività di end to end testing permette di evitare le regressioni nello sviluppo di software.
Cosa di intende per regressione?
Nello sviluppo di software, una regressione indica una caratteristica del software che era presente nel recente passato, ma che attualmente risulta assente.
Gli Observable RxJS sono degli oggetti molto utilizzati nelle applicazioni costruite con Angular.
Vengono impiegati principalmente per la comunicazione tra parti dell’applicazione.
In questo articolo vedrai cosa è Angular e perché abbia una grande diffusione, soprattutto nello sviluppo di applicazioni web di grandi dimensioni.
Angular è una piattaforma di sviluppo per applicazioni web scritta in TypeScript.
Angular, per effettuare una chiamata AJAX, mette a disposizione il servizio HttpClient.
La maggior parte delle applicazioni web hanno bisogno di comunicare con il backend utilizzando chiamate HTTP.
Inserire o modificare codice CSS in un sito costruito con WordPress è fondamentale per ottenere la User Experience desiderata.
In questo articolo vedrai diversi modi per inserire e / o modificare codice CSS in un sito costruito utilizzando il CMS per il web più utilizzato al mondo.
Angular Reactive Form: l’elemento fondamentale per la gestione dell’input dei dati.
Che sia la pagina di registrazione, quella di login o quella di contatto, il form rappresenta la parte centrale di un’applicazione web.
Le CSS media queries permettono di definire delle regole CSS che vengano applicate solo se la condizione specificata è vera.
Sono alla base dei cosiddetti siti responsive. Si tratta di siti che si adattano in funzione della risoluzione dello schermo del dispositivo dell’utente.
Le variabili CSS (più formalmente, le proprietà personalizzate di CSS), consentono di organizzare in maniera più efficiente le regole Cascading Style Sheets.
In questo articolo vedrai come si dichiarano e si utilizzano le proprietà CSS.
JavaScript Keyboard Event è un oggetto che descrive l’interazione di un utente con la tastiera del proprio dispositivo.
Esistono diversi tipi di eventi basati su JavaScript Keyboard Event.
In questo articolo vedrai un esempio di utilizzo di questi eventi.
EventEmitter di Angular è una classe molto utilizzata per la comunicazioni tra componenti.
In questo articolo vedremo cosa sia EventEmitter e come venga utilizzato.
Avrai modo di vedere anche l’utilizzo di questa classe attraverso un esempio interattivo.
Se stai cercando una guida riguardo a come diventare sviluppatore web, sei nel posto giusto!
In questa guida analizzeremo cosa fa uno sviluppatore web, quali sono i requisiti per diventarlo.
Inoltre, potrai scoprire tutte le risorse presenti su questo blog per aiutarti a diventare un web developer.
Il modello client/server, anche noto come sistema client/server, è un modello di architettura di rete che, tra gli altri, implementa il World Wide Web come lo conosciamo.
Questo modello prevede la comunicazione tra due entità mediante interazioni di tipo richiesta – risposta ( in lingua inglese, request - response ).
In questo articolo vedrai numeri esempi di siti costruiti con WordPress, il CMS più usato al mondo per creare pagine web.
Questi siti sono di proprietà di aziende di caratura internazionale.
Lo scopo di questo articolo è dimostrarti la maturità di WordPress, considerando il fatto che è stata la scelta di aziende di queste dimensioni.