SlideShare ist ein Scribd-Unternehmen logo
1 von 47
Downloaden Sie, um offline zu lesen
PWA e Hybrid App VS Native
Alberto Abruzzo / GDG Milano
www.albertoabruzzo.com
@alberto_abruzzo
Cos’è una app Native?
Performance API User Experience
Pro Native
Costi alti Troppo tempo Grande impiego
di risorse
Contro Native
Cos’è una app Hybrid?
Costi ridotti Sviluppo rapidoCode Sharing
Pro Hybrid
Performance
non al top
User Experience Accesso limitato
alle API
Contro Hybrid
Cos’è PWA?
Installazione Update Progressive
Pro PWA
Cross browser? iOS? I limiti del web
Contro PWA
whatwebcando.today
Come evolve il mercato
App presenti negli Store
Come sviluppare app hybrid
$ npm install -g cordova ionic
$ ionic start myApp tabs
$ ionic platform add android
$ ionic run android
ionicframework.com/docs
$ npm install -g react-native-cli
$ react-native init myApp
$ react-native run-android
facebook.github.io/react-native/docs
Casi reali di app hybrid
Instagram
Casi reali di app hybrid
Sworkit
Casi reali di app hybrid
Material Apps Showcase
Qual è il problema?
Come rimediare?
Con le Progressive Web Apps (PWA)
App Shell1
Service worker
Manifest
2
3
App Shell1
App Shell1
Service worker2
App Shell1
Service worker
Manifest
2
3
<head>
</head>
pwa.rocks
goo.gl/xrnV86
goo.gl/ziCGM0
Che tecnologia usare?
PWANative Hybrid
Feedback
https://goo.gl/HBXbiL
Alberto Abruzzo / GDG Milano
www.albertoabruzzo.com
@alberto_abruzzo

Weitere ähnliche Inhalte

Was ist angesagt?

Sviluppo di applicazioni web in ambito mobile
Sviluppo di applicazioni web in ambito mobileSviluppo di applicazioni web in ambito mobile
Sviluppo di applicazioni web in ambito mobileRoberto Cappelletti
 
Tech Webinar - Creare app mobile con Phonegap
Tech Webinar - Creare app mobile con Phonegap Tech Webinar - Creare app mobile con Phonegap
Tech Webinar - Creare app mobile con Phonegap Codemotion
 
ForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive DesignForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive DesignFabrizio Caccavello
 
Cosa sono le Web Performance e perché dovete preoccuparvene
Cosa sono le Web Performance e perché dovete preoccuparveneCosa sono le Web Performance e perché dovete preoccuparvene
Cosa sono le Web Performance e perché dovete preoccuparveneOlegs Belousovs
 
Corso Wordpress Milano
Corso Wordpress MilanoCorso Wordpress Milano
Corso Wordpress MilanoDenis Leo
 
Lezione8 seo-confartigianato
Lezione8 seo-confartigianatoLezione8 seo-confartigianato
Lezione8 seo-confartigianatoAndrea Vaccarella
 
Integrazione con Visual Studio Online
Integrazione con Visual Studio OnlineIntegrazione con Visual Studio Online
Integrazione con Visual Studio OnlineDavide Benvegnù
 

Was ist angesagt? (8)

Sviluppo di applicazioni web in ambito mobile
Sviluppo di applicazioni web in ambito mobileSviluppo di applicazioni web in ambito mobile
Sviluppo di applicazioni web in ambito mobile
 
Tech Webinar - Creare app mobile con Phonegap
Tech Webinar - Creare app mobile con Phonegap Tech Webinar - Creare app mobile con Phonegap
Tech Webinar - Creare app mobile con Phonegap
 
ForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive DesignForumPA - App no grazie, lunga vita a Responsive Design
ForumPA - App no grazie, lunga vita a Responsive Design
 
Cosa sono le Web Performance e perché dovete preoccuparvene
Cosa sono le Web Performance e perché dovete preoccuparveneCosa sono le Web Performance e perché dovete preoccuparvene
Cosa sono le Web Performance e perché dovete preoccuparvene
 
Grasso
GrassoGrasso
Grasso
 
Corso Wordpress Milano
Corso Wordpress MilanoCorso Wordpress Milano
Corso Wordpress Milano
 
