Beginning Hybrid Mobile Application Development

Table of Contents 1. Introduction to Mobile Application Development (MAD) 1.1. History of MAD 1.2. MAD considerations 1.2.1. Front End Development 1.2.2. Back End Development 1.2.3. System Software 1.2.4. Mobile Application Testing 2. Getting Started 2.1. Mobile Application Development (MAD) Categories 2.1.1. Native Mobile Application Development (NMAD) 2.1.1.1. History 2.1.1.2. Pros & Cons 2.1.1.3. What Market Say? 2.1.2. Hybrid Mobile Application Development (HMAD) 2.1.2.1. Why HMAD? 2.1.2.2. History 2.1.2.3. List of technologies used in HMAD 3. Building blocks of HMAD 3.1. Architecture 3.1.1. Understanding OS runtime Vs Browser Engine 3.1.2. How Hybrid Application(s) work? 3.1.3. Difference between web application(s) & Hybrid Application(s) 3.2. Technology | Framework | Language(s) 3.2.1. HTML 5 3.2.1.1. Why HTML 5? 3.2.1.2. Basic(s) of HTML 5 & useful API(s) 3.2.2. JSON 3.2.2.1. XML Drawback(s) 3.2.2.2. What is JSON? Why JSON? 3.2.2.3. DOM 2.0 Change(s) 3.2.2.4. Who uses JSON? 3.2.3. Reincarnation of Java script 3.2.3.1. J Query Basics 3.2.4. Packaging Framework(s) 3.2.4.1. What is packaging framework 3.2.4.2. How does it work? 3.2.4.3. Popular framework(s): 3.2.4.3.1. IONIC 3.2.4.3.2. Phone GAP 3.2.4.3.3. Icenium 3.2.4.3.4. Kendo UI 3.2.4.3.5. Angular UI 3.2.4.3.6. Bonus 3.2.4.3.7. Sencha Touch 3.2.4.3.8. Intel XDK 3.2.5. Server side 3.2.5.1. HTTP Handler(s) 3.2.5.2. Service Oriented Architecture (SOA) 3.2.5.2.1. Web Service 3.2.5.2.2. WCF Service 3.2.5.2.2.1. REST Based Services 3.2.6. CSS 3 3.2.6.1. Responsive CSS 3.2.6.1.1. Bootstrap 3.2.6.1.2. Skeleton 3.2.7. Testing 3.2.7.1. Testing using browser 3.2.7.2. Testing on device(s) 3.2.7.3. Testing with packaging framework(s) 3.2.8. Deployment 3.2.8.1. Costing Consideration(s) 4. Creating first Hybrid Application 4.1. Choosing packaging platform 4.1.1. Consideration(s) 4.1.2. Setting up "Icenium" account 4.2. Authoring basic service returning JSON 4.3. Writing code snippet based on HTML5 4.4. Injecting J Query into the code 4.5. Decorating UI with responsive CSS 4.6. Early testing of hybrid application using browser 4.7. Packaging application first time using "Icenium" 4.7.1. Getting started with "Icenium" 4.7.2. Setting up Iceinum 4.7.3. Demo packaging 4.7.4. Running local test on device 4.7.4.1. Android 4.7.4.1.1. Developer Licensing terms 4.7.4.1.2. Step(s) for local device testing 4.7.4.2. iPhone 4.7.4.2.1. Developer Licensing terms 4.7.4.2.2. Step(s) for local device testing 4.7.4.3. Windows Phone 4.7.4.3.1. Developer Licensing terms 4.7.4.3.2. Step(s) for local device testing 5. HMAD: Internal(s) 5.1. Mobile device(s) 5.1.1. Architecture 5.1.2. OS 5.1.3. Application framework(s) | platform(s) 5.2. How Hybrid Applications work on device(s)? 5.2.1. Browser context 5.2.1.1. Limitation(s) of browser context 5.3. Deep comparison: Native Vs Hybrid Application(s) 6. Data Access in HMAD 6.1. Exploring data access possibilities 6.1.1. WCF vs Web Service(s) vs Handler 6.2. Data Serialization techniques 6.2.1. JSON / XML / REST Serialization techniques on server side 6.2.2. Tip(s) to GET | SET Data 6.2.3. Dos and Don'ts 6.2.3.1. GET or POST ? 6.2.3.2. Intrusion 6.2.3.2.1. Helper tools 6.2.3.2.1.1. Fiddler 6.2.3.2.1.2. Wire shark 6.2.3.2.1.3. Using browser based developer tools 6.2.3.2.1.3.1. Debug | Trace | Monitor JS Code 6.3. Code & Data security 6.3.1. Code Security 6.3.1.1. Bundling JS 6.3.1.1.1. Minify JS file 6.3.1.1.2. Obfuscate JS content(s) 6.3.2. Data security 6.3.2.1.1. Authentication | Authorization on server side 6.3.2.1.2. Pass credential(s) through client side using JS 6.3.2.1.3. Protect JSON | XML data 6.3.2.1.3.1. Encode or Encrypt? 6.3.2.1.3.2. Introducing BSON like format(s) 7. UI for HMAD 7.1. HTML with JQuery 7.2. JQuery based event handling 7.2.1. Live Binding 7.3. JQuery plug-in based approach to generate UI 7.3.1. tmpl.js 7.3.2. render.js 7.3.3. Miscellaneous js libraries 7.4. UI effects with JQuery UI Plug in 7.5. Responsive UI 7.5.1. Frequently used style classes from Bootstrap 7.5.2. Test responsive UI: 7.5.2.1. using browser 7.5.2.2. using third party tools 8. Using device specific features in HMAD 8.1. GEO Location Service 8.1.1. Using plug in(s) 8.1.2. Using HTML 5 API 8.2. SD Card I/O Operations 8.2.1. Common APIs available 8.2.2. Cordova engine based APIs 8.2.2.1. What is Cordova? 8.2.2.2. Why is it used? 8.3. Accessing and using I/P or MAC Address 8.4. Access & use device based camera 8.5. Working with various sensor(s) 8.6. Building offline application(s) with SYNC Service 8.7. Common issues and solution(s) 8.7.1. Patterns & Practices 8.8. Tips & Tricks for miscellaneous feature(s) 9. How to advertise with HMAD 9.1. Current market trend 9.2. Ad framework(s) 9.3. Giant: Google Ad sense 9.4. Statistic(s):Ad framework Vs earning! 9.5. Steps by step: 9.5.1. Picking up right framework 9.5.2. App Registration 9.5.3. Including advertisement(s) into your application 9.5.4. Testing 9.5.5. Deployment: Does and Don'ts 9.6. Guideline(s) 10. Working with third party service(s) in HMAD: 10.1. CAPTCHA APIs 10.2. Twitter API 10.3. OPEN ID Authentication 10.4. Payment GATEWAY(s) 10.5. GPS Service(s) 11. Setup & Deployment 11.1. Vendor specific developer license (Google | Apple | Microsoft) 11.1.1. Cost 11.1.2. Procedure 11.1.3. Pros & Cons 11.2. Trace & log 12. XAMARIN Vs HMAD! 12.1. Introduction to managed application(s) 12.2. Advantages & Disadvantages 12.3. Deep Comparison with HMAD 12.4. How does XAMARIN work? 13. Case studies: 13.1.1. "Developing Healthcare Hybrid Application" 13.1.2. "Retail Survey Domain Hybrid Application"