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

Framework 7 pdf

  • 1.
    Framework 7 FREE OPENSOURCE Temas em acordo com o Google Material Design
  • 2.
    Introdução ❏ É umFRAMEWORK 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 autilizaçã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.
  • 5.
  • 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 umadocumentaçã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: Utilizaapenas 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(SplitView) 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 grandenú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 Framework7 é 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.
  • 13.