Lezione8 seo-confartigianato
Lezione8 seo-confartigianatoLezione8 seo-confartigianato
Lezione8 seo-confartigianato
 
Integrazione con Visual Studio Online
Integrazione con Visual Studio OnlineIntegrazione con Visual Studio Online
Integrazione con Visual Studio Online
 

Andere mochten auch

Building a Progressive Web App
Building a  Progressive Web AppBuilding a  Progressive Web App
Building a Progressive Web AppIdo Green
 
Why Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your BusinessWhy Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your BusinessLets Grow Business
 
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Robert Nyman
 
PWA 101
PWA 101PWA 101
PWA 101m_catt
 
Real World Progressive Web Apps (Building Flipkart Lite)
Real World Progressive Web Apps (Building Flipkart Lite)Real World Progressive Web Apps (Building Flipkart Lite)
Real World Progressive Web Apps (Building Flipkart Lite)Abhinav Rastogi
 
Progressive Web Applications
Progressive Web ApplicationsProgressive Web Applications
Progressive Web ApplicationsBartek Igielski
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Zhentian Wan
 
Anatomy of a Progressive Web App
Anatomy of a Progressive Web AppAnatomy of a Progressive Web App
Anatomy of a Progressive Web AppMike North
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web appsFastly
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWAIdo Green
 
Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Abdelrahman Omran
 
Progressive web apps with Angular 2
Progressive web apps with Angular 2Progressive web apps with Angular 2
Progressive web apps with Angular 2Manfred Steyer
 
Extensible web
Extensible webExtensible web
Extensible webJxck Jxck
 
Getting Started with Progressive Web Apps
Getting Started with Progressive Web AppsGetting Started with Progressive Web Apps
Getting Started with Progressive Web AppsBill Stavroulakis
 
Progressive Web Apps for Beginners
Progressive Web Apps for BeginnersProgressive Web Apps for Beginners
Progressive Web Apps for BeginnersPietro Alberto Rossi
 
ADBMS (MySql) tiny project
ADBMS (MySql) tiny projectADBMS (MySql) tiny project
ADBMS (MySql) tiny projectDeepak Upadhyay
 
You Are Born To Blossom by Dr. APJ Abdul Kalam Book Review
You Are Born To Blossom by Dr. APJ Abdul Kalam Book ReviewYou Are Born To Blossom by Dr. APJ Abdul Kalam Book Review
You Are Born To Blossom by Dr. APJ Abdul Kalam Book ReviewDeepak Upadhyay
 
Native vs Hybrid App Development
Native vs Hybrid App DevelopmentNative vs Hybrid App Development
Native vs Hybrid App DevelopmentArghya Sen
 

Andere mochten auch (20)

Building a Progressive Web App
Building a  Progressive Web AppBuilding a  Progressive Web App
Building a Progressive Web App
 
Why Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your BusinessWhy Progressive Web App is what you need for your Business
Why Progressive Web App is what you need for your Business
 
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
Introduction to Progressive Web Apps, Google Developer Summit, Seoul - South ...
 
PWA 101
PWA 101PWA 101
PWA 101
 
Real World Progressive Web Apps (Building Flipkart Lite)
Real World Progressive Web Apps (Building Flipkart Lite)Real World Progressive Web Apps (Building Flipkart Lite)
Real World Progressive Web Apps (Building Flipkart Lite)
 
Progressive Web Applications
Progressive Web ApplicationsProgressive Web Applications
Progressive Web Applications
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)
 
Anatomy of a Progressive Web App
Anatomy of a Progressive Web AppAnatomy of a Progressive Web App
Anatomy of a Progressive Web App
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
 
Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016Progressive Web Apps / GDG DevFest - Season 2016
Progressive Web Apps / GDG DevFest - Season 2016
 
Progressive web apps with Angular 2
Progressive web apps with Angular 2Progressive web apps with Angular 2
Progressive web apps with Angular 2
 
Extensible web
Extensible webExtensible web
Extensible web
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
Getting Started with Progressive Web Apps
Getting Started with Progressive Web AppsGetting Started with Progressive Web Apps
Getting Started with Progressive Web Apps
 
Progressive Web Apps for Beginners
Progressive Web Apps for BeginnersProgressive Web Apps for Beginners
Progressive Web Apps for Beginners
 
