Fx os apps

•Download as ODP, PDF•

2 likes•435 views

Robín Mehdee

Slides prepared for FxOS App training Day at CUET, Chittagong, Bangladesh.

Technology Art & Photos

How to startHow to start
Developing Apps !?!Developing Apps !?!
Robin MehdeeRobin Mehdee
mythrobins@gmail.com

GONKGONK
GECKOGECKO
GAIAGAIA
K e r n e l + HAL
Backend (engine)
The UI
FxOSFxOS
Components?Components?

So,So,
What are the technologiesWhat are the technologies
for building FxOSfor building FxOS
Apps ?Apps ?

Native AppsNative Apps Web AppsWeb Apps
HTML5HTML5
CSS3CSS3
JavaScriptJavaScript

What elseWhat else
do we need?do we need?

Let's build our First
Firefox OS
WEB
APP

The StructureThe Structure
-myapp/
-index.html
-manifest.webapp
-images/
-icon.png

Index.htmlIndex.html
<!DOCTYPE html>
<html>
<head>
<title>myapp</title>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>

$Manifest.webappManifest.webapp { "name": "Hello World", "description": "my first webapp", "launch_path": "/index.html", "icons": { "128": "/images/icon.png" } } minimal version of firefoxOS app manifest$

Put a PNG image inside images/ directoryPut a PNG image inside images/ directory
And try it using Firefox OS simulatorAnd try it using Firefox OS simulator

In Firefox OS, everything is a web app.In Firefox OS, everything is a web app.
Just HTML5, CSS and JavaScript.Just HTML5, CSS and JavaScript.
The Web is the PlatformThe Web is the Platform
ThanksThanks

What's hot

React native - What, Why, How?Teerasej Jiraphatchandej

WordPress what is WordpressShahid Husain

Adobe & HTML5Terry Ryan

Bootstrap 3 in Joomla!Hans Kuijpers

How to develope plugin in wordpress: 6 simple steps.Jay Bharat

Phone gapcaviare

10 things to make you a Great Mobile Web DeveloperChris Love

Plugins at WordCamp PhoenixAndrew Ryno

5 Things You Shouldn't Do With A WordPress PluginKelly Phillips

Firefox os how large open source project worksFred Lin

Think Before You Submit Themes on WordPress dot OrgKafle G

Fosdem2009 Dataoiamlolive

Basic Wordpress SessionVipul Garg

Taking Web Applications OfflineMatt Casto

JWC 2015 - Mobile apps development for Joomla!Extly Extensions - JoomGap

Responsible [digital] Home OwnershipDenise (Dee) Teal

It’s a WIN, WIN: ‘WordPress On Windows’Brendan Sera-Shriar

Beginning WordPress Plugin DevelopmentAizat Faiz

5 things to know before updating word press versionNishant Desai

Fronteers 2012 - Lessons learned from building a SAAS appGoodbytes

What's hot (20)

React native - What, Why, How?

WordPress what is Wordpress

Adobe & HTML5

Bootstrap 3 in Joomla!

How to develope plugin in wordpress: 6 simple steps.

Phone gap

10 things to make you a Great Mobile Web Developer

Plugins at WordCamp Phoenix

5 Things You Shouldn't Do With A WordPress Plugin

Firefox os how large open source project works

Think Before You Submit Themes on WordPress dot Org

Fosdem2009 Datao

Basic Wordpress Session

Taking Web Applications Offline

JWC 2015 - Mobile apps development for Joomla!

Responsible [digital] Home Ownership

It’s a WIN, WIN: ‘WordPress On Windows’

Beginning WordPress Plugin Development

5 things to know before updating word press version

Fronteers 2012 - Lessons learned from building a SAAS app

Viewers also liked

Mi0041 java and web designsmumbahelp

выставка к дню материgivov53

Digital Effekt KristiansandJostein Magnussen

Deus Tem DesíGnios De Amor Para VocêAlmir Rivas

Meese rogoff redux秉翰謝

CCIH 2012 Conference, Breakout 4, Emily Chambers Sharpe, Addressing and Under...Christian Connections for International Health

DiagnosticoGuadalupe de la Cruz

Presentatie klantEmiel R. Hoffer

Kerrick campaignJames Kerrick

La televisión como medio educativoLuz Neida Leal Acevedo

Balance de la práctica docenteGuadalupe de la Cruz

Platform BPO - Nasscom BPO Strategy Summit - June 2009Suresh Sambandam

Issues in Aging - Older Americans 2010 - Key Indicators of Well-Beingmarknovak48

A vidaPaulo Santos

Aprender y enseñar en colaboraciónRuben Garrido

Presentación flor terminadairiaandlore

Confgivov53

Apartheid social ?Patrick Namotte

งบแสดงฐานะการเงินSuwinyaporn Wongfu

SwineCast Sponsor Report Sep Oct 2008John Blue

Viewers also liked (20)

Mi0041 java and web design

выставка к дню матери

Digital Effekt Kristiansand

Deus Tem DesíGnios De Amor Para Você

Meese rogoff redux

CCIH 2012 Conference, Breakout 4, Emily Chambers Sharpe, Addressing and Under...

Diagnostico

Presentatie klant

Kerrick campaign

La televisión como medio educativo

Balance de la práctica docente

Platform BPO - Nasscom BPO Strategy Summit - June 2009

Issues in Aging - Older Americans 2010 - Key Indicators of Well-Being

A vida

Aprender y enseñar en colaboración

Presentación flor terminada

