Framework7

Aplicações Mobile Híbridas para Android e iOS com
HTML, CSS e JS

Framework7.
Grupo:
- Alexandre
- Leandro
- Leonardo
- Samuel

Apresentação
Trabalho da disciplina de
Desenvolvimento WEB Mobile do
Professor João Lima Vinagre
para o curso de Desenvolvimento de Aplicações
Móveis da PUC-Minas. Esse trabalho apresenta uma
introdução sobre o Framework, suas características,
exemplos e suas aplicações.

Sobre
Framework7 é um framework
open source para
desenvolver aplicações para
dispositivos móveis que
sejam híbridas mas com
aparência e comportamento
nativo
http://framework7.io/

Objetivo
Criar, além de aplicações web,
aplicativos para as plataformas
iOS e Android utilizando HTML,
CSS e Javascript

Foco
iOS (7+)Google Material Design

Framework7-leve,flexíveledealtaperformance
- Ferramenta de fácil utilização
- Não depende de outras bibliotecas
- Possui biblioteca Javascript simples,
clara e de alta performance para manipular
o DOM e cuja síntaxe assemelha-se ao
JQuery
- Utiliza apenas animações e transições
CSS de alta performance que beneficiam-se
da aceleração por hardware
- Open source

Framework7-aparênciaecomportamentonativos
- Elementos gráficos, animações e
interações de toque típicos da
plataforma iOS
- Material Theme desenvolvido de
acordo com as especificações oficiais
do Google Material Design
- Scrolling nativo com características
adicionais
- Suporta múltiplas views através de
atributos do tipo “data-view” em links

Framework7-customizável
- Customização de estilos através de
arquivos .less
- Cache interno configurável
- Os dados da página são obtidos via AJAX
em períodos de cache customizáveis ou
diretamente da memória
- Permite o registro de funções de
callback para execução antes do
processamento de requests
- Possibilita a utilização de outras
engines para processamento de conteúdo

Framework7-COMPONENTES
- Disponibilidade de diversos
elementos gráficos, como por
exemplo: modals, popups, list views,
side panels, tabs, action sheet,
media lists, layout grid, preloader,
etc
- Muitos componentes não necessitam
de Javascript para seu funcionamento

Framework7-download
Download via Bower:
Download via Git:

Framework7-adicionarmetadadosedependênciascssdoiOS

Framework7-adicionarconteúdomínimoàpágina

Framework7-adicionardependênciasjavascript

Framework7-criaroarquivojavascriptdaaplicação

Framework7-executaraaplicação
. Basta abrir o arquivo HTML no seu browser para acessar a sua
aplicação
. Como a navegação entre páginas é feita via AJAX certifique-se de
utilizar um servidor HTTP, como o Node.js, para disponibilizar o
acesso à aplicação

Framework7-diversosparâmetrosparaconfiguração

Framework7-utilizaçãodeoutrasenginesparapré-
processamentodeconteúdo

Framework7-registrodefunçõesdecallbackparaserem
executadasantesdoprocessamentoderequests

Framework7-testenativo
Exemplo de um dos demos/layouts
disponíveis no site do F7
rodando nativo no emulador do
Xcode.

Framework7-testenativo
Exemplo de um dos demos/layouts
disponíveis no site do
Framework 7 rodando nativo em
um dispositivo físico.

Framework7-Prós
. Aprendizado relativamente simples. O conhecimento de HTML, CSS e
Javascript é o necessário para começar a desenvolver
. Não exige um conhecimento aprofundado em Javascript
. Oferece diversos templates desenvolvidos com o uso de boas práticas
de design e podem ser modificados de acordo com a sua necessidade
. Documentação dividida em tópicos: Core, Navigation, Components,
Styling, Template7, Fast Clicks, Utilities, Plugins API e Custom Build
. Compatível com AngularJS e SASS

Framework7-contras
. O Framework7 não é compatível com todas as plataformas, ou seja,
está focado em iOS e Google.
. No Brasil a demanda por profissionais com experiência em
Framework7 ainda é pequena.

Framework7

Mais conteúdo relacionado

Mais procurados

Destaque

Semelhante a Framework7

Último

Framework7