Curso de PWA - Progressive Web Apps

Aprenda a criar um aplicativo web que faça uso de recursos de um dispositivo móvel

Nível Intermediário Categoria Desenvolvimento Front-end

  • Curso com 03h08 de videos
  • Certificado com 12 horas
  • 18 exercícios

Sobre o curso

Aprenda a criar um aplicativo web que faça uso de recursos de um dispositivo móvel

Hoje em dia o que mais usamos são aplicativos mobile e aplicações web. Cada um possui suas vantagens e desvantagens. PWA (Progressive Web Apps) não é uma tecnologia nova, e sim, técnicas que podemos seguir para que uma aplicação web seja leve, rápida e funcione sem a necessidade de conexão, trazendo ao usuário uma boa experiência e o melhor de um aplicativo em uma aplicação web. Por ser uma aplicação web, PWAs também possuem a vantagem de poderem ser indexadas por buscadores como o Google. Veremos neste curso como criar PWA e todas as funcionalidades de aplicativos que podemos usar em nossas aplicações web como câmera, armazenamento offline, notificações, etc.

O que irá aprender?

Neste curso você verá como criar um progressive web app. Com conteúdo apostilado e vídeo aulas, você verá em detalhes as características deste tipo de aplicativo e como utilizar recursos de um dispositivo móvel nele. Também serão passados exercícios para que você possa fixar, praticar e aplicar o conteúdo aprendido.

Entre outras coisas você aprenderá:

  • Service Workers;
  • Cache Storage API;
  • Acessando a aplicação offline;
  • Armazenamento de dados com IndexedDB;
  • Background Sync;
  • Criando um servidor de Notificações;
  • Acesso à câmera.

Pra quem é esse curso?

Este curso é destinado àqueles que já tenham um conhecimento de HTML5, CSS3 e JavaScript e queiram desenvolver aplicações web leves e rápidas que se aproximem de aplicativos para dispositivos móveis.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Ambiente do curso

  • Sublime Text 3.0.0 ou superior
  • Google Chrome
  • Node.js 8.5.0 ou superior
  • Git 2.14.1 ou superior

Sobre o professor

Akira Hanashiro

Akira Hanashiro

Professor especialista em Desenvolvimento Front-end na TreinaWeb. Akira, Felipe, Hana, Hanashiro ou Hanakira, é graduado em Análise e Desenvolvimento de Sistemas, pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning, é entusiasta no desenvolvimento de jogos e multi-task. Fala japonês fluente, mas não tem com quem conversar.

