SlideShare uma empresa Scribd logo
1 de 31
Getting started!
GuilhermeFarias.com.br
A web é a plataforma
Tudo isso é HTML,
CSS e Javascript
Arquitetura do FirefoxOS
1 Desenvolva seu webapp
usando tecnologias da web
aberta, HTML5,
CSS,Javascript, WebGL e etc.
2 Crie um arquivo de manifesto
de aplicativo
3 Publique/Instale o aplicativo
Por onde começar?
Dúvidas durante o
desenvolvimento?
WebAPI
Documentação
Ok, estou fazendo meu webapp e
estou com duvidas quanto ao
desing?
https://marketplace.firefox.com/developers/
Dúvidas com o design?
FirefoxOS Boilerplate
Quer simplificar ainda mais?
yo firefox-os
Arquivo de manifesto de
aplicativo
nomedoapp.webapp
Modelo básico
Validador
Testando o app
Navegador
http://nightly.mozilla.org/
Simulador
https://addons.mozilla.org/en-US/firefox/addon/firefox-os-
simulator/
Como usar o simulador?
Aparelho
Como posso distribuir
meu app?
Firefox Marketplace
Submetendo o app
Hospede seu próprio app
Referências
• https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS
• https://marketplace.firefox.com/developers/
• https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/Apps
• https://developer.mozilla.org/en-
US/docs/Mozilla/Firefox_OS/UX/Building_blocks
• http://www.mozilla.org/en-US/styleguide/products/firefoxos/icons/
• https://wiki.mozilla.org/WebAPI
• https://developer.mozilla.org/en-US/docs/Apps/Manifest
• https://marketplace.firefox.com/developers/validator
• http://nightly.mozilla.org/
• https://addons.mozilla.org/en-US/firefox/addon/firefox-os-simulator/
Guilherme Farias
twitter.com/guiky
slideshare.net/guiky
guilhermefarias.com.br
github.com/guilhermefarias
mozillians.org/u/guilhermefarias
FirefoxOS - A plataforma Open Web

Mais conteúdo relacionado

Mais procurados

Primeiros passos desenvolvimento para Windows 8
Primeiros passos desenvolvimento para Windows 8Primeiros passos desenvolvimento para Windows 8
Primeiros passos desenvolvimento para Windows 8Fernanda Sallai
 
Adobe Air e HTML (FlexForKids)
Adobe Air e HTML (FlexForKids)Adobe Air e HTML (FlexForKids)
Adobe Air e HTML (FlexForKids)Daniel Lopes
 
Aplicações ricas com JavaFX 2
Aplicações ricas com JavaFX 2Aplicações ricas com JavaFX 2
Aplicações ricas com JavaFX 2Claudiney Marques
 
Extração de Dados da Web com Selenium WebDriver - SQLSaturday #817 - Joinville
Extração de Dados da Web com Selenium WebDriver - SQLSaturday #817 - JoinvilleExtração de Dados da Web com Selenium WebDriver - SQLSaturday #817 - Joinville
Extração de Dados da Web com Selenium WebDriver - SQLSaturday #817 - JoinvilleRenato Groff
 
Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4Rodrigo Kono
 
Criando aplicações java fx em minutos
Criando aplicações java fx em minutosCriando aplicações java fx em minutos
Criando aplicações java fx em minutosBruno Oliveira
 
Instalando e configurando o WordPress localmente
Instalando e configurando o WordPress localmenteInstalando e configurando o WordPress localmente
Instalando e configurando o WordPress localmenteHaste Design
 
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores PracticasTDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores PracticasLoiane Groner
 
JavaFX - Uma visão Geral
JavaFX - Uma visão GeralJavaFX - Uma visão Geral
JavaFX - Uma visão GeralEder Nogueira
 
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile ServicesConstruindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile ServicesWilliam S. Rodriguez
 
