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.
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.
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.
SMAU Milano 2014 GAE 24/10/2014 - IWA ItalyPaolo Dadda
Spesso si tende a considerare il lavoro di piccoli team e sviluppatori individuali di minor qualità per questioni di competenze.
Un cloud, infatti, necessita spesso di VPS da configurare, far funzionare e mantenere, che seppur virtuali e dedicate, richiedono un minimo di competenza.
Come mantenere alta la qualità per piccoli team e singoli developer?
Come ridurre l’esigenza di “dover” saper far tutto?
Utilizzare servizi che eliminano, lato sviluppatore, gestione e sicurezza del server, può essere determinante, permettendo di specializzarsi di più sui propri “skill” senza trovarsi obbligati a coinvolgere terze figure o diventare factotum del web.
Target:
WSP-G3-002 - Web Project Manager,
WSP-G3-005 - Business Analyst,
WSP-G3-009 - Frontend Web developer,
WSP-G3-010 - Server Side Web Developer,
WSP-G3-014 - Digital Strategic Planner.
Introduction to Blazor and WebAssembly in Christmas sauce. In this session we will see how to create a small demonstration application to send Christmas greetings.
In questa sessione vedremo come uno sviluppatore WebForm possa essere velocemente produttivo (utilizzando le ultime versioni di ASP.NET Core) grazie a Blazor. Vedremo quindi cosa differenza un'applicazione ASP.NET Core, rispetto a quelle WebForm (.NET Framework) fino ad arrivare a comprendere perchè e come Blazor possa agevolare questa transizione.
Quindi una sessione non solo per chi è nuovo a Blazor, ma anche perchì ancora non ha migrato ad ASP.NET Core.
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#.
FAST è una raccolta di tecnologie, basate su Web Components e su Web Standards moderni, che ci aiuta ad affrontare in modo efficiente alcune delle sfide più comuni nella progettazione e nello sviluppo di siti ed applicazioni Web.”
FAST ci aiuta a creare interfacce si adattano facilmente a qualunque Design System e che possono essere utilizzate con qualsiasi framework!
In questa presentazione verrà introdotto brevemente il concetto di RIA (Rich Internet Application), di Framework e fondendo i due concetti verranno presentati alcuni dei più conosciuti Framework per la realizzazione di RIA. Visualizza la presentazione.
I linguaggi del web - seconda edizione (3° giornata)Diego La Monica
Modulo 4 – AJAX
- Interazioni client/server
- Framework a confronto:
- jQuery
- Mootools
- YUI
- JAST
Modulo 5 – ARIA e l’accessibilità lato client
- Prendere un po' di ARIA
- Le tecnologie assistive
- Ruoli, stati e proprietà
- Strumenti per lo sviluppo accessibile
Impara React sfruttando le tecnologie più recenti (Eduard Capanu).pptxEduardCapanu
React evolve velocemente con strumenti come Vite.js, Remix, e Next.js, richiedendo aggiornamenti continui delle competenze per gestire nuovi progetti con successo.
Che tu abbia già esperienza con React o che sia alle prime armi, questo talk ti offrirà una nuova prospettiva sulle ultime tendenze di questo framework e ti mostrerà le best practice per la creazione e la configurazione di un progetto.
Esploreremo le ultime innovazioni di React e scopriremo come sfruttare efficacemente le nuove funzionalità per lanciare un nuovo progetto senza intoppi, dalla scelta del framework e della tecnologia, alla configurazione iniziale più adatta.
Vedremo tutti i passaggi chiave per realizzare un progetto React in modo efficiente e impareremo, tra le altre cose, che non sempre ‘create-react-app’ è l’opzione migliore per iniziare un nuovo progetto.
Event link: https://thecmmbay.com/eventi/impara-react-sfruttando-le-tecnologie-piu-recenti-r97r9y7l6
Presentazione alla Google Dev Fest Mediterranean 2016 di Catania con presentazione sulle metodologie di utilizzo di microservices e sui sistemi per monitorare le infrastrutture
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.
SMAU Milano 2014 GAE 24/10/2014 - IWA ItalyPaolo Dadda
Spesso si tende a considerare il lavoro di piccoli team e sviluppatori individuali di minor qualità per questioni di competenze.
Un cloud, infatti, necessita spesso di VPS da configurare, far funzionare e mantenere, che seppur virtuali e dedicate, richiedono un minimo di competenza.
Come mantenere alta la qualità per piccoli team e singoli developer?
Come ridurre l’esigenza di “dover” saper far tutto?
Utilizzare servizi che eliminano, lato sviluppatore, gestione e sicurezza del server, può essere determinante, permettendo di specializzarsi di più sui propri “skill” senza trovarsi obbligati a coinvolgere terze figure o diventare factotum del web.
Target:
WSP-G3-002 - Web Project Manager,
WSP-G3-005 - Business Analyst,
WSP-G3-009 - Frontend Web developer,
WSP-G3-010 - Server Side Web Developer,
WSP-G3-014 - Digital Strategic Planner.
Introduction to Blazor and WebAssembly in Christmas sauce. In this session we will see how to create a small demonstration application to send Christmas greetings.
In questa sessione vedremo come uno sviluppatore WebForm possa essere velocemente produttivo (utilizzando le ultime versioni di ASP.NET Core) grazie a Blazor. Vedremo quindi cosa differenza un'applicazione ASP.NET Core, rispetto a quelle WebForm (.NET Framework) fino ad arrivare a comprendere perchè e come Blazor possa agevolare questa transizione.
Quindi una sessione non solo per chi è nuovo a Blazor, ma anche perchì ancora non ha migrato ad ASP.NET Core.
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#.
FAST è una raccolta di tecnologie, basate su Web Components e su Web Standards moderni, che ci aiuta ad affrontare in modo efficiente alcune delle sfide più comuni nella progettazione e nello sviluppo di siti ed applicazioni Web.”
FAST ci aiuta a creare interfacce si adattano facilmente a qualunque Design System e che possono essere utilizzate con qualsiasi framework!
In questa presentazione verrà introdotto brevemente il concetto di RIA (Rich Internet Application), di Framework e fondendo i due concetti verranno presentati alcuni dei più conosciuti Framework per la realizzazione di RIA. Visualizza la presentazione.
I linguaggi del web - seconda edizione (3° giornata)Diego La Monica
Modulo 4 – AJAX
- Interazioni client/server
- Framework a confronto:
- jQuery
- Mootools
- YUI
- JAST
Modulo 5 – ARIA e l’accessibilità lato client
- Prendere un po' di ARIA
- Le tecnologie assistive
- Ruoli, stati e proprietà
- Strumenti per lo sviluppo accessibile
Impara React sfruttando le tecnologie più recenti (Eduard Capanu).pptxEduardCapanu
React evolve velocemente con strumenti come Vite.js, Remix, e Next.js, richiedendo aggiornamenti continui delle competenze per gestire nuovi progetti con successo.
Che tu abbia già esperienza con React o che sia alle prime armi, questo talk ti offrirà una nuova prospettiva sulle ultime tendenze di questo framework e ti mostrerà le best practice per la creazione e la configurazione di un progetto.
Esploreremo le ultime innovazioni di React e scopriremo come sfruttare efficacemente le nuove funzionalità per lanciare un nuovo progetto senza intoppi, dalla scelta del framework e della tecnologia, alla configurazione iniziale più adatta.
Vedremo tutti i passaggi chiave per realizzare un progetto React in modo efficiente e impareremo, tra le altre cose, che non sempre ‘create-react-app’ è l’opzione migliore per iniziare un nuovo progetto.
Event link: https://thecmmbay.com/eventi/impara-react-sfruttando-le-tecnologie-piu-recenti-r97r9y7l6
Presentazione alla Google Dev Fest Mediterranean 2016 di Catania con presentazione sulle metodologie di utilizzo di microservices e sui sistemi per monitorare le infrastrutture
Dispense del corso IN530 "Sistemi per l'elaborazione delle informazioni" presso il Corso di Laurea in Matematica dell'Università degli Studi Roma Tre.
[http://www.mat.uniroma3.it/users/liverani/IN530/]
Antonio Russo, Federico Oldrini e Jacopo Giola di Makeitapp hanno presentato il workshop di CommitUniversity, dedicato al Backend as a Service, mostrandoci come costruire con esso un applicazione.
Vibecode è un framework di business che consente la realizzazione veloce di applicazioni evolute fornendo strumenti per risolvere comlpessità tecnologiche.
Slide utilizzate durante l'intervento sulle Progressive Web App e le Trusted Web Activities applicate a Wordpress e Woocommerce.
Trovate informazioni più precise sull'argomento su https://2019.catania.wordcamp.org/session/progressive-web-app-e-twa/
e sugli articoli https://www.francescogiammanco.it/progressive-web-app-lighthouse/
e https://www.francescogiammanco.it/trasformare-un-sito-in-twa/
Sessione "Intro to DotNetNuke" tenuta al DotNetCampus 2012.
DotNetNuke è un sistema per la gestione dei contenuti (CMS) ed un Portal Application Framework realizzato con tecnologia Microsoft ASP.NET Open Source. E' un CMS presente sul mercato da diversi anni e adatto sia per principianti che per sviluppatori esigenti con una serie praticamente infinita di moduli aggiuntivi. In questa sessione vedremo un'introduzione per capire le funzionalità di base esposte dal sistema.
Angular js o React? Spunti e idee per la scelta di un frameworkGiovanni Buffa
Come poter scegliere un framework da utilizzare in un progetto per una web applications? Durante questo workshop analizzeremo le parti fondamentali di AngularJs e React, in modo da capire pregi e difetti di ognungo dei due principali strumenti di sviluppo.
Azure Meetup: Novità CosmosDB modalità Serverless e Cognitive Servicesdotnetcode
Progettatto per gli sviluppatori, il servizio di database NoSQL CosmosDB completamente gestito per lo sviluppo di app moderne con tempi di risposta garantiti inferiori a unità di millisecondi e disponibilità al 99,999% supportata da contratti di servizio, scalabilità automatica e immediata e API open source per MongoDB e Cassandra.
In questa sessione illustreremo le ultime novità che riguardano la modalità Serverless, le integrazioni con il mondo AI/Cognitive Services, l’unificazione con il mondo analytics (Azure Synapse), e gli aggiornamenti sui vari SDK che lo rendono uno strumento potente e facile da usare.
Speaker: Michele Arpaia (Microsoft)
Video: https://youtu.be/5L_6miK9w4Y
Azure Meetup: Understanding Azure App Service Plandotnetcode
Azure App Service è il servizio Microsoft per l'hosting di applicazioni basate sul Web (Web App, Api App, Mobile App o Logic App).
In Azure App Service Il piano tariffario determina le limitazioni in termini di spazio sul disco, il numero di app che è possibile ospitare e il numero di istanze di macchine virtuali che è possibile scalare all'interno del piano.
Inoltre il piano tariffario scelto determina anche quali funzionalità sono disponibili.
Scopriamo le differenze tra i vari piani, come cambiarlo anche dopo la creazione dell'App Service e come scalarlo.
Speaker: Gaetano Paternò
Video sessione: https://youtu.be/u1akvSSsFz4
Azure Meetup: Keep your secrets and configurations safe in azure!dotnetcode
Le nostre applicazioni hanno di tutto nei loro file di configurazione: stringhe di connessione, chiavi di accesso ai servizi e informazioni sensibili si trovano, in chiaro, scritti in file accessibili da chiunque. Ogni applicazione, inoltre, ha il suo file di configurazione dove vengono duplicate informazioni che sono sempre le stesse.Sarà il modo corretto di conservare i segreti?
Come faccio a sapere chi e quando accede alle informazioni sensibili e come posso centralizzare le configurazioni comuni?
Azure Key Vault e Azure App Configuration possono essere la soluzione ai nostri problemi. In questo meetup vedremo quali strumenti e funzionalità ci forniscono per mettere in sicurezza le informazioni sensibili di configurazione delle nostre applicazioni…..e non solo!!!
Meetup Azure DevOps
Introduzione ad Azure DevOps e panoramica sulle principali funzionalità per il CI ed il CD del proprio software
Speaker: Simone Natalini
5. DotNetCode.IT
Microsoft .Net Coding Community
AGENDA
• Introduzione
• Cosa sono le Progressive Web App
• Tecnologie di una PWA
• Demo con ASP.NET Core e modelli di distribuzione
• Q&A
www.dotnetcode.it
7. DotNetCode.IT
Microsoft .Net Coding Community
Introduzione
Il termine «Progressive Web App» è stato coniato dagli
ingegneri di Google nel 2015, nonostante sia Apple che Mozilla
avessero già rilasciato anni prima dei framework per distribuire
applicazioni sulle rispettive piattaforme sotto una forma
diversa
www.dotnetcode.it
8. DotNetCode.IT
Microsoft .Net Coding Community
Cosa sono le Progressive Web App
Una Progressive Web App è un sito o una web app web
sviluppata seguendo una serie di pattern e sfruttando delle
tecnologie che le consentono di sfruttare al massimo sia le
normali funzionalità di un moderno sito web che quelle native
del sistema operativo.
www.dotnetcode.it
9. DotNetCode.IT
Microsoft .Net Coding Community
Cosa costituisce una Progressive Web App?
Una PWA è fatta di un insieme di tecnologie, pattern e in generale di
una nuova «filosofia» con il quale andiamo a costruire i nostri siti web.
Un sito web o una app possono essere considerati una PWA quando
rispettano alcuni requisiti o quando implementano diverse feature.
www.dotnetcode.it
10. DotNetCode.IT
Microsoft .Net Coding Community
Cosa costituisce una Progressive Web App?
In generale, una PWA può essere considerata una PWA quando è:
• Ricercabile: deve essere facilmente ricercabile e trovabile su un
motore di ricerca
• Installabile: l’utente non deve «fare fatica» nell’installare l’app
• Condivisibile: condividere l’app deve essere semplice come
condividere un link
• Indipendente dalla rete: l’app deve funzionare offline
• Autonoma: l’app deve poter mandare contenuti all’utente (es.
notifiche push) senza dover essere attivata dal browser
www.dotnetcode.it
11. DotNetCode.IT
Microsoft .Net Coding Community
Cosa costituisce una Progressive Web App?
• Responsive: in modo da poter essere eseguita e usata correttamente
su ogni dispositivo
• Sicura: essendo installata e interagendo con il sistema operativo del
dispositivo, il suo contenuto deve essere sicuro.
www.dotnetcode.it
12. DotNetCode.IT
Microsoft .Net Coding Community
Tecnologie di una PWA
Una Progressive Web App si basa principalmente su un insieme di
tecnologie standard:
• Web Manifest: un file JSON che segue uno schema standard con il
quale la web app si «presenta»
• Service Workers: un file Javascript che opera come worker in
background e fa da proxy virtuale tra le risorse del browser e la rete
(anche quando non c’è)
• Web Storage/IndexedDB: entrambe possono essere lo storage che
consente all’app di mantenere e persistere informazioni
www.dotnetcode.it
13. DotNetCode.IT
Microsoft .Net Coding Community
Tecnologie di una PWA: Il web manifest
Il Web Manifest è un file JSON che contiene diverse
informazioni fondamentali, come il nome, la descrizione, le
icone dell’app, la versione, oltre che le informazioni su come
comportarsi quando viene installata sul device dell’utente. Il
manifest deve essere presente nell’<head> della pagina
principale del nostro sito, e può essere disponibile sia in
anonimo che tramite l’utilizzo di credenziali.
www.dotnetcode.it
14. DotNetCode.IT
Microsoft .Net Coding Community
Tecnologie di una PWA: Il service worker
Il Service Worker è un proxy virtuale che opera tra il browser e
la rete, anche quando quest’ultima non c’è. Il suo compito
principale è quello di gestire il caching degli asset dell’app in
modo tale da fornirli quando richiesti (soprattutto quando si è
offline)
www.dotnetcode.it
15. DotNetCode.IT
Microsoft .Net Coding Community
Tecnologie di una PWA: Il service worker
Il Service Worker può essere molto potente, ed essere utilizzato per
qualcosa che va oltre la gestione del caching; infatti può eseguire
pesanti calcoli, ricevere e inviare notifiche e eseguire task in background
senza impattare minimamente sulle performance del sito, girando in un
thread separato da quello del sito.
www.dotnetcode.it
16. DotNetCode.IT
Microsoft .Net Coding Community
Tecnologie di una PWA: Il service worker
Il Service Worker inoltre può agire interamente da «rete», prenderne
il controllo quando si è online, manipolare le richieste in uscita e in
entrata dall’app (e in generale nel contesto del browser) servendo
contenuti cachati.
Proprio per questo, onde evitare utilizzi malevoli, si può registrare un
service worker solo se il sito viene servito in HTTPS.
www.dotnetcode.it
17. DotNetCode.IT
Microsoft .Net Coding Community
Tecnologie di una PWA: IndexedDB e Cache API
Come ogni app, per salvare dei dati, le PWA principalmente
sfruttano due tecnologie: IndexedDB e Cache API
L’IndexedDB è un database system transazionale, un quasi
normale RDBMS, ma contrariamente a quest’ultimi storicizza i
dati sotto forma di chiave-oggetto piuttosto che in forma
tabellare.
www.dotnetcode.it
18. DotNetCode.IT
Microsoft .Net Coding Community
Tecnologie di una PWA: IndexedDB e Cache API
La Cache API invece è un sistema che gestisce, memorizza e
restituisce le richieste inviate dall’app e le corrispettive risposte.
Lavora a stretto giro con il Service Worker, dato che infatti il
suo scopo principale è quello di servire da backend al Service
Worker quando l’app è offline, avendo previamente “cachato”
tutto il necessario
www.dotnetcode.it