Apresentação Projeto: Criando um HD Virtual com PWA e Firebase | School of Net

Icone Criando um HD Virtual com PWA e Firebase

Criando um HD Virtual com PWA e Firebase

Iniciar projeto

Projeto Prático

Neste projeto você aprenderá a criar um HD Virtual para hospedar seus arquivos na nuvem enquanto usamos Progressive Web Apps, que são aplicativos web que se aproximam do nativo, com opção de ser instalado, disponibilidade offline do aplicativo e outros acessos a recursos, que antes, só aplicativos nativos poderiam.

Vamos utilizar vários recursos do Firebase, como o Database para servir os dados e registro de arquivos, o Hosting para hospedar, o Storage para hospedar os arquivos, o Authentication para a autorização ao aplicativo, dicas de segurança, enfim, tudo o que você precisa para criar um aplicativo web sem precisar de uma linguagem ou aplicativo específico no servidor, totalmente front-end.

O nosso HD Virtual vai contar, além dos recursos nativos do PWA e do Firebase, com opção de multiplos usuários, cota de espaço, acesso a recursos como gravar audio, tirar foto e compartilhamento de arquivos.

Tecnologias

Progressive Web Apps
Tecnologia Firebase Database
Tecnologia Firebase Hosting
Tecnologia Firebase Storage
Tecnologia Firebase Push Notifications
Tecnologia HTML 5 - Camera
Tecnologia HTML 5 - Áudio
Tecnologia Javascript

Conteúdo Programático

Conhecendo o projeto

HTML - Marcando o layout

CSS Mobile First

Flexbox

Ações do tema com Javascript

Autenticação com email

Autenticação com Facebook

Autenticação com GitHub

Outras formas de autenticação do Firebase

Criando estrutura do banco no Firebase

Listagem de arquivos com Firebase por usuário

Segurança no Firebase

Upload selecionando arquivo

Upload Drad and Drop

Upload de arquivos para o Firebase Storage

Integração do Upload com Database

Tirando fotos no dispositivo

Upload da foto

Gravando áudio no dispositivo

Upload do áudio

Finalizando o app

Testando no celular

Publicando no Firebase Hosting

Ainda não é assinante da School of Net?
Clique aqui e saiba como ter acesso ilimitado a todos os nossos cursos e conteúdos.

Instrutor

Erik Figueiredo

Amante do bom código e eterno estudante. Gosta mesmo é de aprender coisas novas e passar pra frente o conhecimento acumulado. Viciado em música desde os 9 anos