ADBMS (MySql) tiny project
ADBMS (MySql) tiny projectADBMS (MySql) tiny project
ADBMS (MySql) tiny project
 
You Are Born To Blossom by Dr. APJ Abdul Kalam Book Review
You Are Born To Blossom by Dr. APJ Abdul Kalam Book ReviewYou Are Born To Blossom by Dr. APJ Abdul Kalam Book Review
You Are Born To Blossom by Dr. APJ Abdul Kalam Book Review
 
Native vs Hybrid App Development
Native vs Hybrid App DevelopmentNative vs Hybrid App Development
Native vs Hybrid App Development
 

Ähnlich wie PWA e Hybrid App VS Native

Federico Massi.it - Intro alle app mobile Cordova
Federico Massi.it - Intro alle app mobile CordovaFederico Massi.it - Intro alle app mobile Cordova
Federico Massi.it - Intro alle app mobile CordovaFederico Massi
 
PhoneGap ovvero lo Sviluppo Mobile Nativo con HTML, CSS e JavaScript
PhoneGap ovvero lo Sviluppo Mobile Nativo con HTML, CSS e JavaScriptPhoneGap ovvero lo Sviluppo Mobile Nativo con HTML, CSS e JavaScript
PhoneGap ovvero lo Sviluppo Mobile Nativo con HTML, CSS e JavaScriptFrancesca1980
 
Sviluppo di App cross-platform con Cordova e HTML5
Sviluppo di App cross-platform con Cordova e HTML5Sviluppo di App cross-platform con Cordova e HTML5
Sviluppo di App cross-platform con Cordova e HTML5Gabriele Gaggi
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web AppsLuca Fortin
 
Meet no Neet: presentazione del progetto App per organizzare eventi
Meet no Neet: presentazione del progetto App per organizzare eventiMeet no Neet: presentazione del progetto App per organizzare eventi
Meet no Neet: presentazione del progetto App per organizzare eventiFondazione Mondo Digitale
 
Workshop AngularJs, Cordova, Ionic - Politecnico di Milano
Workshop AngularJs, Cordova, Ionic - Politecnico di MilanoWorkshop AngularJs, Cordova, Ionic - Politecnico di Milano
Workshop AngularJs, Cordova, Ionic - Politecnico di MilanoGabriele Gaggi
 
Multi-Device Hybrid Apps con Visual Studio e Apache Cordova
Multi-Device Hybrid Apps con Visual Studio e Apache CordovaMulti-Device Hybrid Apps con Visual Studio e Apache Cordova
Multi-Device Hybrid Apps con Visual Studio e Apache CordovaAndrea Dottor
 
Strategie per applicazioni web prima o meglio dell'app nativa
Strategie per applicazioni web prima o meglio dell'app nativaStrategie per applicazioni web prima o meglio dell'app nativa
Strategie per applicazioni web prima o meglio dell'app nativaDiego La Monica
 
E se non avessi davvero bisogno di un app?
E se non avessi davvero bisogno di un app?E se non avessi davvero bisogno di un app?
E se non avessi davvero bisogno di un app?Diego La Monica
 
Mobile Marketing: consigli pratici e utili per migliorare il proprio progetto...
Mobile Marketing: consigli pratici e utili per migliorare il proprio progetto...Mobile Marketing: consigli pratici e utili per migliorare il proprio progetto...
Mobile Marketing: consigli pratici e utili per migliorare il proprio progetto...Giorgio Taverniti
 
Presentazione Evento CBT "Soluzioni Mobile per il Business"
Presentazione Evento CBT "Soluzioni Mobile per il Business"Presentazione Evento CBT "Soluzioni Mobile per il Business"
Presentazione Evento CBT "Soluzioni Mobile per il Business"Ruggero Borgonovo
 
Applicazioni mobili: strumenti, costi soluzioni e peformance
Applicazioni mobili: strumenti, costi soluzioni e peformanceApplicazioni mobili: strumenti, costi soluzioni e peformance
Applicazioni mobili: strumenti, costi soluzioni e peformanceDiego La Monica
 
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPS
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPSLezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPS
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPSGianluigi Cogo
 
