Você sabia que ao assinar um plano você terá acesso a TODOS os cursos do portal?
São mais de 4.000 horas de conteúdo, distribuídos em mais de 350 cursos completos!

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

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso completo a todos os cursos e formações da plataforma.
Conheça os nossos planos de acesso total aos cursos
  • Conteúdo + de 4.000 horas de conteúdo
  • Conteúdo + de 200.000 alunos capacitados
  • Conteúdo + de 12 anos de experiência em EAD
  • Conteúdo cursos novos toda quarta-feira
Quero conhecer os planos

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.

  • Curso com 3h08 horas de vídeos
  • Curso com certificado de 12 horas
  • 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
Videoaulas
Texto e imagens
Início imediato
Exemplos práticos
Testes de aprendizado
Baixar esta ementa

1 - Conhecendo as Progressive Web Apps
O que é PWA? Visualizar
Melhor Retenção de Usuários
Quem usa? Exemplos
Exercícios
2 - Preparando o Ambiente
As ferramentas necessárias
Preparação do Ambiente
Configurando o WebPack
3 - Estruturando o Projeto
Apresentando o Projeto Visualizar
Estruturando o Projeto
Arrumando a interface com Material Design Lite Visualizar
Templates
Armazenamento de Dados
Controllers
Executando Ações
Acessando a Câmera
4 - Armazenamento de dados com IndexedDB
Armazenando dados com IndexedDB
5 - Service Worker
O que são Service Workers?
Ciclo de Vida de um Service Worker
Registrando Service Workers
Fetch Event - alterando requisições
Exercícios
6 - CacheStorage
O que é CacheStorage?
Armazenando arquivos em cache Visualizar
7 - Trabalhando Offline
Sincronia em Plano de Fundo
SyncManager
Armazenando dados no servidor
Sincronizando dados com o servidor
Exercícios
8 - Comunicação entre Páginas e Service Worker
Página e Service Worker
Comunicação entre abas
MessageChannel
Exercícios
9 - Notificações
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
Exercícios
10 - Instalando PWAs - Web App Manifest
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
Exercícios
11 - Conclusão
Depoimento

Plano de acesso total!

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

Plano de acesso Anual

economize R$360
de 12x de R$97
por: 12x de R$67
ou R$ 804,00 à vista
  • 1 ano de acesso a todos os cursos
  • Plano de carreira personalizado
  • Cursos novos toda semana
  • Certificados digitais inclusos
  • Suporte direto com professores
  • Suporte com SLA de 4 horas úteis
  • Aplicativos para Android e iOS
  • Acesso offline através dos apps

Utilizada e amada por milhares!

Confira os depoimentos de quem já estudou com a gente

  • Excelente curso! Bem completo e com muitas fontes boas para salvar para consultas posteriores. Mais uma vez a TreinaWeb e sua equipe estão de parabéns!
    Rodrigo Afonso (Teresina - PI) Git e GitHub - Controle de versão Rodrigo Afonso
  • Por eu já ter conhecimento com PHP, este modulo me serviu muito bem pois consegui dar uma boa revisada em todos os conteudos que eu mais precisava e também aprendi diversas maneiras diferentes de fazer coisas que eu já fazia de outras formas... e também aprendi várias coisas que não fazia e nem tinha ideia de que dava para fazer com o PHP!
    Matheus Augusto (São Paulo - SP) PHP Avançado Matheus Augusto
  • Caramba, isso foi algo ótimo, uma ótima experiência em EAD, eu não sabia que o EAD era assim tão bom
    Joseph Teodoro (Goiânia - GO) JavaScript Básico Joseph Teodoro
  • Eu achei o curso muito bom! Vale o investimento, possui algumas partes mais técnicas e que nos ajudam a compreender melhor até mesmo o User Guide do CI.
    Arthur Fabiano (Belo Horizonte - MG) CodeIgniter 3 - Framework PHP Arthur Fabiano
  • Gostei do Curso, as aulas são bem didáticas da pra acompanhar e ao mesmo tempo assimilar bem os conteúdos, Valeu!
    Lourival Barros (Morros - MA) HTML5 e CSS3 - Desenvolvimento web Básico Lourival Barros
  • Aulas bem detalhadas, professor excelente com suas explicações incríveis. Eu particularmente estou bem satisfeito.
    Kaio Donizete (Londrina - PR) Adobe Premiere Pro CC - Edição de vídeos - Parte 1 Kaio Donizete
  • Boa tarde. Gostei muito do curso, muito bem ministrado. Com certeza farei outros cursos com essa equipe.
    Júlio César (Goiânia - GO) Lógica de Programação Completo Júlio César
  • Primeira vez que faço um curso de som digital e estou impressionado com a gama de técnicas de utilização para melhorar o som. Estou contente com o curso vale a pena o investimento. Agora estou satisfeito com o conhecimento adquirido nesse final.
    Jean Carlos (Manaus - AM) Áudio Digital - Elementos Básicos do Som Jean Carlos
  • O curso é bom e atinge a todos os conceitos básicos relacionados ao marketing. É bem atual pois inclui serviços que apareceram neste século, mostrando novas formas de prestação de serviços. Obrigada!
    Camila Moreira (Goiânia - GO) Marketing Digital - Fundamentos Camila Moreira