CodeAndCoffeeES 2017 - Desenvolvimento desktop e uma perspectiva do mercado d...
CodeAndCoffeeES 2017 - Desenvolvimento desktop e uma perspectiva do mercado d...CodeAndCoffeeES 2017 - Desenvolvimento desktop e uma perspectiva do mercado d...
CodeAndCoffeeES 2017 - Desenvolvimento desktop e uma perspectiva do mercado d...Evandro da Silva Amparo
 
JavaFX: Desktop para desenvolvedores WEB
JavaFX: Desktop para desenvolvedores WEBJavaFX: Desktop para desenvolvedores WEB
JavaFX: Desktop para desenvolvedores WEBjesuinoPower
 
WordPress, muito além de um software para blogs
WordPress, muito além de um software para blogsWordPress, muito além de um software para blogs
WordPress, muito além de um software para blogsCayo Medeiros
 
Rest web services com Java
Rest web services com JavaRest web services com Java
Rest web services com JavajesuinoPower
 
Apresentação firefox os
Apresentação firefox osApresentação firefox os
Apresentação firefox osÍcaro Ramires
 
apresentação plataforma de blogs
apresentação plataforma de blogsapresentação plataforma de blogs
apresentação plataforma de blogsRicardo Belo
 

Mais procurados (20)

JavaScript além do browser
JavaScript além do browserJavaScript além do browser
JavaScript além do browser
 
Primeiros passos desenvolvimento para Windows 8
Primeiros passos desenvolvimento para Windows 8Primeiros passos desenvolvimento para Windows 8
Primeiros passos desenvolvimento para Windows 8
 
Adobe Air e HTML (FlexForKids)
Adobe Air e HTML (FlexForKids)Adobe Air e HTML (FlexForKids)
Adobe Air e HTML (FlexForKids)
 
Aplicações ricas com JavaFX 2
Aplicações ricas com JavaFX 2Aplicações ricas com JavaFX 2
Aplicações ricas com JavaFX 2
 
Extração de Dados da Web com Selenium WebDriver - SQLSaturday #817 - Joinville
Extração de Dados da Web com Selenium WebDriver - SQLSaturday #817 - JoinvilleExtração de Dados da Web com Selenium WebDriver - SQLSaturday #817 - Joinville
Extração de Dados da Web com Selenium WebDriver - SQLSaturday #817 - Joinville
 
Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4Silverlight 4 e Expression Blend 4
Silverlight 4 e Expression Blend 4
 
Criando aplicações java fx em minutos
Criando aplicações java fx em minutosCriando aplicações java fx em minutos
Criando aplicações java fx em minutos
 
Ria e Java FX
Ria e Java FXRia e Java FX
Ria e Java FX
 
Instalando e configurando o WordPress localmente
Instalando e configurando o WordPress localmenteInstalando e configurando o WordPress localmente
Instalando e configurando o WordPress localmente
 
TDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores PracticasTDC2013: ExtJS 4: Dicas e Melhores Practicas
TDC2013: ExtJS 4: Dicas e Melhores Practicas
 
JavaFX - Uma visão Geral
JavaFX - Uma visão GeralJavaFX - Uma visão Geral
JavaFX - Uma visão Geral
 
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile ServicesConstruindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
Construindo Aplicativos móveis conectados com Xamarin e Azure Mobile Services
 
CodeAndCoffeeES 2017 - Desenvolvimento desktop e uma perspectiva do mercado d...
CodeAndCoffeeES 2017 - Desenvolvimento desktop e uma perspectiva do mercado d...CodeAndCoffeeES 2017 - Desenvolvimento desktop e uma perspectiva do mercado d...
CodeAndCoffeeES 2017 - Desenvolvimento desktop e uma perspectiva do mercado d...
 
Firefox OS
Firefox OSFirefox OS
Firefox OS
 
JavaFX: Desktop para desenvolvedores WEB
JavaFX: Desktop para desenvolvedores WEBJavaFX: Desktop para desenvolvedores WEB
JavaFX: Desktop para desenvolvedores WEB
 
