This document discusses hybrid mobile app development using SharePoint APIs. It defines hybrid mobile apps as apps developed with HTML, CSS, and JavaScript that are wrapped inside a container providing access to native platform features. It compares web apps, native apps, and hybrid apps. It then explains that Cordova is a platform for building mobile apps with HTML, CSS, and JavaScript, and that Ionic is an open-source SDK for hybrid apps built on AngularJS and Cordova. The document provides steps for setting up development environments for Ionic, and concludes with a demo of creating a mobile app using Ionic and Office 365 APIs.
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.
Presentation covers the concept of hybrid mobile application development as well the examples, A better way to start developing applications for all platform in amount of just one, The future of application development.
This presentation will explain, how to develop an end to end mobile application using Javascript frameworks and Other Web Technologies, from mobile to server to database and unit testing
Hear from core Ionic team members about some exciting new updates and recent releases across our open source and commercial products. Watch the event here: https://www.youtube.com/watch?v=OcD7GBbs2HY&ab_channel=Ionic
Hybrid applications are web applications (or web pages) in the native browser, such as
UIWebView in iOS and WebView in Android (not Safari or Chrome). Hybrid Mobile
Applications are Commonly Developed using CSS, HTML & Javascript.
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.
Presentation covers the concept of hybrid mobile application development as well the examples, A better way to start developing applications for all platform in amount of just one, The future of application development.
This presentation will explain, how to develop an end to end mobile application using Javascript frameworks and Other Web Technologies, from mobile to server to database and unit testing
Hear from core Ionic team members about some exciting new updates and recent releases across our open source and commercial products. Watch the event here: https://www.youtube.com/watch?v=OcD7GBbs2HY&ab_channel=Ionic
Hybrid applications are web applications (or web pages) in the native browser, such as
UIWebView in iOS and WebView in Android (not Safari or Chrome). Hybrid Mobile
Applications are Commonly Developed using CSS, HTML & Javascript.
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 live demo of our newest mobile solution: Ionic Auth Connect. Auth Connect is built for professional teams and makes it easy to integrate your mobile apps with popular backend auth providers like Auth0, AWS Cognito, and Azure Active Directory 2.0.
Link to recording: https://ionicpro.wistia.com/medias/jxfhujrrxq
YouTube Link: https://youtu.be/8m9jzfjXxtM
**Edureka Online Courses: https://www.edureka.co **
This Edureka PPT on "Flutter vs React Native" will give you a web developer's perspective into the two cross-platform mobile development framework Flutter and React Native. After watching this video, you will be able to make an informed decision on which framework would suit your needs to the best. The following topics are discussed in the PPT -
What is Flutter?
What is React Native?
Flutter vs React Native
Build your first flutter application! - http://bit.ly/Flutter_Tutorial
Follow us to never miss an update in the future.
YouTube: https://www.youtube.com/user/edurekaIN
Instagram: https://www.instagram.com/edureka_learning/
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka
Castbox: https://castbox.fm/networks/505?country=in
AngularJS has become a very popular web development framework. Now that Telerik made Kendo UI open source, this framework is a possible alternative for many web developers. Learn about the differences and similarities.
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.
When it’s about evaluating cross-platform frameworks, you must take a moment to compare the two titans – react native app development and Ionic app development.
Presentation from my conference in Lublin. Details, photos and video could be found there http://tryshchenko.com/events/ . Feel free to ask any questions.
Introduction to hybrid application developmentKunjan Thakkar
The presentation I prepared for in-house skill building. Introduction to Hybrid development. Understanding different frameworks and choosing the right one.
Join us for a live demo of our newest mobile solution: Ionic Auth Connect. Auth Connect is built for professional teams and makes it easy to integrate your mobile apps with popular backend auth providers like Auth0, AWS Cognito, and Azure Active Directory 2.0.
Link to recording: https://ionicpro.wistia.com/medias/jxfhujrrxq
YouTube Link: https://youtu.be/8m9jzfjXxtM
**Edureka Online Courses: https://www.edureka.co **
This Edureka PPT on "Flutter vs React Native" will give you a web developer's perspective into the two cross-platform mobile development framework Flutter and React Native. After watching this video, you will be able to make an informed decision on which framework would suit your needs to the best. The following topics are discussed in the PPT -
What is Flutter?
What is React Native?
Flutter vs React Native
Build your first flutter application! - http://bit.ly/Flutter_Tutorial
Follow us to never miss an update in the future.
YouTube: https://www.youtube.com/user/edurekaIN
Instagram: https://www.instagram.com/edureka_learning/
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka
Castbox: https://castbox.fm/networks/505?country=in
AngularJS has become a very popular web development framework. Now that Telerik made Kendo UI open source, this framework is a possible alternative for many web developers. Learn about the differences and similarities.
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.
When it’s about evaluating cross-platform frameworks, you must take a moment to compare the two titans – react native app development and Ionic app development.
Presentation from my conference in Lublin. Details, photos and video could be found there http://tryshchenko.com/events/ . Feel free to ask any questions.
Introduction to hybrid application developmentKunjan Thakkar
The presentation I prepared for in-house skill building. Introduction to Hybrid development. Understanding different frameworks and choosing the right one.
Do you know 74% of the top 50 retail apps in the U.S. App Store are hybrid apps? This number includes the top global brands and smart tech companies like Walmart, Nike, Amazon, Target, Etsy, Groupon, etc. And with more advancements in hybrid app development, the number of companies is still rising at a rapid pace. Well, the way this technology has ended up with the tech leaders with several benefits, we will surely observe a huge inclination towards this technology in the future.
Working with hybrid mobile app frameworks is easy for developers as it provides them complete ease to write code once and build mobile apps that can run on various platforms. Such frameworks allow hybrid apps to run on Android and iOS, and their code can be used further for progressive web applications and desktop applications. Well, being a developer, marketer, or business owner, you might want to enjoy such benefits of using a hybrid mobile app framework. Right? We got you covered.
Native script vs react native for native app development in 2022Katy Slemon
NativeScript VS React Native: Understand the difference between both the Native Apps. Also compare the Pros And Cons, Performance, Learning Curve and Popularity
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.
While the Ionic framework is good enough for building desktop apps, it suffers from a few drawbacks. The alternatives you’ll learn about here are devoid of those disadvantages.
So you want a mobile app for your business, great! Now what?
Find out what all these mobile apps are about, technology they use, and what they’re good for in our interesting slideshow!
Cross Platform Mobile Apps with the Ionic FrameworkTroy Miles
What happens when you combine Google's AngularJS, the super cool JavaScript MVC Framework with Apache Cordova, the cross platform mobile framework using web technology? You get the Ionic Framework, the super sexy love child of two great frameworks. With Ionic you build mobile apps using the web technology you already know and love. Think the apps will be slow and clunky? Think again, Ionic comes out of the box with well design CSS3 classes to make beautiful and fluid apps.
Using Cordova and jQuery Mobile already? Well, with Ionic you will learn to love mobile development again. No more write-only spaghetti code, Ionic makes it easy to create clean, testable, logical mobile apps. Need to support tablet and phone in the same app? Ionic has you covered. You can create one app which will use responsive design to change its look based on the device's screen dimensions.
In this talk, I will show how easy it is to create a mobile with Ionic by building a simple but feature full app live. We will start at the command line, with one command, Ionic creates the skeleton of our app. Then using a text editor and the Chrome browser we begin building out our app. We can get it all up and running without the need for a mobile device. We will use live reload so we see our changes as soon as we make them. Once we finish, a few commands deploys our app to a simulated device.
Want to get started but heard what a pain it is to install a mobile development environment? Never fear, the Vagrant Ionic Box provides a complete Android development in a virtual environment for Windows, Mac OS X, and Linux. You will be up and coding in no time.
1. 1
Building Hybrid Mobile Apps
using SharePoint API
Sanjay Patel
Principal Consultant – Business Productivity Group
Neudesic
Sanjay.Patel@neudesic.com
2. 2
Agenda
What is Hybrid Mobile App
Difference between different apps – Web Apps, Hybrid Apps and Native
Apps
What is Cordova, Ionic and AngularJS Framework?
Setting up development environment
Demo
Questions
2
3. 3
What is Hybrid Mobile App?
Hybrid mobile app is like any other mobile app but different than a mobile web
site, developed using HTML, CSS and Java Scripts
Consider it as a web app, primarily built using HTML Java Script and CSS, then
wrapped inside a container that provides access to many native platform features
It is launched inside Web View (Web View is a chrome less browser window that’s
typically configured to run full screen.)
Hybrid mobile app provides many benefits for many business applications by
combining best/worst of both native and HTML5 apps
4. 4
Web Apps vs Native Apps vs Hybrid
Apps
4
Web Apps(HTML5 app) Native Apps Hybrid Apps
Responsive web site which
can be viewed in the
browser in the mobile
Platform Specific Mobile
App (Separate app for iOS,
Android and Windows)
Platform independent app
for iOS, Android and
Windows
No Separate development
required for browser and
devices
Different languages/tools
required to develop app for
different platforms
HTML5,CSS3 and JS can be
used along with direct
access to native APIs of
cordova
Runs in browser through IIS
,doesn’t support native
features and can’t be
distributed in app store
Best performance Limited performance
Expensive development and
maintenance
Cheap development and
maintenance
5. 5
What is Cordova?
5
A platform for developing mobile apps with HTML, CSS and JavaScript
An open source collection of JavaScript device APIs
Something that abstracts away device specific APIs
Toolsets/Frameworks built on top of Cordova
Ionic
PhoneGap (Abode)
6. 6
What is AngularJS and Ionic Framework?
Ionic
Open-Source SDK for hybrid mobile app development
Built on top of AngularJS and Apache Cordova
Depends on Node.js
AngularJS
Open source JavaScript framework for creating dynamic web applications
MV* Framework
Uses JQLite (a subset of JQuery) for DOM manipulations
AngularJS lets you extend HTML vocabulary for your application with some
additional declarations that are useful for web applications. 6
7. 7
Setting up Development Environment for
Ionic & Tools available
Download and Install Cordova
Download and install Node.js. - https://nodejs.org/en/
Download and install a git client. - http://git-scm.com/ (e.g. http://git-
scm.com/download/win for windows), Install the Git to manage various package used by
Cordova or Ionic framework.
Install the cordova module using npm utility of Node.js. The cordova module will
automatically be downloaded by the npm utility.
Open Node.js command prompt and run following command
npm install -g cordova (-g for global module, shared for all projects which we will
create).
Download and Install Ionic
Install Ionic using following command
npm install -g ionic
Now let’s see how we can create HelloWorld application using ionic command line
8. 8
Setting up Visual Studio to create Ionic
Apps
Visual Studio 2013 with Update 3
with Windows Phone SDK
Visual Studio Tools for Apache
Cordova
https://www.visualstudio.com/en-
us/features/cordova-vs.aspx
Download and Install Ionic Project
Templates for Visual Stuido -
https://visualstudiogallery.msdn.mi
crosoft.com/8fa5bff2-e023-4e13-
8b36-0244e935fb7d
Open Visual Studio and Create
New Project
9. 9
Demo – Let’s create a mobile app
using Ionic and Office 365 Apis
9