SlideShare a Scribd company logo
1 of 13
Download to read offline
Framework 7
FREE OPEN SOURCE
Temas em acordo com o Google Material Design
Introdução
❏ É um FRAMEWORK que auxilia na criação de aplicativos
IOS e Android.
❏ Criado por Arvind Ravulavaru , arquiteto de
software, que vive na Índia.
❏ Especialista na criação de soluções escaláveis e seguras
para aplicativos móveis, desktop e ambiente Web.
Características
❏ Não é uma biblioteca de terceiros, mas uma compilação
do DOM.
❏ DOM 7 é uma biblioteca que utiliza as melhores práticas
de utilização do DOM.
❏ É de fácil aprendizado porque utiliza uma sintaxe parecida
com a do JQuery.
❏ Documentação baseada em Templates dividido em áreas:
CORE NAVIGATION COMPONENTS
STYLING TEMPLATE7 FAST CLICKS
PLUGINS API CUSTOM
BUILD
Implementação
Para iniciar a utilização , você deve fazer o download e
instalar o Framework7.
Download and install Framework7
Origem:Framework7 GitHub repository
Instalar via :$ bower install framework7
Como aprender?
Analisar os exemplos disponíveis no Framework e
modificá-los conforme sua necessidade.
Exemplo inicial
Layout Responsivo:
http://www.idangero.us/framework7/examples/#.VlX33TZdFl
Y
Ver Prova de conceito.zip
Estrutura
Framework7 utiliza HTML, CSS e JAVASCRIPT .
Focado em IO e no Google Material Design.
Não força o desenvolvedor utilizar escrever com tags personalizadas.
Tem muitos componentes de interface prontos para utilizar que nem sempre
utiliza JavaScript
Componentes
Framework7 tem uma documentação bem completa.
No site a maioria dos componentes tem uma demostração do funcionamento.
Todos os componentes são divididos em pequenos arquivo com extensão
.less
Framework7 permite personalização fácil.
Alguns Recursos
Native Scrolling:
Utiliza apenas rolagem nativa.
Library Agnostic:
Não utiliza nem depende de qualquer biblioteca de terceiros.
High-performance Animation
Alta perfomace em animações e transições com CSS.
Alguns Recursos
Multiple Views(Split View)
Suporta um número ilimitado de views isoladas.
Clear JS API
Utiliza metodos JavaScript claros e de fácil uso.
Pages Animation
Oferece animação que altera a opacidade e sombra ao carregar nova página
Alguns Recursos
Dom7 - Custom Dom Library
Tem a própria biblioteca DOM que tem a mesma sintaxe do JQuery.
Mercado
Há um grande número de app em diversas áreas que utilizam Framework7.
Ex: DietasJulia, Friends
A maioria da vagas encontradas são para freelancer.
No Brasil, a procura por profissionais com conhecimentos em Framework7
ainda não é grande .
Considerações finais
O Framework 7 é uma ferramenta que oferece muitos templates, baseados
nas melhores práticas do Google Materials, que ajudam o desenvolvedor
Android ou IOS na implementação de seu projeto.Desta maneira, o
desenvolvedor não precisa “perder tempo criando criando layouts ou recriando
a roda”. Basta customizar os templates do Framework7 de forma a atender os
requisitos do projeto.Por outro lado, esta plataforma exige do usuário
conhecimento prévio de CSS, HTML e Jquery, oexigindo mais conhecimento
de código pelo programador.A ferramenta poderia oferecer recursos
automatizados e mais intuitivos.
Fonte
http://www.idangero.us/framework7/#.VlX5_jZdFlY
http://www.idangero.us/framework7/kitchen-sink-material/
Componentes Grupo : João Henrique Peters
Ricardo Silva
Afrânio Honório

More Related Content

What's hot

A importância de padronizar nosso CSS
A importância de padronizar nosso CSSA importância de padronizar nosso CSS
A importância de padronizar nosso CSSFernando Henriques
 
A Evolução do Front end
A Evolução do Front endA Evolução do Front end
A Evolução do Front endDouglas Matoso
 
TDC 2013 SP | Arquitetura Java: Preciso de um Framework, mas qual usar?
TDC 2013 SP | Arquitetura Java: Preciso de um Framework, mas qual usar?TDC 2013 SP | Arquitetura Java: Preciso de um Framework, mas qual usar?
TDC 2013 SP | Arquitetura Java: Preciso de um Framework, mas qual usar?tdc-globalcode
 
