Scribd
Upload
14 views13 pages

Mobile App Development Methods Explained

The document discusses different methods for mobile application development, highlighting native SDKs for Android and iOS, and hybrid app development using frameworks like Ionic, React Native, and Flutter. It emphasizes the advantages of hybrid apps, such as a single codebase and cost-effectiveness, making them popular among startups. Additionally, it introduces the Ionic Framework, detailing its features, prerequisites for installation, and its fast development capabilities.

Uploaded by

apexcollege1001
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
14 views13 pages

Mobile App Development Methods Explained

The document discusses different methods for mobile application development, highlighting native SDKs for Android and iOS, and hybrid app development using frameworks like Ionic, React Native, and Flutter. It emphasizes the advantages of hybrid apps, such as a single codebase and cost-effectiveness, making them popular among startups. Additionally, it introduces the Ionic Framework, detailing its features, prerequisites for installation, and its fast development capabilities.

Uploaded by

apexcollege1001
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

Mobile Application Development

LECTURE 1
Different ways to Build Mobile
Apps
 Using Native SDKs

Android – Java programming language

iOS – Swift, Objective C.

 Hybrid App Development

Ionic Framework, React Native, Flutter.


Different ways to Build Mobile
Apps
Using Native SDK

A Native app is built for a particular device and its operating system.

Native mobile app code runs faster.

Seperate codebases. Need to learn for Android and iOS separately. Not easy to find

experienced developers because of this.


Different ways to Build Mobile
Apps
Using Native SDK

For Android app, you need to learn Java. For iOS, you need to learn either Swift or Objective C.

For building native iOS apps, you need a Mac book.

Eventually this becomes expensive.


Different ways to Build Mobile
Apps
Using Hybrid Approach

Hybrid Apps have a single codebase for both Android and iOS apps.

You only need to know web technologies (HTML, CSS, JavaScript) to build hybrid mobile apps

using Ionic Framework or React Native.

Flutter (built by Google) uses Dart language.


Why Hybrid approach?
Single codebase for both Android and iOS.

Only need to know JavaScript. One language.

Cost effective as you don’t need separate experienced Swift and Java developers.

Shorter time to market.

Alot of companies (especially startups) are adopting this model.


Ionic vs React Native vs Flutter
Ionic React Native Flutter

Language HTML / CSS /JavaScript HTML / CSS /JavaScript Dart

UI Framework Angular / React / Vuejs / React JS -


Vanilla JS

Uses WebView Yes No No

Founded 2013 2015 2017

Ideal for intense graphic No Moderately Yes


apps?
“Any fool can learn from experience. The trick is to learn from
other people’s experience. ~ Otto Von Bismarck”
Introduction to Ionic
Ionic Framework is the free, open source mobile UI toolkit for developing high-quality cross-

platform apps for native iOS, Android, and the web—all from a single codebase.

Ionic can be used with any JS Framework. Angular / React / Vuejs / or even Vanilla JS.

Very fast development speed. Incredibly fast to prototype and build native looking apps.

Ionic uses WebView. Which means an Ionic app runs inside a hidden browser (headless

browser). This is its major difference with React Native and Flutter.
Introduction to Ionic
Does running in webview affect performance? Not much. It’s a very minute difference in

performance due to webview and 99% of the times, you won’t notice it.

Ionic apps are mostly built in Angular because it provides an official integration with Angular.

Ionic Framework is built with simplicity in mind.

Ionic Framework has a very strong ecosystem.


Prerequisites ( to
install/configure)
 [Link] [Link] (version 10+. Ideally 10.16 LTS)

 Git [Link]

 Github account [Link] (signup if you haven’t already)

 Cmder (terminal) [Link]

 VSCode ([Link]
Lets start by building a hello
world Ionic App
Step 1

Step 2
Lets start by building a hello
world Ionic App
Step 3

Step 4

You might also like