The document compares mobile web apps, progressive web apps, hybrid apps, and native apps. It discusses their key differences in areas like installation process, updates, access to device features, battery life, security, launch to market timeline, codebase, talent required, and development costs and time. Progressive web apps are the fastest to launch, have a single codebase, but have limited offline capabilities and access to device features. Native apps have the best performance and access to features but the longest development time and costs.
Join Matt Netkow for an updated look into all the ways modern hybrid app development has evolved in its 10+ year journey.
Watch live presentation here:
https://ionicframework.com/resources/webinars/hybrid-app-development-redefined
Reimagining Cordova: Building Cross-Platform Web Apps with CapacitorIonic Framework
Join Matt Netkow, Sr. Product Evangelist, as he uses Capacitor, Ionic's new cross-platform app runtime, to build a Progressive Web App with improved native features that runs anywhere—iOS, Android, the web, you name it.
This slide deck was used during a webinar presentation covering everything you can do and build with Ionic from Matt Netkow, Head of Developer Relations.
Join Matt Netkow for an updated look into all the ways modern hybrid app development has evolved in its 10+ year journey.
Watch live presentation here:
https://ionicframework.com/resources/webinars/hybrid-app-development-redefined
Reimagining Cordova: Building Cross-Platform Web Apps with CapacitorIonic Framework
Join Matt Netkow, Sr. Product Evangelist, as he uses Capacitor, Ionic's new cross-platform app runtime, to build a Progressive Web App with improved native features that runs anywhere—iOS, Android, the web, you name it.
This slide deck was used during a webinar presentation covering everything you can do and build with Ionic from Matt Netkow, Head of Developer Relations.
Pepperoni 2.0 - How to spice up your mobile apps Futurice
Pepperoni 2.0 - How to spice up your mobile apps (http://getpepperoni.com)
Description: Pepperoni is Futurice’s in-house developed App Starter Kit for iOS and Android applications based on React Native. It makes your life as a developer easier and helps you to focus on your app functionality rather than reinventing the wheel again for basic features such as tab navigation and user authentication.
Presenter: Tino Junge (@tinojunge)
Tino is a Full Stack Engineer located in Futurice’s London office since January 2016. He is passionated about Design Thinking and new web technologies. Most recently has been developing apps with React and React Native.
Presented at Futurice London's Beer & Tech Meetup on 16.11.16.
Join Matt Netkow, Head of Developer Relations, as he announces the launch of Capacitor, Ionic's new cross-platform app runtime that makes it easy to build web apps that run natively on iOS, Android, Electron, and the web.
View presentation here: https://www.youtube.com/watch?v=tDW2C6rcH6M&t=1s
Have you ever wondered that how much would it cost you for hiring developers??
Well the cost of hiring a web or mobile app developer primarily relies on the platform on which the website or the mobile app is to be built.
If the developer has working experience on advanced technologies like AI, IoT, and Blockchain, the cost may increase.
In this blog you'll be able to calculate, how different technologies/platforms could cost you and will get to know the cost of hiring developers in India.
React Native was introduced on the heels of Facebook’s React JavaScript library. It extended React, by allowing developers to create native apps for Android and iOS in JavaScript – an extremely difficult feat.
Top Cordova Challenges and How to Tackle ThemIonic Framework
One of the best things about hybrid development is the ability to develop native-powered apps without being a native mobile expert. Thanks to the open source Cordova project, we can access native device features like Camera, GPS, and more, with basic JavaScript.
But, Cordova can also be one of the most challenging.
In this webinar, Matt Netkow and special guest Bryant Plano (Ionic Customer Success team) cover the top Cordova challenges and the best strategies to overcome them. Learn how to tackle dependency management, address failed builds, craft ongoing maintenance strategies, and more.
https://ionicpro.wistia.com/medias/74n19v7ods
Appium - Reality check on the world’s leading Open Source Framework for Mobil...Asaf Saar
Appium is clearly the world leading framework for mobile apps test automation. Adoption of Appium is in constant rise, and for the good reasons.
Yet, in many cases those who do their initial steps or even progressing with the framework realize that the world is not that simple, challenges arise, limitations are discovered and one can find himself wondering whether the right decision was taken in investing the time and money into it (yes... open source cost you money).
In this talk we will pause for a while, review why Appium is an outstanding framework, while also do a reality check of the cons and pros of Appium, helping you make the best out of it, or at least have a clear understanding of what's ahead of you.
Presentation targeted at web developers interested in getting into mobile development. Answers the question why you should be looking into mobile apps, what are differences and what to expect. Also introduces Appzio platform which allows native mobile app development only from the backend. With Appzio PHP or JavaScript developers can create professional quality native apps from the backend only.
React Native is a cross-platform app. Cross-platform app development has never been easier but React Native, eliminates the need to create separate app versions for different platforms.
Intro to Ionic for Building Hybrid Mobile ApplicationsSasha dos Santos
Ionic is a free framework that allows users to easily build hybrid mobile applications for iOS and Android using Angular and Cordova. Ionic provides a command line interface, CSS classes, reusable components (directives) and various tools for testing and development. In this session, you'll get a birdseye view of what Ionic has to offer, as well as guidelines for building your first Ionic app, including the use of tools such as Yeoman, Bower and Grunt.
Join Matt Netkow for a walkthrough of Capacitor 2.0. During this webinar, he’ll show off all the new features and capabilities of the latest version, along with the core feature set from previous versions. Watch the live presentation here: https://bit.ly/2TomZqV
Reark : a Reference Architecture for Android using RxJavaFuturice
Reark : a Reference Architecture for Android using RxJava (https://github.com/reark/reark)
Description: Reark showcase a reference Architecture for Android application using Rxjava. This is an ambitious reference project of what can be done with RxJava to create an app based on streams of data and view models.
presenter: Timo Tuominen (@tehmou)
Timo is reactive programming specialist trying to make the world a better place - or at least the code. In addition to creating all kinds of apps and services, he enjoys teaching software development and is writing a book.
This was presented at Futurice London's Beer & Tech event on 16.11.16.
Ionic is a hybrid concept that uses the angular JS and Apache Cordova to build the applications. Ionic uses web technologies that enables web developers to switches to mobile technologies.
Join us for a brief overview of the Salesforce Mobile SDK and Ionic Framework, and learn how you can use the two technologies together to build consumer apps lightning fast. We will talk about best practices, considerations, and architecture of a consumer app. The talk is aimed at a technical audience who are both beginners and proficient at mobile app development.
Ionic adventures - Hybrid Mobile App Development rocksJuarez Filho
Ionic frameworks is the new kid on the block related to Hybrid Mobile Apps created by Drifty and rapidly growth with a variety of tools like ionic lab, ionic creator, ionic view, ionic crosswalk integration and other exciting tools is coming this year like ionic PUSH.
Check this presentation to have a short getting start in this amazing framework.
Let's create amazing apps with Ionic. \o/
Pepperoni 2.0 - How to spice up your mobile apps Futurice
Pepperoni 2.0 - How to spice up your mobile apps (http://getpepperoni.com)
Description: Pepperoni is Futurice’s in-house developed App Starter Kit for iOS and Android applications based on React Native. It makes your life as a developer easier and helps you to focus on your app functionality rather than reinventing the wheel again for basic features such as tab navigation and user authentication.
Presenter: Tino Junge (@tinojunge)
Tino is a Full Stack Engineer located in Futurice’s London office since January 2016. He is passionated about Design Thinking and new web technologies. Most recently has been developing apps with React and React Native.
Presented at Futurice London's Beer & Tech Meetup on 16.11.16.
Join Matt Netkow, Head of Developer Relations, as he announces the launch of Capacitor, Ionic's new cross-platform app runtime that makes it easy to build web apps that run natively on iOS, Android, Electron, and the web.
View presentation here: https://www.youtube.com/watch?v=tDW2C6rcH6M&t=1s
Have you ever wondered that how much would it cost you for hiring developers??
Well the cost of hiring a web or mobile app developer primarily relies on the platform on which the website or the mobile app is to be built.
If the developer has working experience on advanced technologies like AI, IoT, and Blockchain, the cost may increase.
In this blog you'll be able to calculate, how different technologies/platforms could cost you and will get to know the cost of hiring developers in India.
React Native was introduced on the heels of Facebook’s React JavaScript library. It extended React, by allowing developers to create native apps for Android and iOS in JavaScript – an extremely difficult feat.
Top Cordova Challenges and How to Tackle ThemIonic Framework
One of the best things about hybrid development is the ability to develop native-powered apps without being a native mobile expert. Thanks to the open source Cordova project, we can access native device features like Camera, GPS, and more, with basic JavaScript.
But, Cordova can also be one of the most challenging.
In this webinar, Matt Netkow and special guest Bryant Plano (Ionic Customer Success team) cover the top Cordova challenges and the best strategies to overcome them. Learn how to tackle dependency management, address failed builds, craft ongoing maintenance strategies, and more.
https://ionicpro.wistia.com/medias/74n19v7ods
Appium - Reality check on the world’s leading Open Source Framework for Mobil...Asaf Saar
Appium is clearly the world leading framework for mobile apps test automation. Adoption of Appium is in constant rise, and for the good reasons.
Yet, in many cases those who do their initial steps or even progressing with the framework realize that the world is not that simple, challenges arise, limitations are discovered and one can find himself wondering whether the right decision was taken in investing the time and money into it (yes... open source cost you money).
In this talk we will pause for a while, review why Appium is an outstanding framework, while also do a reality check of the cons and pros of Appium, helping you make the best out of it, or at least have a clear understanding of what's ahead of you.
Presentation targeted at web developers interested in getting into mobile development. Answers the question why you should be looking into mobile apps, what are differences and what to expect. Also introduces Appzio platform which allows native mobile app development only from the backend. With Appzio PHP or JavaScript developers can create professional quality native apps from the backend only.
React Native is a cross-platform app. Cross-platform app development has never been easier but React Native, eliminates the need to create separate app versions for different platforms.
Intro to Ionic for Building Hybrid Mobile ApplicationsSasha dos Santos
Ionic is a free framework that allows users to easily build hybrid mobile applications for iOS and Android using Angular and Cordova. Ionic provides a command line interface, CSS classes, reusable components (directives) and various tools for testing and development. In this session, you'll get a birdseye view of what Ionic has to offer, as well as guidelines for building your first Ionic app, including the use of tools such as Yeoman, Bower and Grunt.
Join Matt Netkow for a walkthrough of Capacitor 2.0. During this webinar, he’ll show off all the new features and capabilities of the latest version, along with the core feature set from previous versions. Watch the live presentation here: https://bit.ly/2TomZqV
Reark : a Reference Architecture for Android using RxJavaFuturice
Reark : a Reference Architecture for Android using RxJava (https://github.com/reark/reark)
Description: Reark showcase a reference Architecture for Android application using Rxjava. This is an ambitious reference project of what can be done with RxJava to create an app based on streams of data and view models.
presenter: Timo Tuominen (@tehmou)
Timo is reactive programming specialist trying to make the world a better place - or at least the code. In addition to creating all kinds of apps and services, he enjoys teaching software development and is writing a book.
This was presented at Futurice London's Beer & Tech event on 16.11.16.
Ionic is a hybrid concept that uses the angular JS and Apache Cordova to build the applications. Ionic uses web technologies that enables web developers to switches to mobile technologies.
Join us for a brief overview of the Salesforce Mobile SDK and Ionic Framework, and learn how you can use the two technologies together to build consumer apps lightning fast. We will talk about best practices, considerations, and architecture of a consumer app. The talk is aimed at a technical audience who are both beginners and proficient at mobile app development.
Ionic adventures - Hybrid Mobile App Development rocksJuarez Filho
Ionic frameworks is the new kid on the block related to Hybrid Mobile Apps created by Drifty and rapidly growth with a variety of tools like ionic lab, ionic creator, ionic view, ionic crosswalk integration and other exciting tools is coming this year like ionic PUSH.
Check this presentation to have a short getting start in this amazing framework.
Let's create amazing apps with Ionic. \o/
How different is the mobile application development experience? What do we need to know about native mobile application development stack? How different it is compared to hybrid mobile application development? What's the big deal about it? Let's get together and see a comparison between native vs. mobile web browser vs. hybrid mobile apps, following with an introductory to the hybrid mobile application development.
Slideshow from series of presentations regarding business and management side of mobile frameworks.
React-native is best solution at the moment, with apps done by Facebook, Instagram and Airbnb.
Don't waste your time, be in front of the wave!
In this session we’ll talk about the evolving ASP.NET platform and what’s new with .NET 5, as well as what’s coming with .NET 6. Modern ASP.NET applications will take advantage of .NET full-stack using Microsoft’s Blazor framework. We’ll discuss how the new framework coupled with Telerik UI for Blazor cut development time and boost productivity.
We can know about what is mobile application. Especially we can know about Hybrid Mobile Application.
Hybrid mobile Application's Overview information and few thing about Native and Web mobile applications.
React Native is an open-source JavaScript framework, designed to build applications across multiple platforms such as iOS, Android, and web applications, using the same code base. It is based on React and brings all its glory to mobile app development.
Why Consider React Native for the Travel Industry.pdfReactJS
Technology has changed the face of every industry. The tourism industry is no different. Let’s closely look at what React Native offers to the travel industry.
JQuery Mobile vs Appcelerator Titanium vs Sencha TouchSteve Drucker
During this briefing for developers and I.T. managers, you'll get an in-depth review of the three most popular javascript-based mobile application development platforms - jQuery Mobile, Sencha Touch, and Appcelerator Titanium! You'll review the development tools, hear about the developer and debugging experience, and participate in a brief code review in order to determine which framework is the most appropriate for your next mobile project! We'll demonstrate how each framework can be used to develop the same mobile app, highlighting the strengths and weaknesses of each.
Note that the full 2.5 hour video of this presentation is available at http://bit.ly/Y04lDi
What is React Native and Why Should You Choose It For Mobile AppNicole Khoo
This blog will discuss what React Native App Development is The advantages of choosing React Native for App development,and the various reasons to use React Native for Mobile App Development. It will include features like Live Reload capability ,support for third-party plugins,and more.
Top React Native App Development Considerations You Shouldn’t MissWeblineIndia
In this post, we have listed the top considerations for react native app development that you shouldn't miss. Read the post to know more. https://www.weblineindia.com/blog/top-react-native-app-development-considerations/
Fantastic Platforms: The Secrets of the Crypto-MetaverseVincent Lau
Technology has always been redefining the way we use platforms to work and play. Historically, Web
1.0 was an information superhighway of connected computers, where you can search and browse
through various centralized company’s platforms. Then at the turn of the millennium, Web 2.0
brought about cloud-based platforms that drove the monetization of user data, mainly through the
proliferation of social networks and e-commerce.
Today the advent of Web 3.0 has further lowered the barrier in creating and launching platforms,
giving rise to a whole new generation of decentralized platforms. While today’s metaverse is a
myriad of interconnected virtual spaces, which is just the World Wide Web accessed through virtual
reality, the rapid development in blockchain technology is fast converging us towards the metaverse
platform that sci-fi authors like Neal Stephenson and Ernest Cline originally envisioned.
As we enter into a new era of democratized and immersive platforms, what are the fantastic
opportunities we can take advantage of? How can crypto help us unlock the secrets of the
metaverse?
IoT Landscape and its Key Trends in DeploymentVincent Lau
Today, there are more than 31 billion Internet of Things (IoT) devices connected to the Internet. These devices range from simple sensors and actuators to smart equipment and appliances that have a huge impact on major industries such as manufacturing, transportation, healthcare and utilities. The vast amount of data collected from IoT device telemetry has also enabled advanced data analytics, and machine learning models that can give us better insights and make IoT smarter, giving rise to AIoT (AI + IoT) applications. With the pandemic situation likely to turn endemic, how will this impact the IoT landscape in Singapore? What are some of the key drivers and growth areas for IoT?
XR and the Future of Immersive TechnologyVincent Lau
Extended Reality (XR) is an umbrella term for Augmented Reality (AR), Virtual Reality (VR), Mixed Reality (MR), and any other kind of immersive technology. In just the last 5 years alone, XR has seen rapid adoption and development of immersive applications that are used in many sectors from Edutainment to Medical. Looking at the state of XR today, let us compare the differences between the various immersive technologies to understand their current limitations and the sectors that they are poised to disrupt. As we begin a new year with hope of a global recovery from the pandemic, we observe some key trends in XR development that will determine the future of immersive technology in the post-COVID world.
Emerging Technology Trends in the Post-COVID WorldVincent Lau
Decades of digital transformation has been accelerated by the pandemic to mere months. While many industries have been disrupted and jobs lost, the impending green recovery will bring about new job opportunities fueled by emerging technologies. Therefore, it is critical that ICT professionals start preparing themselves for the jobs of the future, especially in key areas of Industry 4.0, such as smart manufacturing, smart energy grids, smart building infrastructure, smart retail, and e-mobility. The emphasis on lifelong learning will help better position oneself to make a meaningful impact on today’s society.
Wondering what is serverless (or FaaS) and how it impacts security risk? We will start with understanding how serverless is being used, the serverless architecture for IoT & AI, and examples of serverless applications. After which, we will go through the security impact of going serverless, then conclude with the top 10 serverless security risks and measures to mitigate them.
Redefining Literacy in a Technologically Advanced WorldVincent Lau
The UNESCO definition of literacy is the ability to identify, understand, interpret, create, communicate and compute, but we have long equated literacy to just one's ability to read and write. In this modern age where global literacy rate is at an all-time high of more than 80%, the relevancy of literacy as we know it, is being challenged.
After taking a brief look at the historical milestones of literacy, we explore the different types of literacy identified in modern times, and how it gave rise to the increasingly popular rhetoric that coding is the new literacy. With this in mind, we examine the impact it will have on education and various industries, before taking a peek at what the future will bring.
Learning New Skills for the Digital AgeVincent Lau
Digital transformation is happening everywhere. The rapid speed of technological changes such as digitalisation, automation AI is resulting in skills obsolence and demand for new skill sets at a faster pace than ever before. It is critical that ICT professionals understand what skills they need to ride on the digitalisation wave and start up-skilling, learn and grow themselves to transit to the future job. How you prepare and position yourself for the future could make a great difference.
4. Copyright 2021 Vincent Lau
Mobile Web App Progressive Web App Hybrid App Native App
Uses a responsive
web view
Uses web
components and
service workers
Uses a library of
purpose built
components
Uses purely native
components
9. Copyright 2021 Vincent Lau
Mobile Web App Progressive Web App
Mobile Web Browser
Web App Manifest File
Mobile OS (iOS, Android)
Application Shell Architecture
Transport Layer Security
Service Worker
11. Copyright 2021 Vincent Lau
Connector provides an interface with
the host platform native UI elements.
E.g. <View> = Android View
Connector /
Bridge
To access native APIs that are not
already available in your version of
React Native, you will need to write a
Bridge.
#import
<React/RCTBridgeModule.h>
@interface CalendarManager :
NSObject <RCTBridgeModule>
@end
AppEntry.js /
app.json
class MainActivity: FlutterActivity() {
private val CHANNEL =
"samples.flutter.dev/battery"
override fun configureFlutterEngine(@NonNull
flutterEngine: FlutterEngine) {
super.configureFlutterEngine(flutterEngine)
MethodChannel(flutterEngine.dartExecutor.binaryMe
ssenger, CHANNEL).setMethodCallHandler {
call, result ->
}
}
}
class _MyHomePageState extends
State<MyHomePage> {
static const platform = const
MethodChannel('samples.flutter.dev/
battery');
// Get battery level
}
Similarly, Flutter components can
communicate with native code via
MethodChannel.
Here, the Android Java code passes
battery info to the Flutter component.
12. Copyright 2021 Vincent Lau
Progressive Web App Hybrid App Native App
Installable From Mobile Browser From Play/App Store From Play/App Store
App Updates Automatic User needs to update User needs to update
App Promotion SEO Indexable Listed on Play/App Store Listed on Play/App Store
Push Notifications Yes (limited for iOS) Yes Yes
UI on Screen Adaptive to any screen-size Requires additional work to
cater for screen-sizes
Requires additional work to
cater for screen-sizes
UI Components Interaction Relatively less smooth Relatively smoother Smoothest
13. Copyright 2021 Vincent Lau
Progressive Web App Hybrid App Native App
Offline Capable Yes (limited to data cached
when online)
Yes Yes
Access to Device Features Limited* Via Native Bridges All
Battery Life Drains the most Drains more Drains the least
Inter-app Communication** No Yes Yes
GPS Location Yes Yes Yes
Security Relatively Less Secured Relatively More Secured Most Secured
14. Copyright 2021 Vincent Lau
Progressive Web App Hybrid App Native App
Launch to Market Fast (no need to wait for
App/Play store approvals*)
Relatively Slower Relatively Slower
Codebase One for iOS/Android
platforms and Web browsers
One for both iOS/Android
platforms
Separately maintained for
iOS and Android platforms
Development Time Fastest Fast Relatively Slower
Development Costs S$45k-S$100k S$60k-S$250k S$100k-S$360k
Talent Required Fullstack Web Devs Frontend Web/App Devs iOS and Android Devs