Come creare un motore di rendering in JavaScript

Uno degli aspetti più importanti dello sviluppo front-end è quello di mostrare agli utenti dei dati utili a svolgere l’attività per la quale la nostra web application è stata creata. Se volessimo portare questa definizione su un piano più tecnico potremmo dire che il nostro scopo è trasformare i dati in una serie di elementi del DOM: in altre parole fare quello che si chiama rendering. La parte di codice che, a basso livello, si occupa di creare, manipolare ed […]

27/08/2019

Sviluppo di Skill per Amazon Alexa

Dallo scorso 30 ottobre anche in Italia è disponibile la gamma di Smart Speaker Echo di Amazon. Gli Echo (ma anche altri dispositivi compatibili) sono alimentati da Alexa , l’assistente vocale di Amazon. Oltre alle possibilità offerte dal sistema principale come impostare timer, fare ricerche su internet e cose di questo genere, è possibile aumentare le possibilità offerte da questa piattaforma tramite applicazioni di terze parti. Queste applicazioni nell’ecosistema Alexa sono chiamate Skills. Noi di Coding Jam abbiamo creato la […]

22/01/2019

Custom elements

La più grande evoluzione che i framework frontend post AngularJS hanno portato ai developer JavaScript è stato l’introduzione del concetto di componente. Concetto già presente in AngularJS stesso, anche nelle versioni con qualche annetto sulle spalle. Sicuramente però l’avvento di Angular, Vue e soprattutto React hanno fatto diventare questo concetto mainstream. L’idea di componente basa molta della sua forza sul concetto di riutilizzo. Se ad esempio create un componente <Calendar/> ci aspettiamo di utilizzarlo in tutti i punti del nostro […]

23/05/2018

Vuex: state management per Vue

Nello scorso articolo ho introdotto alcune caratteristiche del framework, focalizzandomi principalmente sulla core library. In questo nuovo articolo introdurrò Vuex, una libreria ufficiale per lo state management di applicazioni scritte in Vue. Come si può intuire dal nome, si parla di una libreria che si inspira a Flux, Redux e architetture Elm ma di fatto è un implementazione specifica per Vue e che quindi meglio si adatta al sistema di reattività del framework stesso. Per capire i concetti e sintassi di […]

11/04/2018

Vue.js

Vue.js In questo articolo parleremo di Vue.js (si pronuncia come la parola view), una libreria per la realizzazione applicazioni web di front end, che dalla versione 2 (uscita circa un anno fa ma che non aveva stravolto la precedente) sta sempre più acquisendo popolarità, come segnalano anche le ultime statistiche da Github. Vue.js non porta il “peso” di una grossa azienda alle sue spalle come per Angular (Google) e React (Facebook) ma è idea e lavoro (si è formato e […]

25/10/2017

WebVR con A-Frame

WebVR è una nuova specifica del World Wide Web Consortium, di cui potete leggere lo stato dei lavori su GitHub. Essendo una specifica ancora in fase di pre-release è supportata ad oggi solo da Edge e Chrome per Android, come potete controllare su caniuse.com. In pratica tramite WebVR è possibile creare delle scene in VR all’interno di applicazioni web compatibili con i vari device dedicati, dall’Oculus Rift fino a delle semplici Google Cardboard. Anche se la specifica è lontana dall’implementazione […]

19/07/2017

Introduzione a PixiJS

In questi ultimi anni le possibilità messe a disposizione per gli sviluppatori Web da parte del W3C sono aumentata a dismisura. Basti pensare alle Web Animations API oppure le Speech Recognition e Speech Synthesis API. Una delle “nuove” API più importanti, secondo chi vi scrive, è WebGL. In pratica le WebGL sono un porting di OpenGL utilizzabile in ambiente web. La loro potenza sta nel fatto che bypassano completamente il rendering del browser, andando direttamente sulla CPU/GPU. Questo permette di […]

21/02/2017

Webpack ECMAScript 6 – Parte I

Le odierne Applicazioni Web (2.0) ed in particolare l enorme successo riscosso da NodeJS, con tutto l ecosistema che gli gravita attorno, hanno catapultato agli onori delle cronache un linguaggio a cui era stato predetta una fine a breve termine, il Javascript! Si, proprio lui, quel linguaggio che il GWT (Google Web Toolkit), ne aveva quasi decretato la fine, oggi appare (e lo è :-)) uno degli attori principali…

24/01/2017