Série PWA Completo

Série de vídeos onde crio um PWA para conversão do Dólar em Reais.

Série PWA Completo Série PWA Completo Série PWA Completo CodDev Cursos
Grátis Comece agora mesmo!

O que você vai aprender?

Vídeos
Desenvolvendo um PWA completo
lock

A ideia é criar um PWA completo para gerar renda passiva pra mim e mostrar todo o processo aqui pra vocês. Além de desenvolver o app vou estudar sobre o funcionamento da cotação do Dólar e criar uma ferramenta que alem de fazer conversões e mostrar a cotação do dólar possa também trazer informações a respeito do funcionamento desta moeda. 

Video
Conteúdo da aula
Video - 5:05
Avaliando Apps Concorrente do nosso PWA
lock

Esse é o segundo vídeo da série onde mostro aplicativos e sites semelhantes ao PWA que desejo desenvolver, na ultima parte do vídeo mostro uma lista de funcionalidades que poderão ser desenvolvidas no projeto.

Video
Conteúdo da aula
Video - 14:02
Backend do PWA com NodeJS, ExpressJS e MongoDB
lock

Esse é o terceiro vídeo da série onde começo a criar o backend da aplicação com NodeJS, ExpressJS e MongoDB. Para o MongoDB utilizei o MongoDB Atlas.

MongoDB Atlas: https://www.mongodb.com/cloud

 

Video
Conteúdo da aula
Video - 17:23
Tarefas agendadas no NodeJS
lock

Esse é o quarto vídeo da série onde crio uma tarefa agendada para pegar a cotação do dólar direto da API de dados abertos do banco central.

Links:

Portal Dados Abertos do BC: https://dadosabertos.bcb.gov.br/dataset/taxas-de-cambio-todos-os-boletins-diarios

OData: https://www.odata.org/

Axios: https://github.com/axios/axios

Node Schedule: https://github.com/node-schedule/node-schedule 

Video
Conteúdo da aula
Video - 20:06
Dissecando os PWAs
lock

Esse é o quinto vídeo da série onde apresento um histórico da evolução dos WebApps e falo de toda a teoria por trás dos PWAs.

Artigos:

-https://medium.com/beginners-guide-to-mobile-web-development/evolution-from-web-sites-to-web-apps-pwa-6aa25aeecd2b]

-https://codelabs.developers.google.com/codelabs/your-first-pwapp/#0

-https://developers.google.com/web/fundamentals/primers/service-workers/ 

Video
Conteúdo da aula
Video - 26:25
Organização de um projeto ExpressJS
lock

Esse é o sexto vídeo da série onde organizo os arquivos, melhoro a arquitetura do projeto e mando tudo no github pra você dar uma olhada:

GitHub: https://github.com/paulobezerra/ProjetoUSD 

Video
Conteúdo da aula
Video - 7:12
Layout do PWA com Bootstrap
lock

Esse é o sétimo vídeo da série onde implemento o layout do PWA com Bootstrap. 

Video
Conteúdo da aula
Video - 13:47
Programando o Front-end do PWA
lock

Esse é o oitavo vídeo da série onde implemento o consumo do serviço da cotação atual e o formulário de conversão tudo com JavaScript puro com uma pitada bem de leve de jQuery Mask. 

Video
Conteúdo da aula
Video - 19:39
Configurando o manifest.json
lock

Esse é o nono vídeo da série onde configuro o manifest.json e começo a preparar o web app para ser instalável e offline.

Dá uma olhada no código da bagaça: GitHub: https://github.com/paulobezerra/ProjetoUSD

Video
Conteúdo da aula
Video - 13:16
Incluindo o Service Worker no Web App
lock

Esse é o decimo vídeo da série onde programo o Service Worker, configuro o web app para ser instalável, para funcionar offline e testo tudo com o Lighthouse. 

Video
Conteúdo da aula
Video - 16:03
LocalStorage e Navigo (vanilla router) - Projeto USD
lock

A ideia é criar um PWA completo para gerar renda passiva para mim e mostrar todo o processo aqui pra vocês. Esse é o decimo primeiro vídeo da série onde concluo a implementação do app incluindo roteamento com Navigo (vanilla router) para as telas de conversão, ajuda, configurações e o armazenamento offline da cotação no localStorage.

Dá uma olhada no código da bagaça:

GitHub: https://github.com/paulobezerra/projetousd

Link do Navigo: https://github.com/krasimir/navigo 

Video
Conteúdo da aula
Video - 43:52
PWA Concluído - Projeto USD
lock

A ideia é criar um PWA completo para gerar renda passiva para mim e mostrar todo o processo aqui pra vocês. Esse é o último vídeo da série onde mostro o projeto implantado e falo das ferramentas que utilizei para implantação e monitorar o site.

Acesse: https://odolar.com.br

Links: http://bit.ly/CodDev_Tutorial_Lengstorf

http://bit.ly/CodDev_DigitalOcean

http://bit.ly/CodDev_Google_Analytics

http://bit.ly/CodDev_Hotjar

Dá uma olhada no código da bagaça:

GitHub: https://github.com/paulobezerra/projetousd

Video
Conteúdo da aula
Video - 6:10
Live
PWA - Dominando o JavaScript
lock

Live sobre Progressive Web Apps em 30/05/2019.

Video
Conteúdo da aula
Video - 1:15:56

Sobre o curso

Todo processo para criação de um PWA com NodeJS, MongoDB e Bootstrap.

Saiba mais

Conheça o(a) professor(a)

Paulo Bezerra

JavaScript Full Stack Developer

Formado em 2007 em Análise de Sistemas pela UFGD, atua desde de então na área de Desenvolvimento de Softwares e como Professor lecionando as disciplinas de programação com foco principal o desenvolvimento web. Tem conhecimento de diversas tecnologias e ferramentas entre quais: Java, Delphi, PHP, HTML5, CSS, JavaScript, Banco de dados, entre outros. Atualmente é Analista de TI na UFMS e fundador do blog CodDev.

CodDev Cursos

Por aplicativos modernos com JavaScript
Tecnologia
Tec coursify