Ideare un app e farla fruttare: quanti modi? Quale scegliere?
Ideare un app e farla fruttare: quanti modi? Quale scegliere?Ideare un app e farla fruttare: quanti modi? Quale scegliere?
Ideare un app e farla fruttare: quanti modi? Quale scegliere?Diego La Monica
 

Ähnlich wie PWA e Hybrid App VS Native (20)

Mobile application
Mobile applicationMobile application
Mobile application
 
Federico Massi.it - Intro alle app mobile Cordova
Federico Massi.it - Intro alle app mobile CordovaFederico Massi.it - Intro alle app mobile Cordova
Federico Massi.it - Intro alle app mobile Cordova
 
PhoneGap ovvero lo Sviluppo Mobile Nativo con HTML, CSS e JavaScript
PhoneGap ovvero lo Sviluppo Mobile Nativo con HTML, CSS e JavaScriptPhoneGap ovvero lo Sviluppo Mobile Nativo con HTML, CSS e JavaScript
PhoneGap ovvero lo Sviluppo Mobile Nativo con HTML, CSS e JavaScript
 
App, sito mobile o entrambi ?
App, sito mobile o entrambi ?App, sito mobile o entrambi ?
App, sito mobile o entrambi ?
 
Sviluppo di App cross-platform con Cordova e HTML5
Sviluppo di App cross-platform con Cordova e HTML5Sviluppo di App cross-platform con Cordova e HTML5
Sviluppo di App cross-platform con Cordova e HTML5
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Il Web su Mobile
Il Web su MobileIl Web su Mobile
Il Web su Mobile
 
Meet no Neet: presentazione del progetto App per organizzare eventi
Meet no Neet: presentazione del progetto App per organizzare eventiMeet no Neet: presentazione del progetto App per organizzare eventi
Meet no Neet: presentazione del progetto App per organizzare eventi
 
Workshop AngularJs, Cordova, Ionic - Politecnico di Milano
Workshop AngularJs, Cordova, Ionic - Politecnico di MilanoWorkshop AngularJs, Cordova, Ionic - Politecnico di Milano
Workshop AngularJs, Cordova, Ionic - Politecnico di Milano
 
Multi-Device Hybrid Apps con Visual Studio e Apache Cordova
Multi-Device Hybrid Apps con Visual Studio e Apache CordovaMulti-Device Hybrid Apps con Visual Studio e Apache Cordova
Multi-Device Hybrid Apps con Visual Studio e Apache Cordova
 
Le app
Le appLe app
Le app
 
Strategie per applicazioni web prima o meglio dell'app nativa
Strategie per applicazioni web prima o meglio dell'app nativaStrategie per applicazioni web prima o meglio dell'app nativa
Strategie per applicazioni web prima o meglio dell'app nativa
 
E se non avessi davvero bisogno di un app?
E se non avessi davvero bisogno di un app?E se non avessi davvero bisogno di un app?
E se non avessi davvero bisogno di un app?
 
Mobile Marketing: consigli pratici e utili per migliorare il proprio progetto...
Mobile Marketing: consigli pratici e utili per migliorare il proprio progetto...Mobile Marketing: consigli pratici e utili per migliorare il proprio progetto...
Mobile Marketing: consigli pratici e utili per migliorare il proprio progetto...
 
Presentazione Evento CBT "Soluzioni Mobile per il Business"
Presentazione Evento CBT "Soluzioni Mobile per il Business"Presentazione Evento CBT "Soluzioni Mobile per il Business"
Presentazione Evento CBT "Soluzioni Mobile per il Business"
 
Applicazioni mobili: strumenti, costi soluzioni e peformance
Applicazioni mobili: strumenti, costi soluzioni e peformanceApplicazioni mobili: strumenti, costi soluzioni e peformance
Applicazioni mobili: strumenti, costi soluzioni e peformance
 
platforms
platformsplatforms
platforms
 
@Web co tilde app
@Web co tilde app@Web co tilde app
@Web co tilde app
 
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPS
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPSLezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPS
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPS
 
Ideare un app e farla fruttare: quanti modi? Quale scegliere?
Ideare un app e farla fruttare: quanti modi? Quale scegliere?Ideare un app e farla fruttare: quanti modi? Quale scegliere?
Ideare un app e farla fruttare: quanti modi? Quale scegliere?
 

PWA e Hybrid App VS Native