Framework7
- 1. Aplicações Mobile Híbridas para Android e iOS com HTML, CSS e JS
- 2. Framework7. Grupo: - Alexandre - Leandro - Leonardo - Samuel
- 3. 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.
- 4. 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/
- 5. Objetivo Criar, além de aplicações web, aplicativos para as plataformas iOS e Android utilizando HTML, CSS e Javascript
- 6. Foco iOS (7+)Google Material Design
- 8. 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
- 9. 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
- 10. 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
- 11. componentes
- 12. 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
- 18. utilização
- 19. Framework7-download Download via Bower: Download via Git:
- 24. 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
- 28. Framework7-testenativo Exemplo de um dos demos/layouts disponíveis no site do F7 rodando nativo no emulador do Xcode.
- 29. Framework7-testenativo Exemplo de um dos demos/layouts disponíveis no site do Framework 7 rodando nativo em um dispositivo físico.
- 31. 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
- 32. 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.