Web Animations API

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

Android, MVP, Dagger e i test

MVP significa Model View Presenter .. che è un pattern molto popolare ultimamente tra gli sviluppatori Android. Non voglio scrivere un’altra guida a proposito dell’MVP su android. Altri hanno fatto un lavoro sicuramente migliore, per esempio: L’introduzione a MVP di Antonio Leiva L’introduzione di Hannes Dorfmann al framework Mosby Il post di Fernando Cejas a proposito della clean architecture Sono...
Continue reading...

Ionic 2: prime impressioni

Ionic 2 logo

Nel mondo frontend da qualche settimana si parla sempre più spesso di Angular2, nuova versione del famosissimo framework di Google. Ad oggi siamo alla 2.0-rc5 e ci stiamo avvicinando alla versione 2.0 final. Parallelamente il team di Ionic sta portando avanti i lavori su Ionic 2, basato per l’appunto su Angular2. Di Ionic abbiamo già parlato in precedenza, ma per...
Continue reading...

Primi passi con Electron

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

Una introduzione a ES6

ecmascript-6-logo

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

Google Maps JavaScript API: StreetView

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...
Continue reading...

Screencast su Polymer: disponibile la registrazione

Polymer

Mercoledì 25 Maggio abbiamo registrato un nuovo Screencast su Polymer. Lo speaker della serata è stato Massimo Biagioli che ci ha illustrato le varie caratteristiche di questo framework basato su Web Components. Molte le domande del pubblico, che hanno anche scatenato un bel confronto tra me, Andrea Como e lo stesso Massimo sulle differenze tra Polymer, Angular e React. Video...
Continue reading...