WordPress, muito além de um software para blogs
WordPress, muito além de um software para blogsWordPress, muito além de um software para blogs
WordPress, muito além de um software para blogs
 
Rest web services com Java
Rest web services com JavaRest web services com Java
Rest web services com Java
 
Começando errado com php
Começando errado com phpComeçando errado com php
Começando errado com php
 
Apresentação firefox os
Apresentação firefox osApresentação firefox os
Apresentação firefox os
 
apresentação plataforma de blogs
apresentação plataforma de blogsapresentação plataforma de blogs
apresentação plataforma de blogs
 

Destaque

Como participar de projetos Open Source no Github?
Como participar de projetos Open Source no Github?Como participar de projetos Open Source no Github?
Como participar de projetos Open Source no Github?Guilherme Farias
 
Aplicações hibridas usando Phonegap
Aplicações hibridas usando PhonegapAplicações hibridas usando Phonegap
Aplicações hibridas usando PhonegapGuilherme Farias
 
Git e a importância de versionar um projeto
 Git e a importância de versionar um projeto Git e a importância de versionar um projeto
Git e a importância de versionar um projetoGuilherme Farias
 
Aplicações Web Isomórficas
Aplicações Web IsomórficasAplicações Web Isomórficas
Aplicações Web IsomórficasGuilherme Farias
 

Destaque (6)

DDoS
DDoSDDoS
DDoS
 
Como participar de projetos Open Source no Github?
Como participar de projetos Open Source no Github?Como participar de projetos Open Source no Github?
Como participar de projetos Open Source no Github?
 
Aplicações hibridas usando Phonegap
Aplicações hibridas usando PhonegapAplicações hibridas usando Phonegap
Aplicações hibridas usando Phonegap
 
Git e a importância de versionar um projeto
 Git e a importância de versionar um projeto Git e a importância de versionar um projeto
Git e a importância de versionar um projeto
 
Ataque DoS e DDoS
Ataque DoS e DDoSAtaque DoS e DDoS
Ataque DoS e DDoS
 
Aplicações Web Isomórficas
Aplicações Web IsomórficasAplicações Web Isomórficas
Aplicações Web Isomórficas
 

Semelhante a FirefoxOS - A plataforma Open Web

Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)Wennder Santos
 
Write once, run "everywhere"
Write once, run "everywhere"Write once, run "everywhere"
Write once, run "everywhere"Stefan Horochovec
 
Desenvolvimento de Aplicativos para Facebook
Desenvolvimento de Aplicativos para FacebookDesenvolvimento de Aplicativos para Facebook
Desenvolvimento de Aplicativos para FacebookBruno Leite
 
Desenvolvimento HTML5 para Smartphones e Tablets BlackBerry
Desenvolvimento HTML5 para Smartphones e Tablets BlackBerryDesenvolvimento HTML5 para Smartphones e Tablets BlackBerry
Desenvolvimento HTML5 para Smartphones e Tablets BlackBerryfelipebzr
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaDiego Cavalca
 
Curso Treinamento Automação de testes com Selenium Qualister
Curso Treinamento Automação de testes com Selenium QualisterCurso Treinamento Automação de testes com Selenium Qualister
Curso Treinamento Automação de testes com Selenium QualisterQualister
 
Curso treinamento automação de testes com selenium
Curso treinamento automação de testes com seleniumCurso treinamento automação de testes com selenium
Curso treinamento automação de testes com seleniumCristiano Caetano
 
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic HalicDesenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic HalicTchelinux
 
Html5 para estudantes universitários
Html5 para estudantes universitáriosHtml5 para estudantes universitários
Html5 para estudantes universitáriosPaullo Norato
 
Play Framework - Desenvolvendo Aplicações Web com Java sem Dor
Play Framework - Desenvolvendo Aplicações Web com Java sem DorPlay Framework - Desenvolvendo Aplicações Web com Java sem Dor
Play Framework - Desenvolvendo Aplicações Web com Java sem DorAllyson Barros
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Webigorpimentel
 
