Curso de PWA - Progressive Web Apps

Curso de

PWA - Progressive Web Apps

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

VEJA UMA AULA DE EXEMPLO

6x R$ 24,98

R$ 149,90 à vista

  • 24h

    Curso com certificado de 24 horas

  • Escolha o dispositivo que preferir PC, Tablet ou Smartphone.

  • Satisfação garantida ou seu dinheiro de volta!

Adquira este curso de forma avulsa

Curso de PWA - Progressive Web Apps

PWA - Progressive Web Apps

6x R$ 24,98

R$ 149,90 à vista

Informações sobre o curso

Sobre o curso

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.

Conhecimentos adquiridos

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.

Para 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.

  1. JavaScript Básico
  2. JavaScript Intermediário
  3. JavaScript Avançado
  4. HTML5 e CSS3 - Desenvolvimento web Básico

Carga horária do curso

3h08

Curso com 3h08 horas de vídeos

24h

Curso com certificado de 24 horas

18

Curso com 18 exercícios de fixação

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

Metodologia

  • Vídeo-aulas
  • Texto e imagens
  • Início imediato
  • Exemplos práticos
  • Testes de aprendizado

Satisfação garantida ou seu dinheiro de volta!

Adquira este curso agora mesmo

Curso de PWA - Progressive Web Apps

PWA - Progressive Web Apps

6x R$ 24,98

R$ 149,90 à vista

Conteúdo programático Baixar esta ementa

1 - Conhecendo as Progressive Web Apps

  1. Códigos, imagens, diagramas etc.

    O que é PWA? Visualizar
  2. Códigos, imagens, diagramas etc.

    Melhor Retenção de Usuários
  3. Códigos, imagens, diagramas etc.

    Quem usa? Exemplos
  4. 3 desafios.

    Exercícios

2 - Preparando o Ambiente

  1. Códigos, imagens, diagramas etc.

    As ferramentas necessárias
  2. Códigos, imagens, diagramas etc.

    Preparação do Ambiente
  3. Códigos, imagens, diagramas etc.

    Configurando o WebPack

3 - Estruturando o Projeto

  1. Vídeoaula com duração de: 00:02:42

    Apresentando o Projeto Visualizar
  2. Vídeoaula com duração de: 00:04:04

    Estruturando o Projeto
  3. Vídeoaula com duração de: 00:09:47

    Arrumando a interface com Material Design Lite Visualizar
  4. Vídeoaula com duração de: 00:07:25

    Templates
  5. Vídeoaula com duração de: 00:10:14

    Armazenamento de Dados
  6. Vídeoaula com duração de: 00:12:39

    Controllers
  7. Vídeoaula com duração de: 00:19:54

    Executando Ações
  8. Vídeoaula com duração de: 00:14:22

    Acessando a Câmera

4 - Armazenamento de dados com IndexedDB

  1. Vídeoaula com duração de: 00:18:10

    Armazenando dados com IndexedDB

5 - Service Worker

  1. Códigos, imagens, diagramas etc.

    O que são Service Workers?
  2. Códigos, imagens, diagramas etc.

    Ciclo de Vida de um Service Worker
  3. Vídeoaula com duração de: 00:06:03

    Registrando Service Workers
  4. Vídeoaula com duração de: 00:05:12

    Fetch Event - alterando requisições
  5. 3 desafios.

    Exercícios

6 - CacheStorage

  1. Códigos, imagens, diagramas etc.

    O que é CacheStorage?
  2. Vídeoaula com duração de: 00:10:44

    Armazenando arquivos em cache Visualizar

7 - Trabalhando Offline

  1. Códigos, imagens, diagramas etc.

    Sincronia em Plano de Fundo
  2. Códigos, imagens, diagramas etc.

    SyncManager
  3. Vídeoaula com duração de: 00:07:05

    Armazenando dados no servidor
  4. Vídeoaula com duração de: 00:10:33

    Sincronizando dados com o servidor
  5. 3 desafios.

    Exercícios

8 - Comunicação entre Páginas e Service Worker

  1. Códigos, imagens, diagramas etc.

    Página e Service Worker
  2. Vídeoaula com duração de: 00:07:02

    Comunicação entre abas
  3. Códigos, imagens, diagramas etc.

    MessageChannel
  4. 3 desafios.

    Exercícios

9 - Notificações

  1. Códigos, imagens, diagramas etc.

    A importância das Notificações
  2. Códigos, imagens, diagramas etc.

    Notification API
  3. Vídeoaula com duração de: 00:04:10

    Gerando Chaves
  4. Vídeoaula com duração de: 00:06:14

    Criando um servidor de mensagens
  5. Códigos, imagens, diagramas etc.

    Configurando Notificações
  6. Códigos, imagens, diagramas etc.

    Push API
  7. Códigos, imagens, diagramas etc.

    Inscrevendo-se em Eventos Push
  8. Vídeoaula com duração de: 00:11:06

    Fazendo uma inscrição para receber notificações
  9. Códigos, imagens, diagramas etc.

    Enviando Push Events a partir do Servidor
  10. Vídeoaula com duração de: 00:04:05

    Exibindo Notificações
  11. Vídeoaula com duração de: 00:05:47

    Reagindo a Notificações
  12. 3 desafios.

    Exercícios

10 - Instalando PWAs - Web App Manifest

  1. Códigos, imagens, diagramas etc.

    Indicando que a página é uma PWA
  2. Vídeoaula com duração de: 00:04:23

    Criando o manifest.json
  3. Vídeoaula com duração de: 00:01:04

    Criando atalho no Desktop
  4. Vídeoaula com duração de: 00:03:36

    Subindo a aplicação para um servidor https (gh-pages)
  5. Vídeoaula com duração de: 00:01:46

    Criando atalho no Mobile
  6. Códigos, imagens, diagramas etc.

    Desafio
  7. 3 desafios.

    Exercícios

11 - Conclusão

  1. Depoimento / Brinde

Adquira este curso agora mesmo

Curso de PWA - Progressive Web Apps

PWA - Progressive Web Apps

6x R$ 24,98

R$ 149,90 à vista

Vantagens de estudar no Treinaweb

Início imediato! Não é necessário aguardar a formação de turmas.

Defina o horário que quiser e estude de onde estiver.

Após o curso, você ainda tem 2 anos para revisar o conteúdo.

Assim que finalizar, receba o certificado em casa, sem custo adicional.

Escolha o dispositivo que preferir: PC, Tablet ou Smartphone.

Se surgir alguma dúvida, basta perguntar aos nossos instrutores.

Satisfação garantida ou seu dinheiro de volta.

24h

Curso com certificado de 24 horas

O que os alunos dizem?

Curso bem completo. Parabéns ao instrutor e ao time TreinaWeb.

Adquira este curso de forma avulsa

Curso de PWA - Progressive Web Apps

PWA - Progressive Web Apps

6x R$ 24,98

R$ 149,90 à vista

ou acesse todos os cursos com um dos nossos planos de acesso total

20% OFF
1 ano
De 12x R$99
12x 79 reais
ou por R$ 948,00 à vista
  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
20% OFF
3 anos
De 12x R$199
12x 159 reais
ou por R$ 1.908,00 à vista
  • 3 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
20% OFF
5 anos
De 12x R$249
12x 199 reais
ou por R$ 2.388,00 à vista
  • 5 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se

Cursos relacionados