Codice e slide della sessione Migliora il tuo codice con Knockout.js

by Andrea Dottor 10 April 2013 00:03

Ecco qui il codice e le slide della sessione “Migliora il tuo codice con Knockout.js” che ho tenuto venerdì 5 Aprile 2013:

In questa sessione vedremo come Knockout.js permetta di scrivere codice JavaScript in modo pulito e organizzato, semplificando la scrittura del codice e la sua manutenzione. Come lo si utilizza KO? Quali vantaggi ci offre? Quali librerie ci vengono in aiuto? Quali sarebbe meglio evitare?

Visto l’interesse che l’argomento ha avuto, appena troverò il tempo (e visto il periodo, purtroppo, non sarà cosa semplice), ho intenzione di pubblicare alcuni post di approfondimento a riguardo di Knockout e Durandal
Winking smile

 

Tags: , , ,

ASP .NET | JavaScript | XeDotNet

Migliora il tuo codice con Knockout.js

by Andrea 30 March 2013 11:52

Venerdì 5 Aprile 2013 terrò un meeting dal titolo "Migliora il tuo codice con Knockout.js"

Abstract:
In questa sessione vedremo come Knockout.js permetta di scrivere codice JavaScript in modo pulito e organizzato, semplificando la scrittura del codice e la sua manutenzione. Come lo si utilizza KO? Quali vantaggi ci offre? Quali librerie ci vengono in aiuto? Quali sarebbe meglio evitare?

Ci troviamo a scrivere sempre più codice client-side, e utilizzare strumenti/librerie che ci permettano di aiutarci in questo compito è sicuramente un valore aggiunto, sia per i tempi di sviluppo, ma anche per la manutenzione del codice. Rendere il codice più leggibile, strutturare meglio l'applicazione, utilizzare strumenti validi sono solo alcune delle cose di cui vi parlerò.

Se non conoscete Knockout (http://knockoutjs.com/), questo meeting fa proprio al caso vostro. Vedrete le potenzialità di questa libreria, e scoprirete un paio di framework che combinati con KO vi aiuteranno davvero molto nello sviluppo JavaScript.

Per registrarvi: http://www.xedotnet.org/Home/Meeting/20130405

Tags: , , ,

.NET | JavaScript | jQuery | XeDotNet

Grafici con HTML5 – SVG – Canvas

by Andrea Dottor 11 February 2013 11:27

chartPer un’applicazione HTML5 che stò realizzando mi sono trovato a dovermi appoggiare ad una libreria esterna che si occupasse di renderizzare dei grafici.
Librerie ne esistono moltissime, con differenti modalità di utilizzo ed effetti grafici
(ecco un post che ne elenca parecchie:
http://my.opera.com/tagawa/blog/list-of-javascript-charting-libraries).

Nel mio caso ho utilizzato Kendo UI della Telerik.
La libreria in questione è veramente di facile utilizzo, poche righe di codice e l’effetto è veramente ottimo.

Problema: alcuni dispositivi non renderizzano questi grafici.

Indago sulla cosa e mi accorgo che la libreria in questione (come molte altre) utilizza SVG per la renderizzazione dei grafici e non tutti i browser supportano tale oggetto.
Per risolvere la cosa ho trovato in rete un convertitore da SVG a Canvas, che mi ha permesso di risolvere la cosa.
Ecco qui la soluzione, che potrà tornar utile anche ad alcuni di voi:
http://www.kendoui.com/blogs/teamblog/posts/12-02-17/using_svg_on_android_2_x_and_kendo_ui_dataviz.aspx
La libreria è canvg: http://code.google.com/p/canvg/

Per rilevare se un browser supporta SVG, questa è la funzione che ho utilizzato.
(ritorna True se il browser supporta SVG)

function testSvg() {
  return !!document.createElementNS && 
              !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect;
}

In alternativa potete utilizzare librerie come Modernizr http://modernizr.com/

Tags:

ASP .NET | Android | JavaScript