Unit Test JavaScript
Unit Test JavaScriptUnit Test JavaScript
Unit Test JavaScriptDan Vitoriano
 
Curso PHP UNIFACS 2014.1 – Frameworks
Curso PHP UNIFACS 2014.1 – FrameworksCurso PHP UNIFACS 2014.1 – Frameworks
Curso PHP UNIFACS 2014.1 – FrameworksJonata Weber
 
.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?akamud
 
Automatizando Testes de Integração com Azure DevOps | DevOps Experience - Fev...
Automatizando Testes de Integração com Azure DevOps | DevOps Experience - Fev...Automatizando Testes de Integração com Azure DevOps | DevOps Experience - Fev...
Automatizando Testes de Integração com Azure DevOps | DevOps Experience - Fev...Renato Groffe
 
[CLPE] Visual Studio 2010
[CLPE] Visual Studio 2010[CLPE] Visual Studio 2010
[CLPE] Visual Studio 2010Felipe Pimentel
 
Chega de lendas! JavaFX em Android
Chega de lendas! JavaFX em AndroidChega de lendas! JavaFX em Android
Chega de lendas! JavaFX em AndroidBruno Oliveira
 
Cocoaheads RJ - Como você faz? (Douglas Fischer - 26/03/2015)
Cocoaheads RJ - Como você faz? (Douglas Fischer - 26/03/2015)Cocoaheads RJ - Como você faz? (Douglas Fischer - 26/03/2015)
Cocoaheads RJ - Como você faz? (Douglas Fischer - 26/03/2015)Douglas Fischer
 
Microsoft Azure role-based certifications valem a pena? | Interop Day Edição ...
Microsoft Azure role-based certifications valem a pena? | Interop Day Edição ...Microsoft Azure role-based certifications valem a pena? | Interop Day Edição ...
Microsoft Azure role-based certifications valem a pena? | Interop Day Edição ...Renato Groff
 
Drupal Performance - Dicas e técnicas para levar seu Drupal às nuvens
Drupal Performance - Dicas e técnicas para levar seu Drupal às nuvensDrupal Performance - Dicas e técnicas para levar seu Drupal às nuvens
Drupal Performance - Dicas e técnicas para levar seu Drupal às nuvensPaulino Michelazzo
 

What's hot (20)

Xamarin UI Test + BDD Specflow
Xamarin UI Test + BDD SpecflowXamarin UI Test + BDD Specflow
Xamarin UI Test + BDD Specflow
 
A importância de padronizar nosso CSS
A importância de padronizar nosso CSSA importância de padronizar nosso CSS
A importância de padronizar nosso CSS
 
Profissão Front-end
Profissão Front-endProfissão Front-end
Profissão Front-end
 
Meetup React Native
Meetup React NativeMeetup React Native
Meetup React Native
 
A Evolução do Front end
A Evolução do Front endA Evolução do Front end
A Evolução do Front end
 
Clean Architecture
Clean ArchitectureClean Architecture
Clean Architecture
 
MVC e Frameworks MVC
MVC e Frameworks MVCMVC e Frameworks MVC
MVC e Frameworks MVC
 
TDC 2013 SP | Arquitetura Java: Preciso de um Framework, mas qual usar?
TDC 2013 SP | Arquitetura Java: Preciso de um Framework, mas qual usar?TDC 2013 SP | Arquitetura Java: Preciso de um Framework, mas qual usar?
TDC 2013 SP | Arquitetura Java: Preciso de um Framework, mas qual usar?
 
Unit Test JavaScript
Unit Test JavaScriptUnit Test JavaScript
Unit Test JavaScript
 
Curso PHP UNIFACS 2014.1 – Frameworks
Curso PHP UNIFACS 2014.1 – FrameworksCurso PHP UNIFACS 2014.1 – Frameworks
Curso PHP UNIFACS 2014.1 – Frameworks
 
.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?
 
Blazor #SnetTalks3
Blazor  #SnetTalks3Blazor  #SnetTalks3
Blazor #SnetTalks3
 
Aula 1 1
Aula 1 1Aula 1 1
Aula 1 1
 
Automatizando Testes de Integração com Azure DevOps | DevOps Experience - Fev...
Automatizando Testes de Integração com Azure DevOps | DevOps Experience - Fev...Automatizando Testes de Integração com Azure DevOps | DevOps Experience - Fev...
Automatizando Testes de Integração com Azure DevOps | DevOps Experience - Fev...
 
[CLPE] Visual Studio 2010
[CLPE] Visual Studio 2010[CLPE] Visual Studio 2010
[CLPE] Visual Studio 2010
 
