L’avvento del CSS3 ha aggiunto la possibilità creare animazioni tramite foglio di stile. Il tutto avviene tramite le parole chiave animation e keyframes. Per capire il funzionamento delle animazioni CSS vediamo questo semplice esempio. Come vedete tramite la proprietà animation definiamo il nome dell’animazione e la sua durata. Tramite invece keyframes definiamo quali sono gli stati di cui l’animazione stessa...
Continue reading...
Qualche tempo fa ho avuto il privilegio di poter tenere una lezione all’università di Camerino per il corso di Programmazione Web. La lezione intitolata “Modern Web Development” ha toccato vari argomenti tra cui JavaScript. La prima slide riguardante il famoso linguaggio di scripting recitava: Javascript is the new Java A parte l’apertura ad effetto, il messaggio che ho voluto passare...
Continue reading...
EcmaScript è la specifica del linguaggio che comunemente chiamiamo Javascript, esistono diverse implementazioni di EcmaScript come quelle usate dai browser e Node.js. Babel EcmaScript 6 non è ancora supportato dai principali engine ma può essere utilizzato tramite un transpiler come Babel. L’installazione di Babel è semplice tramite l’utilizzo di npm. Nella root del progetto creiamo il file package.json con il...
Continue reading...
Nel mio ultimo post abbiamo visto come utilizzare le API Javascript di Google Maps che ci permettono di aggiungere mappe interattive nelle nostre web application. In questa seconda carrellata di esempi ci occuperemo dell’integrazione con un’altra parte delle API: quella che ci permette di integrare Google StreetView. Posizione e POV L’oggetto alla base di StreetView è il panorama. Vediamo subito...
Google Maps JavaScript API Google Maps è personalmente uno dei servizi Google che utilizzo di più al pari di Gmail e Hangouts. Proprio il successo di questo servizio ha fatto sì che le mappe di BigG in versione embedded siano apparse in una marea di siti e applicazioni web. Se avete bisogno di un’interazione maggiore tra la vostra webapp e...
Una delle frasi che hanno reso famoso il filosofo greco Socrate era: “Io so di non sapere”. Sicuramente non si riferiva a JavaScript, ma è il giusto approccio da tenere davanti a questo linguaggio che tutti noi crediamo di conoscere senza averlo mai studiato. Ebbene, dopo aver letto alcuni volumi della serie “You don’t know JavaScript“, posso dire di aver scoperto molte cose che non sapevo, come per esempio, udite udite, che JS è compilato e non interpretato!...
Continue reading...
da Flux a Redux In uno dei miei ultimi post ho parlato di Flux: un pattern alternativo a MVC sviluppato dagli ingegneri di Facebook. In questo nuovo articolo analizzerò Redux, nuovo pattern ideato da Dan Abramov che da molti è considerato un’evoluzione di Flux. Per cogliere meglio le differenze tra i due pattern affronteremo in Redux lo stesso problema affrontato...
Continue reading...
TDD in Javascript con RequireJS Qualche tempo fa, scorrendo gli annunci di lavoro su LinkedIn, mi sono imbattuto in una descrizione molto simpatica (e significativa per l’argomento di questo post) di cosa era richiesto al candidato dalla società proponente. Tra le richieste più comuni (conoscenza delle tecnologie X e Y, approccio TDD, programmazione secondo i principi SOLID,….) spuntava in bella...
Continue reading...