Categorie
JavaScript Web development

Promise JavaScript: definizione ed esempio pratico

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.

Categorie
JavaScript Web development

document querySelector JavaScript: come utilizzarlo

Il metodo dell’oggetto document chiamato querySelector è molto utile nella programmazione in JavaScript.

Grazie a questo metodo potrai utilizzare del selettori CSS per ottenere il primo elemento del documento che corrisponde al selettore.

Categorie
Web development

End to end testing: cosa è?

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.

Categorie
Angular Web development

Cosa è Angular? Caratteristiche e vantaggi

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.

Categorie
CSS Web development WordPress

CSS in WordPress: come inserire codice nel tuo sito

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.

Categorie
CSS Web development

CSS media queries: cosa sono e come utilizzarle

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.

Categorie
CSS Web development

Variabili CSS: cosa sono e come utilizzarle

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.

Categorie
JavaScript Web development

JavaScript Keyboard Event: eventi tastiera

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.

Categorie
Angular JavaScript Web development

Angular EventEmitter: cosa è e come si usa

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.

Categorie
Tips Web development

Come diventare sviluppatore web: guida completa

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.

Categorie
Web development WordPress

Modello client server: il sistema alla base di internet

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 ).

Categorie
Web development WordPress

Esempi siti WordPress: le grandi aziende che lo usano

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.

Categorie
Angular JavaScript RxJS Web development

RxJS merge: guida ed esempi pratici

merge è un operatore piuttosto comune di RxJs.

In questo articolo avrai modo di analizzare il suo funzionamento, potendo anche interagire con un esempio di applicazione di questo operatore.

La comprensione degli operatori RxJs è importante soprattutto quando si utilizzano in contesti complessi, come all’interno di un’applicazione web costruita utilizzando Angular.

Categorie
CSS Web development

Font CSS: tutte le proprietà per gestire la tipografia

La tipografia è un elemento fondamentale della progettazione web e la gestione dei font con CSS è una parte cruciale di essa.

E’ infatti possibile controllare molti aspetti della tipografia, come il tipo di carattere, la dimensione, il colore e molto altro.

Categorie
JavaScript Web development WordPress

File JSON: cosa sono, come si utilizzano

I file JSON ( JavaScript Object Notation ) sono dei files di testo che vengono utilizzati per lo scambio di dati tra entità, ad esempio un browser ed un server.

E’ un formato open, utilizzabile da chiunque gratuitamente, facilmente leggibile da un essere umano.

Categorie
CSS Web development

Bootstrap CSS: cosa è e come utilizzarlo

Bootstrap è il toolkit CSS più popolare nell’ambito del web development.

Questo framework mette a disposizione degli sviluppatori delle classi CSS e dei componenti JavaScript per costruire applicazioni mobile responsive, graficamente gradevoli, che garantiscono accessibilità ottimale.

Categorie
Web development

Tutorial HTML

In questa pagina troverai un tutorial HTML, adatto sia ai principianti che agli sviluppatori web professionisti.

Cosa è HTML

HTML, acronimo di HyperText Markup Language, è un linguaggio di markup, progettato per descrivere la struttura di documenti solitamente destinati ad essere letti tramite un web browser, come Google Chrome e Mozilla Firefox.

Categorie
Angular JavaScript RxJS Web development

RxJS: Hot Observables vs Cold Observables

Uno dei primi concetti che è necessario comprendere per utilizzare efficacemente RxJs è la differenza di comportamento tra Hot Observables e Cold Observables.

In questo articolo vedrai cosa si intende per “Hot Observable” e “Cold Observable”.

Categorie
CSS Web development

Position Sticky CSS: guida ed esempi pratici

In questo articolo vedrai come far uso della proprietà position sticky in CSS.
Questa proprietà è solitamente utilizzata per l’header di un sito web, rendendolo “sticky”.

In altre parole, l’header rimarrà “ancorato” nella parte superiore dello schermo durante lo scorrimento della pagina.

Categorie
Angular JavaScript Web development

setTimeout JavaScript: programmare l’esecuzione di codice

setTimeout è una funzione built-in di JavaScript che consente di programmare l’esecuzione di una porzione di codice.

In altre parole, definendo la funzione da eseguire come F ed il tempo di attesa come T, potrai schedulare l’esecuzione di F dopo T millisecondi, facendo uso di setTimeout().

Categorie
Tips Web development WordPress

htaccess WordPress: come modificarlo e ripristinarlo

Il file htaccess WordPress (per il precisione il file .htaccess di WordPress) è un file di configurazione utilizzato dal server HTTP Apache.

Viene utilizzato da molti CMS scritti in PHP, tra i quali è compreso WordPress.

Categorie
Tips Web development WordPress

Cache SiteGround: come disabilitarla per specifici indirizzi

La cache di SiteGround è sicuramente uno dei motivi che ha decretato il successo di questo hosting service provider.

Questo meccanismo infatti permette di velocizzare in maniera rilevante la risposta da parte del server ad una richiesta eseguita dall’utente.

Categorie
CSS Tips Web development

Selettori CSS: una guida pratica con esempi

I selettori CSS costituiscono un elemento fondamentale nel campo dello sviluppo web.

Possono essere usati sia per stabilire delle regole grafiche (utilizzando codice CSS), sia per selezionare elementi della pagina web, ad esempio per essere modificati utilizzando JavaScript.

