Mobile Apps

Strategy

• Mobile only

• Mobile first

• Mobile friendly - Responsive

• Generally, a responsive web page is divided into rows and columns containing grids.

• As the screen size gets smaller those grids rearrange themselves based on the screen size.

Two approaches to design responsive websites

• Mobile first
• web first

Responsive interface: frontend

• BootstrapJS
• jQuery Mobile
• Skyleton
• HTML5 Boilerplate
• Less Framework

Types of Mobile Apps

Types	Technology	Example
Native App	Kotlin for Android, Swift for IOS and Win.	Linkedin, Tinder, Hike
Hybrid App	HTML5, CSS and JS	React Native , Ionic , Apache Cordova , Flutter	Bloomberg, Walmart, Uber Eats, and Discord.

References:

React Native at Airbnb

Udacity abandoned React Native

Facebook admitted counting big on HTML5 for their mobile app was a mistake

Who Will Steal Android From Google?

The Story Of Firefox OS

Progressive Web Apps

The Apps running on Brower in the app.

Twitter PWA

It launched its progressive web app in 2017

this Google developers’ resource

Mobile Backend as a Service(MBaaS)

Why use the cloud? How is a cloud different from traditional computing?.

Providers: Google Firebase, AWS Amplify, and Parse.