Jump to content

Search the Community

Showing results for tags 'pwa'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 3 results

  1. WictorP

    Progressive Web Apps

    Boa tarde, tudo bem? Espero que sim! Estou fazendo um projeto de pequeno porte, porém preciso que esta página funcione através de um PWA. Até ai tranquilo... Vi alguns artigos de como fazer, inclusive o https://imasters.com.br/front-end/progressive-web-apps-pwa-e-evolucao-da-web registrado aqui na iMasters. Fiz todos os passos (eu acho), não entendo muito... Mas segue abaixo os códigos que inseri: Código manifest.json { "short_name": "SJ", "name": "Sistema Jéssica", "icons": [ { "src": "arquivos/imagens/logo.png", "sizes": "126x126", "type": "image/png" } ], "scope": "/", "start_url": "/inicio", "orientation": "portrait", "display": "fullscreen", "theme_color": "#ffffff", "background_color": "#ffffff" } Inserido no .js global do site self.addEventListener('install', (event) => { let plugins = [ new WorkboxPlugin({ globDirectory: DIST_DIR, globPatterns: ['**/*.{php,js,css,json,png}'], // {21} swDest: path.join(DIST_DIR, 'sw.js') //{22} }) ]; const workboxSW = new WorkboxSW(); const networkFirst = workboxSW.strategies.networkFirst(); workboxSW.router.registerRoute('/arquivos', networkFirst); // {23} }); self.addEventListener('activate', (event) => { // SW está instalado e ativo // Podemos terminar o setup // Ou limpar cache antigo }); self.addEventListener('fetch', (event) => { // Escuta cada evento de fetch // E faz alguma coisa para cada request // feito da app para API server }); Inserido dentro do <head> global do site <link rel="manifest" href="manifest.json"> Verifico e não há registro de cache no navegador, então não está funcionando. Estou fazendo algo errado? Abraços, Wictor Pamplona.
  2. Olá, tenho algumas dúvidas sobre o uso de PWA para desenvolvimento de uma aplicação mobile offline, vou colocar como questões ficará mais fácil de entende-las. Ficaria extremamente grato se algum especialista em PWA possa tirar minhas dúvidas. rs 1 - A tecnologia PWA realmente é algo que tem futuro? Acham que boa parte dos futuros apps poderão ser feitos em PWA? 2 - Caso a aplicação deva ser totalmente offline, entrar no modo online apenas para sincronização de dados produzidos, vale a pena o uso do PWA? 3 - No uso do armazenamento do IndexedDB, há alguma forma de implementar uma segurança dos dados? Ex: Autenticação de usuários, dados restritos etc... 4 - É possível que eu tenha alguma dor de cabeça futuramente, que seja um problema geral? Algo que ocorra com bastante gente? 5 - Pra finalizar, uma sugestão sua PWA ou Cordova? Explicação: estou fazendo uma aplicação em Angular 5 e preciso que essa aplicação funcione totalmente offline, em um certo momento irei sincronizar com o servidor os dados produzidos, é uma aplicação com prazo pra ser desenvolvido, achei interessante a tecnologia do pwa e ao meu ver poderia dar praticidade tanto no desenvolvimento quanto na disponibilização da aplicação para os usuários.
  3. Salve salve! Eu queria fazer um Menu estilo whatsApp: O mais próximo que cheguei foi isso: (LIVE DEMO) http://gabrieldarezzo.github.io/menuTouch/ Source completo: https://github.com/gabrieldarezzo/menuTouch Alguem tem alguma dica de Plugin/jQuery/Angular ou qualquer PWA que tenha o mesmo comportamento? Basicamente tentei dividir o 'problemão' em problemas menores... O menu do Whats tem: (Feito) Opção de clicar direto pelos menus (Feito) Opção de Arrastar o touch/mouse Animação da borda Bottom (já me indicaram a do Sergio Lopes, então acho q me viro daqui pra frente... Empurrar todo o box div para a direita e simultaneamente o outro para a esquerda. Então basicamente vou ter 3 divs correspontende a cada item do menu: <div class="tab-content"> <div id="recados" role="tabpanel" class="tab-pane fade in active" ng-swipe-right="menuInschoolRight(this)" ng-swipe-left="menuInschoolLeft(this)"> Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker. </div><!-- / #recados --> <div id="avisos" role="tabpanel" class="tab-pane fade in" ng-swipe-right="menuInschoolRight()" ng-swipe-left="menuInschoolLeft(this)"> aralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker. Ntate inalterado. Se popularizou na década de 60, quando a Letrase </div><!-- / #avisos --> <div id="eventos" role="tabpanel" class="tab-pane fade in" ng-swipe-right="menuInschoolRight()" ng-swipe-left="menuInschoolLeft(this)"> Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker. inando sua diagramação. A vantagem de usar Lorem Ipsum é que ele tem uma distribuição normal de letras, ao contrário de "Conteúdo aqui, conteúdo aqui", fazendo com que ele tenha uma aparência similar a de um texto legível. Muitos softwares de publicação e editores de páginas na internet agora usam Lorem Ipsum como texto-modelo padrão, e uma rápida busca por 'lorem ipsum' mostra vários websites ainda e </div><!-- / #eventos --> </div><!-- / .tab-content --> Minha duvida principal é como fazer esse comportamento do SlideIn /Left + SlideIn /Right, to estudando até Theread pra vocês terem uma noção... hahaha Enfim qlq luz ta valendo, abraço a todos. Quem quiser pode dar uma olhada no resultado: https://github.com/gabrieldarezzo/menuTouch Outra opção: http://materializecss.com/tabs.html (Abas) / swipeable
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.