Chega de lendas! JavaFX em Android
Chega de lendas! JavaFX em AndroidChega de lendas! JavaFX em Android
Chega de lendas! JavaFX em Android
 
Cocoaheads RJ - Como você faz? (Douglas Fischer - 26/03/2015)
Cocoaheads RJ - Como você faz? (Douglas Fischer - 26/03/2015)Cocoaheads RJ - Como você faz? (Douglas Fischer - 26/03/2015)
Cocoaheads RJ - Como você faz? (Douglas Fischer - 26/03/2015)
 
ASP.NET MVC Core
ASP.NET MVC CoreASP.NET MVC Core
ASP.NET MVC Core
 
Microsoft Azure role-based certifications valem a pena? | Interop Day Edição ...
Microsoft Azure role-based certifications valem a pena? | Interop Day Edição ...Microsoft Azure role-based certifications valem a pena? | Interop Day Edição ...
Microsoft Azure role-based certifications valem a pena? | Interop Day Edição ...
 
Drupal Performance - Dicas e técnicas para levar seu Drupal às nuvens
Drupal Performance - Dicas e técnicas para levar seu Drupal às nuvensDrupal Performance - Dicas e técnicas para levar seu Drupal às nuvens
Drupal Performance - Dicas e técnicas para levar seu Drupal às nuvens
 

Similar to Framework 7 pdf

Plataforma Android: Produtividade Além do SDK
Plataforma Android: Produtividade Além do SDKPlataforma Android: Produtividade Além do SDK
Plataforma Android: Produtividade Além do SDKRyan Padilha
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Valmir Justo
 
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Getúlio Strapazzon
 
Frameworks de desenvolvimento web
Frameworks de desenvolvimento webFrameworks de desenvolvimento web
Frameworks de desenvolvimento webArlindo Santos
 
NodeJS - Tutorial de forma simples e pratica.
NodeJS - Tutorial de forma simples e pratica.NodeJS - Tutorial de forma simples e pratica.
NodeJS - Tutorial de forma simples e pratica.Filipe Morelli
 
Javascript levado a serio
Javascript levado a serioJavascript levado a serio
Javascript levado a serioJaydson Gomes
 
01 - Introdução a programação para internet v1.1
01 - Introdução a programação para internet v1.101 - Introdução a programação para internet v1.1
01 - Introdução a programação para internet v1.1César Augusto Pessôa
 
Nodejs justdigital
Nodejs justdigitalNodejs justdigital
Nodejs justdigitalJust Digital
 
Overview de Drupal pela Just Digital
Overview de Drupal pela Just DigitalOverview de Drupal pela Just Digital
Overview de Drupal pela Just DigitalJust Digital
 
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
 
Palestra Zend Framework na Campus Party 2011
Palestra Zend Framework na Campus Party 2011Palestra Zend Framework na Campus Party 2011
Palestra Zend Framework na Campus Party 2011Flávio Lisboa
 
Apostila de Fundamentos Java
Apostila de Fundamentos JavaApostila de Fundamentos Java
Apostila de Fundamentos JavaMarcio Marinho
 
Adobe flash platform bem 2009
 Adobe flash platform bem 2009 Adobe flash platform bem 2009
Adobe flash platform bem 2009FabricioManzi
 

Similar to Framework 7 pdf (20)

Plataforma Android: Produtividade Além do SDK
Plataforma Android: Produtividade Além do SDKPlataforma Android: Produtividade Além do SDK
Plataforma Android: Produtividade Além do SDK
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Framework7
Framework7Framework7
Framework7
 
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
Angular5, vue js ou react redux (Trilha de Javascript - TDC 2018 )
 
Tecnologias ria2
Tecnologias ria2Tecnologias ria2
Tecnologias ria2
 
Frameworks de desenvolvimento web
Frameworks de desenvolvimento webFrameworks de desenvolvimento web
Frameworks de desenvolvimento web
 
Django
DjangoDjango
Django
 
BDD com SpecFlow
BDD com SpecFlowBDD com SpecFlow
BDD com SpecFlow
 
Bdd com spec flow
Bdd com spec flowBdd com spec flow
Bdd com spec flow
 
NodeJS - Tutorial de forma simples e pratica.
NodeJS - Tutorial de forma simples e pratica.NodeJS - Tutorial de forma simples e pratica.
NodeJS - Tutorial de forma simples e pratica.
 
