Mobile Web Application Development
Disclaimer: All the logos and product names used in this presentation are
registered and owned by their respective brands.
→ Web Technologist by profession writing web code.
→ Is a little ColdFusion and C# geek.
→ HTML5 and CSS3 follower since 2011.
→ Implements Transactional SQL.
→ NoSQL Rookie.
→ Cloud Explorer.
Mobile Operating System
• Native Mobile App
Coded for specific Operating System
Coded using a specific programming language
Can access the phone’s hardware with ease
Works only for one platform
• Hybrid App
– Written using Web Technology
– Run inside a Native Container leveraging the browser
engine but not the browser
– Web to Native abstraction layer enables device hardware
How and What?
What is the Web Technology?
What are the tools available (IDE)?
How / where to deploy / distribute?
What are the best practices?
• HTML5 & CSS3
– jQuery Mobile
• Package and deploy
Plugin / Libraries
Bootstrap makes front-end web development faster and
easier. It's made for folks of all skill levels, devices of all
shapes, and projects of all sizes.
jQuery Mobile is a HTML5-based user interface system
designed to make responsive web sites and apps that are
accessible on all smartphone, tablet and desktop devices.
– Decide on going Native / Web / Hybrid
– Structure the content
– Use a framework
– Avoid bulk libraries
– Cache AJAX data to reduce HTTP requests
– Write CSS for the smallest screen first
– Create fluid designs
– Do not mix images and text