Categorie
CSS Tips Web development

Selettore CSS elemento: ottenerlo con Chrome DevTools

Il selettore CSS di un elemento permette di identificare quest’ultimo all’interno di una pagina HTML.

Può essere utilizzato per diversi scopi, come applicare una regola CSS per questioni estetiche, manipolare il DOM tramite JavaScript, o effettuare delle assunzioni (i.e. “Expectations”) durante l’esecuzione di tests End-To-End.

Categorie
Tips Web development WordPress

I logs di un gateway di pagamento di WooCommerce

In questo articolo scoprirai come visualizzare i logs di un gateway di pagamento di WooCommerce, come Stripe, Cardinity o Gestpay.

Visualizzare i logs di WooCommerce

WooCommerce è uno dei modi più popolari per implementare un sito e-commerce, con una base di installazione di più di 5 milioni al momento della scrittura di questo articolo.

Categorie
Angular JavaScript RxJS Web development

Operatori RxJS: imparare il funzionamento dinamicamente

Gli operatori RxJS permettono di implementare funzionalità complesse, utilizzando codice semplice ed elegante.

Tuttavia, gli operatori disponibili sono molteplici, e la documentazione a volte non rende bene l’idea del funzionamento di uno di essi.

Categorie
Web development WordPress

Effettuare logging WordPress in files separati

WordPress permette di effettuare il logging di informazioni tramite l’utilizzo delle costanti WP_DEBUG e WP_DEBUG_LOG.

Impostando nel file wp-config.php entrambe le costanti a true, WordPress scriverà i logs nel file wp-content/debug.log.

Categorie
Linux Tips Web development

File Hosts: cosa è e come utilizzarlo

Il file hosts è un file disponibile nella maggior parte dei sistemi operativi che permette di associare un nome di dominio ad un indirizzo IP.

E’ un sistema nato prima dell’implementazione del Domain Name System, più noto con l’acronimo DNS.

Categorie
Tips Web development WordPress

Records DNS: cosa sono e come funzionano

I records DNS sono alla base di del funzionamento di Internet. Infatti, siamo abituati ad utilizzare Internet usando i nomi di dominio, come dariocapozzi.it o amazon.it. Tuttavia, la rete Internet funziona utilizzando gli indirizzi di Internet Protocol, più noti come indirizzi IP.

Categorie
JavaScript Tips Web development WordPress

Come fare una chiamata AJAX ( GET / POST )

Una chiamata AJAX è una tecnologia che permette di ottenere dati da un server senza dover ricaricare la pagina.
E’ l’acronimo di “Asynchronous JavaScript and XML”, ed è alla base dello sviluppo web moderno.

Categorie
CSS JavaScript Tips Web development

Controllare il supporto dei browser per CSS e JavaScript

Il mondo del web development è in costante evoluzione, per questo motivo è importante controllare il supporto tra i browser del codice CSS / JavaScript utilizzato.

Perché è importante controllare il supporto dei browser

Categorie
CSS Web development WordPress

Selettori CSS WordPress: come utilizzarli

WordPress mette a disposizione diversi selettori CSS.

Il CMS mette a tua disposizioni diverse classi ed ID, per permetterti di specificare regole CSS che saranno applicate solo in determinati casi.

Ad esempio, è possibile specificare regole CSS che saranno applicate ad una determinata pagina, oppure regole CSS applicate solo alla visualizzazione di un singolo articolo.

Categorie
Web development WordPress

WordPress feeds: scopri quelli disponibili nativamente

WordPress rende disponibili dei feeds senza bisogna di installare alcun plugin.

Cosa è un feed?

Secondo la definizione riportata su Wikipedia

Un feed è un algoritmo, uno script, che permette ad un utente di avere costantemente e automaticamente contenuti aggiornati (da una determinata fonte su un determinato argomento) attraverso un’applicazione o strumento.

Categorie
Web development WordPress

Errore 500 WordPress: tutte le possibile cause e soluzioni

Avere un errore 500 in WordPress rende il tuo sito inaccessibile, causando una perdita al tuo business.

Le possibile cause di questo errore possono essere molteplici, in questo articolo analizzeremo le più comuni.

Categorie
Web development WordPress

Come inserire Google Analytics in WordPress

In questo articolo parlerò di come inserire Google Analytics in WordPress, spiegando due metodologie di installazioni differenti.
Google Analytics è lo strumento fatto da Google per ottenere informazioni riguardo ai visitatori di un sito web o di un’applicazione web.

Categorie
Web development WordPress

Shortcode WordPress: cosa sono e come crearne di nuovi

Gli shortcode WordPress sono il metodo per incorporare funzionalità all’interno dei contenuti del CMS.

Essi permettono infatti di richiamare delle funzioni usando una parola chiave racchiusa tra parentesi quadre.

Categorie
JavaScript Tips Web development

Eseguire codice JavaScript su qualunque pagina web

Come probabilmente ti sarà noto, JavaScript è il linguaggio principale per creare logiche client-side nello sviluppo web, essendo per questo il linguaggio utilizzato per frameworks client-side, come Angular.

AngularCSSJavaScriptLinuxProdotti consigliatiProduttivitàRxJSSEOServizi consigliatiSvagoTipsWeb developmentWordPress