AngularJS 1.5+ incontra i Components

AngularJS non molto tempo fa, con la versione 1.5, ha introdotto nativamente il concetto di WebComponent, “portando a casa” gran parte dell’esperienza fatta con Angular 2. Cominciare ad usare i Components con AngularJS oggi non solo significa scrivere codice molto più facilmente aggiornabile verso Angular 2, soprattutto se scritto in ES6, ma permette anche di modularizzare e riusare il codice...
Continue reading...

AngularJS in ES6

AngularJS + ES6

Non molto tempo fa con un post di Nicola Malizia abbiamo visto le novità introdotte da JavaScript 6 (o meglio ECMAScript 6 o ES6 per gli amici). Nonostante la matrice di compatibilità di ES6 con i maggiori browser sia sempre più “piena”, si ricorre spesso ai transpiler (come Traceur o Babel) per usare oggi gran parte delle caratteristiche future di JavaScript. Vediamo quindi come usare oggi alcune delle caratteristiche di ES6 anche con AngularJS!...
Continue reading...

JavaScript Proxies

Qualche tempo fa abbiamo ospitato un ottimo post sulle novità di EcmaScript 6. Ovviamente lo scopo di quel post era introduttivo e non ha esplorato tutte le nuove funzionalità messe a disposizione dal nuovo standard. Tra queste una delle più interessanti è l’introduzione dei Proxies. Il Proxy è uno dei design pattern classici definiti dalla Gang of Four nel loro...
Continue reading...

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

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

Google Maps JavaScript API

Ecco il (quasi) triangolo di CNJ!

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