Learning Firefox OS Application Development

Learning Firefox OS Application Development

Tanay Pant

Language: English

Pages: 159

ISBN: 1783989408

Format: PDF / Kindle (mobi) / ePub


Learn to design, build, and deploy your Firefox OS applications, built with web technologies, to the Firefox Marketplace

About This Book

  • Create beautiful and interactive Firefox OS applications by applying your knowledge of web development
  • Cater your applications to a huge number of users by porting them to the Firefox OS
  • A step-by-step learning workflow with real-life applications to demonstrate the concepts

Who This Book Is For

This is a practical guide that uses hands-on examples to teach you how to create applications for Firefox OS and also how to port applications to Firefox Marketplace. This book is intended for developers who want to build applications for Firefox OS. An understanding of HTML5, JavaScript, and CSS is required.

What You Will Learn

  • Install, use, and access the Firefox OS simulator with the help of WebIDE
  • Get to know about application manifest files and the essential difference between web applications and Firefox OS applications
  • Create an application that measures the tapping speed of the user
  • Create an application that allows a user to check in at a place with geolocation tagging
  • Access device-specific features with WebAPIs and implement these by building a photo editing and sharing application
  • Submit your own applications to the Firefox Marketplace and share them with others
  • Professionally maintain the code of your application with the help of Github and deploy your hosted applications to OpenShift

In Detail

With broad compatibility, the latest in web technologies, and powerful development tools, Firefox is a great choice for both web developers and end users. Firefox OS's promotion of HTML5 as a first class citizen opens up the walled gardens of mobile application development for web developers. It is because of this initiative that no special SDKs are required to develop for Firefox OS.

This book will help you excel in the art of developing applications for Firefox OS. It sequentially covers knowledge building, skills acquisition, and practical applications.

Starting with an introduction to Firefox OS, usage of WebIDE, and then the application structure, this book introduces applications of increasing complexity with each chapter. An application that measures your tapping speed, a geolocation tagging application, and a photo editing and sharing application are the three applications that will be built from scratch. You will learn about topics such as the difference between various types of Firefox OS applications, application manifest files, offline apps, and designing principles for applications. You will also learn to test and submit the applications to the marketplace and finally maintain the repository of the Firefox OS application.

By the end, you will be able to develop beautifully designed, fully-fledged, and rigorously tested Firefox OS applications and also share them at the Firefox OS Marketplace.

Style and approach

This book is an easy-to-grasp workflow with practical examples of real-world applications such as Clickr, Check In!, and FotoFox. Each chapter explains the concepts, which are then reinforced as they are demonstrated in an application or a flowchart.

Building E-Commerce Solutions with WooCommerce (2nd Edition)

Your Google Game Plan for Success: Increasing Your Web Presence with Google AdWords, Analytics and Website Optimizer

The Little Black Book of Design

Web Design with HTML and CSS Digital Classroom

CSS Mastery: Advanced Web Standards Solutions (2nd Edition)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

the different types of Web APIs, which are Web, Privileged, and Certified. We will use these Web APIs to improve our applications, and to make the applications more appealing and useful to the users. Web APIs are what make web applications comparable to the functionality of the native applications in other operating systems, like Android or iOS. Summary In this chapter, you learned about Firefox OS applications, the difference between hosted and packaged applications, and the different types of

configure the settings of a device. dial type: "webtelephony/ number", It is used when an app wants to place a phone call. Mainly used to browse photos or any other files inside a gallery. number: +91-xxxxxxxxxx new Added in Firefox 2.0. It is used to create a new contact entry. type: "webcontacts/ contact" type: "mail" It is used when an app wants to send an e-mail. type: "websms/sms" Used when an app wants to send a SMS. open Used to open a certain file of the desired type. type: [

'https://api.imgur.com/3/image', type: 'post', headers: { Authorization: 'Client-ID c5efa529430990f' }, data: { image: image }, dataType: 'json', beforeSend:function(){ $('#toImgur').html(''); }, success: function(response) { if(response.success) { localVar.imgurLink = response.data.link; savelink(); } }, error:function( e ){ $('#toImgur').html('') console.log('Error '+e.responseText); } }); [ 96 ] Chapter 6 Here, we again

application's code to reside? Go to https://github.com/ and click on Sign Up. You will be asked for details, such as your name, e-mail ID, and a password. Then you will be asked for your account plan. Select the free one and you are good to go. Signing up at GitHub is as easy as setting up a developer account at Firefox Marketplace. On the top-right corner of your screen, you have an option from where you can see your profile and your repositories as well as the repositories that you have

insertions(+), 274 deletions(-) create mode 100644 css/bootstrap.min.css create mode 100644 css/style.css create mode 100644 img/icons/icon_128.png create mode 100644 img/icons/icon_16.png create mode 100644 img/icons/icon_48.png create mode 100644 img/icons/icon_64.png create mode 100644 index.html delete mode 100644 index.php create mode 100644 js/bootstrap.min.js create mode 100644 js/clickr.js create mode 100644 js/jquery-1.11.3.min.js create mode 100644 manifest.appcache create mode 100644

Download sample

Download