Conf

Apartheid social ?

งบแสดงฐานะการเงิน

SwineCast Sponsor Report Sep Oct 2008

Similar to Fx os apps

<img src="../i/r_14.png" />tutorialsruby

wexarts.org iPhone Project: Developer Documentationtutorialsruby

C3 웹기술로만드는모바일앱NAVER D2

Build APIs With Kapow Mashup ServerAndreas Krohn

CONTENT MANAGEMENT SYSTEMANAND PRAKASH

Startup Technology: Cheatsheet for Non-TechiesFreedactics

Apache Flex and the imperfect Webmasuland

Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...John Hartley

NativeScript: mobile app. no webview.Tomek Sułkowski

Joomla! XSS Vulnerabilities by Riyaz Walikarn|u - The Open Security Community

Front End Development | IntroductionJohnTaieb

FirefoxOS app making for beginnersSiddhartha Rao

Fixing the mobile web - Internet World RomaniaChristian Heilmann

Mobile Apps with PhoneGap and jQuery MobileTerry Ryan

Kickstart sencha extjsShakti Shrestha

FirefoxOs App Development by Adam Mohammed Adam

Mozilla Web Apps - Super-VanJSRobert Nyman

Ext JsCorey Butler

Unleash your Symfony projects with eZ PlatformSébastien Morel

Become a webdeveloper - AKAICamp Beginner #1Jacek Tomaszewski

Similar to Fx os apps (20)

wexarts.org iPhone Project: Developer Documentation

C3 웹기술로만드는모바일앱

Build APIs With Kapow Mashup Server

CONTENT MANAGEMENT SYSTEM

Startup Technology: Cheatsheet for Non-Techies

Apache Flex and the imperfect Web

Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...

NativeScript: mobile app. no webview.

Joomla! XSS Vulnerabilities by Riyaz Walikar

Front End Development | Introduction

FirefoxOS app making for beginners

Fixing the mobile web - Internet World Romania

Mobile Apps with PhoneGap and jQuery Mobile

Kickstart sencha extjs

FirefoxOs App Development by Adam

Mozilla Web Apps - Super-VanJS

Ext Js

Unleash your Symfony projects with eZ Platform

Become a webdeveloper - AKAICamp Beginner #1

Recently uploaded

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

How to convert PDF to text with Nanonetsnaman860154

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106

Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55

SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j

Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK

Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard

My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar

Presentation on how to chat with PDF using ChatGPT code interpreternaman860154

Vulnerability_Management_GRC_by Sohang Sengupta.pptxnull - The Open Security Community

08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls

The transition to renewables in India.pdfCompetition Advisory Services (India) LLP

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxnull - The Open Security Community

Next-generation AAM aircraft unveiled by Supernal, S-A2Hyundai Motor Group

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

Artificial intelligence in the post-deep learning eraDeakin University

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited

FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh

Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsHyundai Motor Group

Recently uploaded (20)

08448380779 Call Girls In Friends Colony Women Seeking Men

How to convert PDF to text with Nanonets

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

Integration and Automation in Practice: CI/CD in Mule Integration and Automat...

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...

SIEMENS: RAPUNZEL – A Tale About Knowledge Graph

Unblocking The Main Thread Solving ANRs and Frozen Frames

Maximizing Board Effectiveness 2024 Webinar.pptx

My Hashitalk Indonesia April 2024 Presentation

Presentation on how to chat with PDF using ChatGPT code interpreter

Vulnerability_Management_GRC_by Sohang Sengupta.pptx

08448380779 Call Girls In Civil Lines Women Seeking Men

The transition to renewables in India.pdf

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx

Next-generation AAM aircraft unveiled by Supernal, S-A2

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

Artificial intelligence in the post-deep learning era

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365

FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi

Snow Chain-Integrated Tire for a Safe Drive on Winter Roads

Fx os apps

1. How to startHow to start Developing Apps !?!Developing Apps !?! Robin MehdeeRobin Mehdee mythrobins@gmail.com

2. GONKGONK GECKOGECKO GAIAGAIA K e r n e l + HAL Backend (engine) The UI FxOSFxOS Components?Components?

3. So,So, What are the technologiesWhat are the technologies for building FxOSfor building FxOS Apps ?Apps ?

4. Native AppsNative Apps Web AppsWeb Apps HTML5HTML5 CSS3CSS3 JavaScriptJavaScript

5. What elseWhat else do we need?do we need?

6. Your Favorite Text Editor

7. Let's build our First Firefox OS WEB APP

8. The StructureThe Structure -myapp/ -index.html -manifest.webapp -images/ -icon.png

9. Index.htmlIndex.html <!DOCTYPE html> <html> <head> <title>myapp</title> </head> <body> <h1>Hello World</h1> </body> </html>

10. Manifest.webappManifest.webapp { "name": "Hello World", "description": "my first webapp", "launch_path": "/index.html", "icons": { "128": "/images/icon.png" } } minimal version of firefoxOS app manifest

11. Put a PNG image inside images/ directoryPut a PNG image inside images/ directory And try it using Firefox OS simulatorAnd try it using Firefox OS simulator

12. In Firefox OS, everything is a web app.In Firefox OS, everything is a web app. Just HTML5, CSS and JavaScript.Just HTML5, CSS and JavaScript. The Web is the PlatformThe Web is the Platform ThanksThanks

Fx os apps

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to Fx os apps

Similar to Fx os apps (20)

Recently uploaded

Recently uploaded (20)

Fx os apps