Conteúdo programático

  1. Conhecendo as Progressive Web Apps

    Vamos conhecer esse mundo das PWAs e quais suas vantagens

    4 aulas
    • O que é PWA?
    • Melhor Retenção de Usuários
    • Quem usa? Exemplos
    • Questionário
  2. Preparando o Ambiente

    Veja como montar o ambiente para criarmos nosso projeto

    3 aulas
    • As ferramentas necessárias
    • Preparação do Ambiente
    • Configurando o WebPack
  3. Estruturando o Projeto

    Vamos começar a estruturar nosso projeto

    8 aulas
    • Apresentando o Projeto
    • Estruturando o Projeto
    • Arrumando a interface com Material Design Lite
    • Templates
    • Armazenamento de Dados
    • Controllers
    • Executando Ações
    • Acessando a Câmera
  4. Armazenamento de dados com IndexedDB

    Vamos armazenar os dados da nossa aplicação

    1 aula
    • Armazenando dados com IndexedDB
  5. Service Worker

    Conheça o Service Worker e sua importância

    5 aulas
    • O que são Service Workers?
    • Ciclo de Vida de um Service Worker
    • Registrando Service Workers
    • Fetch Event - alterando requisições
    • Questionário
  6. CacheStorage

    Aprenda a gerenciar o cache da aplicação

    2 aulas
    • O que é CacheStorage?
    • Armazenando arquivos em cache
  7. Trabalhando Offline

    Veja como permitir que o usuário acesse sua aplicação mesmo quando não houver conexão

    5 aulas
    • Sincronia em Plano de Fundo
    • SyncManager
    • Armazenando dados no servidor
    • Sincronizando dados com o servidor
    • Questionário
  8. Comunicação entre Páginas e Service Worker

    Aprenda a criar uma comunicação entre Páginas e Service Worker

    4 aulas
    • Página e Service Worker
    • Comunicação entre abas
    • MessageChannel
    • Questionário
  9. Notificações

    Mantenha seus usuários mais ativos por meio de notificações

    12 aulas
    • A importância das Notificações
    • Notification API
    • Gerando Chaves
    • Criando um servidor de mensagens
    • Configurando Notificações
    • Push API
    • Inscrevendo-se em Eventos Push
    • Fazendo uma inscrição para receber notificações
    • Enviando Push Events a partir do Servidor
    • Exibindo Notificações
    • Reagindo a Notificações
    • Questionário
  10. Instalando PWAs - Web App Manifest

    Crie um arquivo com informações da sua aplicação e permita que o usuário “instale-a” na tela inicial do dispositivo

    7 aulas
    • Indicando que a página é uma PWA
    • Criando o manifest.json
    • Criando atalho no Desktop
    • Subindo a aplicação para um servidor https (gh-pages)
    • Criando atalho no Mobile
    • Desafio
    • Questionário
Download da ementa

Utilizada e amada por milhares! Veja mais opiniões reais

  • Gostei do curso, principalmente do meio do curso até o final, onde pude ter uma noção melhor do PWA.

    Depoimento - Osvaldo
    PWA - Progressive Web Apps
    Osvaldo Avaré / SP
  • Ótimo curso, gostaria que se também tivesse curso trabalhando com PWA integração com aplicação php. Mais esta show o curso.

    Depoimento - Alef
    PWA - Progressive Web Apps
    Alef Itaquaquecetuba / SP
  • Um curso muito bacana. A didática esta muito boa, achei muito clara as explicações e o conteúdo bem direto. Foi show o curso. :)

    Depoimento - Felipe
    PWA - Progressive Web Apps
    Felipe APARECIDA / SP
  • Curso abrangente e honesto.

    Depoimento - Fernando
    PWA - Progressive Web Apps
    Fernando Itapecerica da Serra / SP
  • Realmente o PWA é o futuro, infelizmente, percebi que faltou da minha parte muitos conhecimentos referente ao JavaScript, pois é um curso muitíssimo avançado, mas a ideia foi muito interessante, super completo em todos os aspectos.. Imaginei um curso mais simples inicialmente, mas foi bem avançado mesmo. De qualquer forma, parabéns a todos os envolvidos. Se for possível, elaborem cursos sobre PWA´s mais simples... pois o PWA é o futuro ... é o que dá para perceber.. srsrs... valeu!!!

    Depoimento - Ezequiel
    PWA - Progressive Web Apps
    Ezequiel Jaboticabal / SP
  • Interessante o curso.

    Depoimento - Wagner
    PWA - Progressive Web Apps
    Wagner São Paulo / SP
  • Muito bom. Fiquei surpreso e feliz da Treinaweb possuir um curso de PWA, um tecnologia recente e que agora que grandes players do mercado (Microsoft e Google) resolveram investir.

    Depoimento - Volmir
    PWA - Progressive Web Apps
    Volmir Porto Alegre / RS
  • Muito bom, o instrutor domina muito bem o assunto.

    Depoimento - Tiago
    PWA - Progressive Web Apps
    Tiago VIDEIRA / SC
  • Incrível ... Recomendo à todos !!!

    Depoimento - Guilherme
    PWA - Progressive Web Apps
    Guilherme Taboão da Serra / SP

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 97,00 ECONOMIZE R$ 360,00
12x R$ 67,00 ou R$ 804,00 à vista
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!