Workshop de Firefox OS
Workshop de Firefox OSWorkshop de Firefox OS
Workshop de Firefox OSDavid Ruiz
 
Apresentação realidade aumentada para aplicações web e mobile
Apresentação   realidade aumentada para aplicações web e mobileApresentação   realidade aumentada para aplicações web e mobile
Apresentação realidade aumentada para aplicações web e mobileRWTH Aachen University
 
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Daniel Makiyama
 
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapDesenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapMayron Cachina
 
Palestra UFPR - Intro Ionic framework + WordPress
Palestra UFPR - Intro Ionic framework + WordPressPalestra UFPR - Intro Ionic framework + WordPress
Palestra UFPR - Intro Ionic framework + WordPressRômulo Zoch
 
Desenvolvimento web: PHP orientado a objetos
Desenvolvimento web: PHP orientado a objetosDesenvolvimento web: PHP orientado a objetos
Desenvolvimento web: PHP orientado a objetosLucas Vegi
 

Semelhante a FirefoxOS - A plataforma Open Web (20)

Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
 
Write once, run "everywhere"
Write once, run "everywhere"Write once, run "everywhere"
Write once, run "everywhere"
 
Cake Php
Cake PhpCake Php
Cake Php
 
Apresentacao
ApresentacaoApresentacao
Apresentacao
 
Desenvolvimento de Aplicativos para Facebook
Desenvolvimento de Aplicativos para FacebookDesenvolvimento de Aplicativos para Facebook
Desenvolvimento de Aplicativos para Facebook
 
Desenvolvimento HTML5 para Smartphones e Tablets BlackBerry
Desenvolvimento HTML5 para Smartphones e Tablets BlackBerryDesenvolvimento HTML5 para Smartphones e Tablets BlackBerry
Desenvolvimento HTML5 para Smartphones e Tablets BlackBerry
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec Cafelândia
 
Curso Treinamento Automação de testes com Selenium Qualister
Curso Treinamento Automação de testes com Selenium QualisterCurso Treinamento Automação de testes com Selenium Qualister
Curso Treinamento Automação de testes com Selenium Qualister
 
Curso treinamento automação de testes com selenium
Curso treinamento automação de testes com seleniumCurso treinamento automação de testes com selenium
Curso treinamento automação de testes com selenium
 
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic HalicDesenvolvimento Web com Firefox - Clauber Stipkovic Halic
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
 
Html5 para estudantes universitários
Html5 para estudantes universitáriosHtml5 para estudantes universitários
Html5 para estudantes universitários
 
Workshop - Cordova e Ionic
Workshop - Cordova e IonicWorkshop - Cordova e Ionic
Workshop - Cordova e Ionic
 
Play Framework - Desenvolvendo Aplicações Web com Java sem Dor
Play Framework - Desenvolvendo Aplicações Web com Java sem DorPlay Framework - Desenvolvendo Aplicações Web com Java sem Dor
Play Framework - Desenvolvendo Aplicações Web com Java sem Dor
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Web
 
Workshop de Firefox OS
Workshop de Firefox OSWorkshop de Firefox OS
Workshop de Firefox OS
 
Apresentação realidade aumentada para aplicações web e mobile
Apresentação   realidade aumentada para aplicações web e mobileApresentação   realidade aumentada para aplicações web e mobile
Apresentação realidade aumentada para aplicações web e mobile
 
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...
 
Desenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGapDesenvolvendo para Android com PhoneGap
Desenvolvendo para Android com PhoneGap
 
Palestra UFPR - Intro Ionic framework + WordPress
Palestra UFPR - Intro Ionic framework + WordPressPalestra UFPR - Intro Ionic framework + WordPress
Palestra UFPR - Intro Ionic framework + WordPress
 
Desenvolvimento web: PHP orientado a objetos
Desenvolvimento web: PHP orientado a objetosDesenvolvimento web: PHP orientado a objetos
Desenvolvimento web: PHP orientado a objetos
 

FirefoxOS - A plataforma Open Web