Javascript levado a serio
Javascript levado a serioJavascript levado a serio
Javascript levado a serio
 
01 - Introdução a programação para internet v1.1
01 - Introdução a programação para internet v1.101 - Introdução a programação para internet v1.1
01 - Introdução a programação para internet v1.1
 
Nodejs justdigital
Nodejs justdigitalNodejs justdigital
Nodejs justdigital
 
Overview de Drupal pela Just Digital
Overview de Drupal pela Just DigitalOverview de Drupal pela Just Digital
Overview de Drupal pela Just Digital
 
Frameworks em Java
Frameworks em JavaFrameworks em Java
Frameworks em Java
 
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
 
Palestra Zend Framework na Campus Party 2011
Palestra Zend Framework na Campus Party 2011Palestra Zend Framework na Campus Party 2011
Palestra Zend Framework na Campus Party 2011
 
Workshop frontend
Workshop   frontendWorkshop   frontend
Workshop frontend
 
Apostila de Fundamentos Java
Apostila de Fundamentos JavaApostila de Fundamentos Java
Apostila de Fundamentos Java
 
Adobe flash platform bem 2009
 Adobe flash platform bem 2009 Adobe flash platform bem 2009
Adobe flash platform bem 2009
 

Framework 7 pdf

  • 1. Framework 7 FREE OPEN SOURCE Temas em acordo com o Google Material Design
  • 2. Introdução ❏ É um FRAMEWORK que auxilia na criação de aplicativos IOS e Android. ❏ Criado por Arvind Ravulavaru , arquiteto de software, que vive na Índia. ❏ Especialista na criação de soluções escaláveis e seguras para aplicativos móveis, desktop e ambiente Web.
  • 3. Características ❏ Não é uma biblioteca de terceiros, mas uma compilação do DOM. ❏ DOM 7 é uma biblioteca que utiliza as melhores práticas de utilização do DOM. ❏ É de fácil aprendizado porque utiliza uma sintaxe parecida com a do JQuery. ❏ Documentação baseada em Templates dividido em áreas: CORE NAVIGATION COMPONENTS STYLING TEMPLATE7 FAST CLICKS PLUGINS API CUSTOM BUILD
  • 4. Implementação Para iniciar a utilização , você deve fazer o download e instalar o Framework7. Download and install Framework7 Origem:Framework7 GitHub repository Instalar via :$ bower install framework7 Como aprender? Analisar os exemplos disponíveis no Framework e modificá-los conforme sua necessidade.
  • 6. Estrutura Framework7 utiliza HTML, CSS e JAVASCRIPT . Focado em IO e no Google Material Design. Não força o desenvolvedor utilizar escrever com tags personalizadas. Tem muitos componentes de interface prontos para utilizar que nem sempre utiliza JavaScript
  • 7. Componentes Framework7 tem uma documentação bem completa. No site a maioria dos componentes tem uma demostração do funcionamento. Todos os componentes são divididos em pequenos arquivo com extensão .less Framework7 permite personalização fácil.
  • 8. Alguns Recursos Native Scrolling: Utiliza apenas rolagem nativa. Library Agnostic: Não utiliza nem depende de qualquer biblioteca de terceiros. High-performance Animation Alta perfomace em animações e transições com CSS.
  • 9. Alguns Recursos Multiple Views(Split View) Suporta um número ilimitado de views isoladas. Clear JS API Utiliza metodos JavaScript claros e de fácil uso. Pages Animation Oferece animação que altera a opacidade e sombra ao carregar nova página
  • 10. Alguns Recursos Dom7 - Custom Dom Library Tem a própria biblioteca DOM que tem a mesma sintaxe do JQuery.
  • 11. Mercado Há um grande número de app em diversas áreas que utilizam Framework7. Ex: DietasJulia, Friends A maioria da vagas encontradas são para freelancer. No Brasil, a procura por profissionais com conhecimentos em Framework7 ainda não é grande .
  • 12. Considerações finais O Framework 7 é uma ferramenta que oferece muitos templates, baseados nas melhores práticas do Google Materials, que ajudam o desenvolvedor Android ou IOS na implementação de seu projeto.Desta maneira, o desenvolvedor não precisa “perder tempo criando criando layouts ou recriando a roda”. Basta customizar os templates do Framework7 de forma a atender os requisitos do projeto.Por outro lado, esta plataforma exige do usuário conhecimento prévio de CSS, HTML e Jquery, oexigindo mais conhecimento de código pelo programador.A ferramenta poderia oferecer recursos automatizados e mais intuitivos.