Garantia incondicional
de satisfação

Satisfação Garantida - 7 dias ou seu dinheiro de volta!

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

Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

Ou seja, a partir do momento em que você fizer sua inscrição, você terá acesso às mais 4.000 horas de curso, com os melhores profissionais do mercado, com uma metodologia inovadora... e se mesmo assim você não gostar, você pode pedir o seu dinheiro de volta em até 7 dias.

Imagine se tudo na vida viesse com uma garantia como essa.

FAQ - Perguntas Frequentes

Confira as principais dúvidas de quem
procura a TreinaWeb para se capacitar.

  • A TreinaWeb é a única escola online de tecnologia com mais de 12 anos de história. É a maior do segmento, com mais de 4.000 horas de conteúdo em cursos online. Além disso, cerca de 200.000 alunos já estudaram e estudam por aqui. Entre muitas outras coisas, a TreinaWeb oferece:
    • Formações completas e com foco no mercado de trabalho.
    • Formação personalizada e individual, criada por um professor orientador.
    • Cursos novos e atualizações pontuais toda semana.
    • Opção de estudar no seu tempo, a qualquer hora e lugar.
    • Suporte incluso com professores especialistas.
    • Certificados dos cursos com hora/aula.
    • Satisfação garantida ou seu dinheiro de volta!
  • SIM! Com toda a certeza! Pois oferecemos cursos partindo exatamente do zero. Inclusive temos cursos de Lógica de Programação, que é onde você vai ver todo o fundamento por trás das linguagens. Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores especialistas irão te acompanhar. E você está atrás dos cursos de edição de vídeo, design e marketing digital, claro que você também não precisa saber nada sobre programação.

  • Nossa metodologia une o que há de melhor no ensino de tecnologia à distância: videoaulas, apostilas, exercícios de fixação, testes de conhecimento e passo a passo de projetos completos. Aprenda de verdade com cursos completos de programação, edição de vídeo, design e marketing digital.

  • No instante que sua compra for aprovada, automaticamente você ganhará o acesso a nossa área do aluno, onde poderá escolher os cursos que irá fazer. Caso, por qualquer motivo, você não consiga acessar de imediato, basta entrar em contato que nós te ajudaremos! Você poderá assistir de qualquer lugar: Do computador, notebook, tablet, smartv ou smartphone.

  • Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste! Se, após 7 dias, você decidir que a TreinaWeb não é para você, devolvemos o seu dinheiro sem fazer perguntas. Basta enviar um email na área de contato aqui no site.

  • A TreinaWeb é para quem:
    • Quer entrar no ramo digital com o pé direito;
    • É programador e quer ir para um outro nível;
    • Já programa e quer ampliar o nível e estudar outras linguagens;
    • É um programador avançado e tem TreinaWeb um aliado para novas tecnologias e tendências;
    • Busca profissionalizar-se em uma área em pleno crescimento;
    • Ama design e sabe que aqui estão os melhores cursos da área;
    • Quer aprender a fazer e editar os seus próprios vídeos;
    • Sonha em ser um Videomaker profissional.
  • 100% Segura. Todo o processo de compra possui certificado SSL. Nenhuma informação do seu cartão de crédito é mantida em nosso banco de dados. E assim que aprovada a sua compra/matrícula, você receberá imediatamente todos os dados de acesso à sua área de aluno e as aulas.

  • Sim e esse é um dos diferenciais da TreinaWeb. Oferecemos total suporte com professores especialistas. Nossa equipe de instrutores está sempre pronta para te ajudar e tirar todas as suas dúvidas. Além disso, Na contratação de qualquer plano você ainda tem direito às formações personalizadas, onde nossos professores irão te acompanhar e te orientar.

  • Todos os nossos cursos online de programação, design e edição de vídeo contam com certificados. Um certificado novo será disponibilizado na área de aluno, sempre que você concluir um novo curso. Com o seu nome e horas/curso. Lembrando, que estes certificados podem ser utilizados para cumprir cargas horárias de cursos extras em faculdades.

Últimos Lançamentos

Outros Cursos