Applicazioni Web ultra-performanti con Vue.js e DelphiMarco Breveglieri
Vue.js è un framework per creare interfacce utente estremamente performanti e che può essere introdotto progressivamente nelle vostre applicazioni Web, nel modo meno invasivo possibile. In questo talk scoprirete come utilizzarlo con Delphi creando una soluzione frontend e backend ad elevate prestazioni.
Sviluppo Web con React e Delphi - Seminario Delphi Day 2016, PiacenzaMarco Breveglieri
Slide del seminario sull'uso di React con Delphi e confronto con altre tecnologie (es. ExtJS) per lo sviluppo Web, tenuto al Delphi Day 2016 a Piacenza.
I sorgenti sono disponibili qui:
https://github.com/marcobreveglieri/conferences/tree/master/2016/delphi_day_2016
Applicazioni Web ultra-performanti con Vue.js e DelphiMarco Breveglieri
Vue.js è un framework per creare interfacce utente estremamente performanti e che può essere introdotto progressivamente nelle vostre applicazioni Web, nel modo meno invasivo possibile. In questo talk scoprirete come utilizzarlo con Delphi creando una soluzione frontend e backend ad elevate prestazioni.
Sviluppo Web con React e Delphi - Seminario Delphi Day 2016, PiacenzaMarco Breveglieri
Slide del seminario sull'uso di React con Delphi e confronto con altre tecnologie (es. ExtJS) per lo sviluppo Web, tenuto al Delphi Day 2016 a Piacenza.
I sorgenti sono disponibili qui:
https://github.com/marcobreveglieri/conferences/tree/master/2016/delphi_day_2016
In questo speech esploreremo le REST API più interessanti e curiose pubblicamente disponibili. Dopo una introduzione utile a fissare concetti di base e prerogative, vedremo come “consumarle” con Delphi costruendo accattivanti applicazioni client.
XeDotNet meeting del 5 Marzo 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?
HTML5 Single Page Application è il nuovo hype tecnologico: tutti ne parlano, il web ne è pervaso, da GMail a Facebook e Twitter, dal desktop al mobile, dagli Appennini alle Ande.
In questa sessione proveremo a capire che cosa sia una SPA a partire dal ruolo centrale che riveste Javascript sia in termini di librerie di base che di organizzazione del codice applicativo. Affronteremo anche temi inerenti la UI, i servizi di back-end, lo unit testing, la security, il mobile in modo da offrire un panorama completo di che cosa sia in effetti una SPA HTML5.
Workshop Ideare e creare Web Applications, Introduzione ad AngularJSGiovanni Buffa
Gli argomenti trattati durante il Workshop gratuito sull'ideazione e creazione di Web Applications con AngularJS:
- Metodologie innovative di ideazione e creazione di Web Applications;
- Sfide e problemi del lavoro in team;
- Introduzione ad AngularJS e alle sue componenti principali;
- Dimostrazione pratica di una WebApp
Rich client application: MVC4 + MVVM = Knockout.jsGiorgio Di Nardo
La sempre maggiore diffusione di device diversificati (PC, Notebook, Tablet, Smartphone, ecc.) su piattaforme diverse, rilancia l'utilizzo delle Web Application come strumento per raggiungere il maggior numero di potenziali clienti con il minimo sforzo. Le capacità avanzate dei nuovi device e le ultime tecnologie ci consentono però di evolvere il concetto classico di applicazione Web in una declinazione più veloce, più responsiva, più accattivante: vediamo come.
Delphi & Dintorni Webinar - Diventa un mago del TestingMarco Breveglieri
Il Testing è una pratica sempre più preziosa e fondamentale nell'ambito dello sviluppo del software: si tratta di un passaggio fondamentale per ridurre il numero dei bug nel software e abilitare automatismi come la Continuous Integration e la Continuous Delivery. Se utilizzati in modo errato però, i test possono causare più problemi di quanti ne prevengano: è importante quindi conoscere le differenze tra le varie tipologie di test, quali sono le loro caratteristiche ideali e padroneggiarli al meglio. In questo webinar faremo luce sul Testing, chiariremo bene i concetti di Unit e Integration Test, vedremo come scriverli nel modo corretto e quali tool ci vengono in aiuto... alla fine il Testing non avrà più segreti!
In questo speech esploreremo le REST API più interessanti e curiose pubblicamente disponibili. Dopo una introduzione utile a fissare concetti di base e prerogative, vedremo come “consumarle” con Delphi costruendo accattivanti applicazioni client.
XeDotNet meeting del 5 Marzo 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?
HTML5 Single Page Application è il nuovo hype tecnologico: tutti ne parlano, il web ne è pervaso, da GMail a Facebook e Twitter, dal desktop al mobile, dagli Appennini alle Ande.
In questa sessione proveremo a capire che cosa sia una SPA a partire dal ruolo centrale che riveste Javascript sia in termini di librerie di base che di organizzazione del codice applicativo. Affronteremo anche temi inerenti la UI, i servizi di back-end, lo unit testing, la security, il mobile in modo da offrire un panorama completo di che cosa sia in effetti una SPA HTML5.
Workshop Ideare e creare Web Applications, Introduzione ad AngularJSGiovanni Buffa
Gli argomenti trattati durante il Workshop gratuito sull'ideazione e creazione di Web Applications con AngularJS:
- Metodologie innovative di ideazione e creazione di Web Applications;
- Sfide e problemi del lavoro in team;
- Introduzione ad AngularJS e alle sue componenti principali;
- Dimostrazione pratica di una WebApp
Rich client application: MVC4 + MVVM = Knockout.jsGiorgio Di Nardo
La sempre maggiore diffusione di device diversificati (PC, Notebook, Tablet, Smartphone, ecc.) su piattaforme diverse, rilancia l'utilizzo delle Web Application come strumento per raggiungere il maggior numero di potenziali clienti con il minimo sforzo. Le capacità avanzate dei nuovi device e le ultime tecnologie ci consentono però di evolvere il concetto classico di applicazione Web in una declinazione più veloce, più responsiva, più accattivante: vediamo come.
Delphi & Dintorni Webinar - Diventa un mago del TestingMarco Breveglieri
Il Testing è una pratica sempre più preziosa e fondamentale nell'ambito dello sviluppo del software: si tratta di un passaggio fondamentale per ridurre il numero dei bug nel software e abilitare automatismi come la Continuous Integration e la Continuous Delivery. Se utilizzati in modo errato però, i test possono causare più problemi di quanti ne prevengano: è importante quindi conoscere le differenze tra le varie tipologie di test, quali sono le loro caratteristiche ideali e padroneggiarli al meglio. In questo webinar faremo luce sul Testing, chiariremo bene i concetti di Unit e Integration Test, vedremo come scriverli nel modo corretto e quali tool ci vengono in aiuto... alla fine il Testing non avrà più segreti!
A very introductive presentation about how Model-View-Controller pattern (MVC) and Dependence Injection (DI) are implemented in some popular frameworks, such as Spring and Angular JS.
The presentation is took from the Software Engineering course I run in the bachelor-level informatics curriculum at the University of Padova.
Workshop AngularJs, Cordova, Ionic - Politecnico di MilanoGabriele Gaggi
Cordova è la chiave di volta che consente agli sviluppatori web un ingresso rapido ed indolore negli store delle diverse piattaforme mobili. Vediamo come utilizzare questa chiave di volta sfruttando la potenza e semplicità del framework MVC di Google AngularJs ed utilizzando come collante il framework Ionic per ottenere rapidamente applicazioni performanti con un look and feel analogo alle app native.
In questa sessione faremo una panoramica a 360 gradi su Blazor, la nuovissima tecnologia Microsoft nata da una (geniale :-) idea di Steve Sanderson per lo sviluppo di applicazioni Web client basate su WebAssembly.
Nell'introduzione parlemermo brevemente di WebAssembly, spiegando di cosa si tratta e del perché questa tecnologia abbia tutte le premesse per portare uno dei più grandi "disruptive changes" nel modo di sviluppare applicazioni Web client. Passeremo poi a Blazor esaminandone prima gli aspetti architetturali e procedendo con un behind the scenes per svelare in che modo avviene la "magia" dell'interazione con il browser. Verranno poi presentate le feature che questa tecnologia offre (template project su VS, components, layouts, binding, dependency injection, hosting) sia attraverso slides che, di pari passo, con delle demo di un'applicazione funzionante realizzata in Blazor. Vedremo poi quali sono le problematiche legate a performance, deployment e distribuzione parlando delle possibili future ottimizzazioni. Infine chiuderemo con un confronto tra Blazor e i maggiori framework ora in uso per lo sviluppo di applicazioni Web client (Angular, Vue, Knockout, ecc.) e con alcune considerazioni sull'impatto che Blazor e tecnologie simili potrebbe avere a cascata per lo sviluppo Web futuro, in una sorta di "butterfly effect" nel mondo Web client.
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platformGabriele Gaggi
Cordova è la chiave di volta che consente agli sviluppatori web un ingresso rapido ed indolore negli store delle diverse piattaforme mobili. Vedremo come utilizzare questa chiave di volta sfruttando la potenza e semplicità del framework MVC di Google AngularJs in collaborazione con le caratteristiche responsive offerte dal framework di Twitter Bootstrap.
Presentazione sull'evoluzione di Struts, primo framework web MVC in ambito Java e sul merger con WebWork, effettuata durante la (prima!) tappa di Torino della prima edizione di JavaDay '06.
Blazor è un framework per la creazione di Single Page Application (SPA) tramite l’utilizzo di C#.
Creato da Steve Sanderson e successivamente inserito in .NET Core come esperimento.
Visto l’enorme successo avuto sulla community è stato poi deciso di renderlo parte integrante dell’ecosistema .NET
Offre tutti i vantaggi di un framework front-end scrivendo codice interamente in C#.
Lo sai che si può fare DDD in Javascript grazie a Typescript? Visual Studio e...Marco Parenzan
Scrivere Object Oriented è ora possibile anche in Javascript con Typescript. E in generale bisogna concentrarsi nello scrivere codice di valore e non "autogenerato" dallo scaffolding. Capiamo come si fa riscrivendo un vecchio gioco della Licasfilm!
How to build applications that support various types of disabilities, using the tools available for iOS. Talks by Marco Chareyron and Mouhcine El Amine during the Appsterdam Milan #TalkLab
Una introduzione alla tecnologia iBeacon, con una applicazione demo funzionante su GitHub.
Presentazione di Mouhcine El Amine e Marco Chareyron tenuta durante l'Appsterdam TalkLab del Gennaio 2014.
Il talk di Diego Trinciarelli per il TalkLab di Ottobre 2013.
Una introduzione al mondo del fitness per potersi allenare in modo corretto e sicuro, migliorare la propria alimentazione, senza spendere una barca di soldi.
Qual è il processo ideale di design, almeno agli occhi due UX designer? Come si può andare incontro a una progettazione più User Centered?
5 Takeaways derivanti dall'esperienza di Luana Donetti (@ldonetti) e Marco Buonvino (@marcobuonvino) all'interno di web agency e agenzie di comunicazione.
http://www.slideshare.net/bastianlion/follow-the-ux-path-appsterdam
Talk presentato da Alessia Gallian e Lucia Di Pippa durante il TalkLab di Settembre. Il tema è il dialogo tra chi si occupa di content e chi si occupa di sviluppo in una agenzia.
Il talk di Alessio Roberto sul pattern dei blocchi in iOS. Breve introduzione teorica ed esempi tratti dal framework di Veespo che Alessio sta sviluppando.
Il video del talk lo trovate sulla nostra pagina YouTube: http://youtu.be/jQkQzb5rDK4
2. Tutto comincia da una storia (o due)...
foto di: Hash Milhan (Flickr)
3. Un inizio al contrario
Intorno al 2006/2007 lo sviluppo di RIA (le antenate dell App e WebApp)
crossbrowser era una cosa fattibile solamente attraverso la Flash
Platform, sopratutto con l’allora poco compreso e utilizzato framework
Flex. Infatti iniziai con Flash e dopo con Html/Css/Js...
4. Il declino di Flash e il vuoto da colmare
Si arriva al 2010 e comincia il declino della Flash Platform, tutti
entuasiasti di HTML5 per le prime (semplici) cose. Poi i nodi vengono al
pettine: scarsa compatibilità, no data-binding, in Javascript niente classi,
no MVC (o pattern in generale)...
5. E ora che si fa ?!?!
foto di: ed_needs_a_bicycle (Flickr)
7. I “wanna-be” framework
jQuery e soci si stavano confermando come tools fondamenteli nel web
development in quel periodo, tuttavia definirli framework era una un bel
fraintendimento, in questo caso si parlava di librerie. Comode sì, ma
librerie. Per chi sviluppava applicazioni mancava ancora qualcosa...
8. Un vero framework Javascript?
• Simulazione delle classi e OOP (JS è linguaggio a prototipi)
• Templating lato client
• Pochi Kb ma buoni!
• Combinabile con librerie come jQuery & co.
• No componenti (ci sono Bootstrap, jQuery UI o Kendo UI per questo!)
9. Welcome to the jungle!
Nel giro di poco tempo ci troviamo sommersi di framework Javascript
seri che sperano di replicare il successo di jQuery nell’ambito dei design
pattern. Il più comune fra tutti il pattern MVC.
“Journey Through The
JavaScript MVC Jungle”
- Smashing Magazine
10. Ne rimarrà soltanto uno?
Attualmente la community dei web-developers si sta interessando molto
a Backbone, anche se molti altri framework rimangono delle validissime
opzioni, specie visto il fatto che ognuna interpreta il pattern MVC a modo
suo.
12. Cos’è AngularJS
E’ un framework Javascript sviluppato da Google con l’obiettivo di
rendere le pagine web più simili ad applicazioni. Tra le feature più notevoli
ci sono l’architettura del codice (MV*), il data-binding, il routing delle viste,
i moduli e altro ancora.
13. MVC o MVVM
AngularJS viene definita da Google come una libreria MVC avendo i
classici Model, View e Controller ma il suo modus operandi è molto più
simile al pattern MVVM (Model View View-Model) utilizzato nello sviluppo
di interfacce interattive e dai runtime Silverlight e Flex.
VIEW VIEW-MODEL MODEL
User Interface Logiche, Eventi Dati
(Html, CSS) (Javascript) (JSON)
14. Inizializzazione (aka: post inclusione)
Per inizializzare tutta una pagina o solo una parte per lavorare con
AngularJS dovremo inserire in Html l’attributo speciale ng-app .
15. Definire una vista e un controller
Le viste sono normali elementi Html che vengono collegati ad una
funzione Javascript che farà da controller con l’attributo ng-controller.
Ogni controller dovrà avere un argomento $scope che sarà responsabile
di collegare queste due entità.
16. BAM! Data-binding!
L’argomento $scope permette di “muovere” i valori tra pagina Html e
codice Javascript con uno sforzo minimo, ogni variabile o funzione
(puramente JS) creata al suo interno sarà accessibile in Html con
un’espressione di abbinamento {{oggetto}} .
18. Che cosa c’è che non va?
• La documentazione puzza
• Al primo impatto molte task semplici non lo sono
• Si sporca l’HTML!
• I cambi di viste non sono facilmente animabili
• Ho già detto che la documentazione puzza?
19. Quindi è meglio o peggio di Backbone?
Solo un folle risponderebbe “si” o “no” a questa domanda.
e a questo punto....
20. GRAZIE! Domande? Risposte?
@moebiusmania | www.salvatorelaisa.net
font utilizzato: Roboto Sans