Projeto Completo: XD, NodeJs, MongoDB, React Native e React

Name: Projeto Completo: XD, NodeJs, MongoDB, React Native e React
Rating: 4.2 (806 reviews)

Vamos desenvolver passo à passo um projeto completo Full Stack com Adobe XD, NodeJs, MongoDB, ReactJs e Native

Created byRodrigo Gonçalves Santana

Last updated 7/2020

Portuguese

What you'll learn

Criação de Protótipos Web e Mobile com Adobe XD
Desenvolvimento Backend e API com NodeJS
Desenvolvimento Web com ReactJs
Desenvolvimento Mobile com React Native

Course content

7 sections • 84 lectures • 17h 49m total length

Qual será o projeto que vamos desenvolver e o que vamos aprender com ele?4:37

Introdução ao NodeJs e ao MongoDB12:32
Instalação das ferramentas e configuração do ambiente de desenvolvimento19:09
Criando e configurando o projeto e aplicando a estrutura MVC30:08
Conectando com o MongoDB e criação da Task Model10:25
Cadastrando uma nova Tarefa16:50
Middleware de Validação de Tarefa17:40
Atualizando uma Tarefa16:27
A questão da Sincronizando de data e hora da API com o MongoDB1:46
Listando todas as tarefas7:42
Configurando URL padrão no Insomnia2:37
Exibindo uma tarefa específica5:10
Removendo uma tarefa6:36
Atualizando o status da tarefa5:14
Exibindo as tarefas atrasadas7:35
Filtro de tarefas do dia6:22
Filtro de tarefas da semana2:44
Filtro de tarefas do mês3:01
Filtro de tarefas do ano3:02
Exportando o teste das rotas no Insomnia2:58
Finalização do Backend5:56
REFACTOR: Ajuste nas Rotas GET do backend7:11

Criando o projeto ReactJs e organizando a estrutura de pastas e arquivos25:50
Criando o Header com Styled Components30:51
Criando o Footer com Styled Components4:13
Criando os Filtros de Tarefas25:39
Criando os cartões de Tarefas19:32
Aplicando uma fonte padrão utilizando o Google Fonts2:39
Conectando o Frontend com o Backend e Listando as tarefas27:01
BÔNUS de complemento da aula anterior - Debugando o código junto com um aluno12:31
Deixando os ícones das Tarefas Dinâmicos6:16
Exibindo as tarefas atrasadas11:06
Criando a tela de tarefas39:23
Cadastrando uma tarefa16:28
Desenvolvendo a navegação de tela6:45
Carregando os dados de uma tarefa9:35
Atualizando as informações da tarefa e redirecionando a página5:40
Validando os campos obrigatórios7:25
Refatorando a API para permitir atualizar o status de uma tarefa do passado4:08
Removendo uma tarefa5:33
Desenvolvendo a tela do QrCode7:55
Ocultando o sino quando não tem notificações1:38
Refatorando as Notificações no componente Header4:22
Gerando o QrCode8:17
Salvando informações no navegador do usuário20:04
Ajustes finais e Finalizando o projeto Web6:24

Introdução ao React Native com Expo8:28
Instalação e configuração do ambiente React Native com Expo11:16
Criação do projeto, tela home e estrutura de pastas e arquivos20:28
Criação do componente Header de maneira dinâmica45:26
Criação do componente Footer de maneira dinâmica15:51
Criação dos Filtros18:55
Criação do Componente Task Card e o Título da Home30:45
Introdução ao Axios - Conectando o App com a API11:05
Listando as tarefas cadastradas e formatando data e hora26:14
Deixando os ícones do tipo de tarefa dinâmicos na listagem10:55
Ativando os filtros da tela home3:08
Listando as tarefas atrasadas12:39
Criando a tela de tarefas32:53
Personalizando os inputs de data e hora para Android e iOS34:32
Definindo a navegação entre as telas10:02
Cadastro de tarefa27:19
Capturando o macaddress do celular e passando o id da terafa entre as telas20:01
Carregando os dados de uma terafa18:04
Atualizando os dados de uma tarefa13:35
Remover uma tarefa9:59
Leitura de QrCode e Sincronizacão do App com o projeto Web34:36
Conclusão do App2:59

Requirements

Conhecimentos básicos de programação, HTML e CSS

Description

Eu acredito que a melhor maneira de aprender é fazendo. É com essa motivação que elaborei esse treinamento, sem enrolação e direto ao ponto. Borá criar passo à passo um projeto de tarefas completo com Backend desenvolvido em NodeJs armazenando tudo no MongoDB, ReactJs no frontend Web e React Native para o aplicativo Android & iOS.

Who this course is for:

Desenvolvedores Mobile
Desenvolvedores Web
Desenvolvedores Backend
Desenvolvedores Frontend

Projeto Completo: XD, NodeJs, MongoDB, React Native e React

What you'll learn

Explore related topics

Course content

Introdução1 lecture • 5min

Por que Prototipar é essencial para o design de Apps e Site?1 lecture • 8min

Prototipação da versão Web7 lectures • 1hr 28min

Prototipação da versão Mobile8 lectures • 49min

Desenvolvimento do Backend em NodeJs e MongoDB21 lectures • 3hr 11min

Desenvolvimento do Frontend Web24 lectures • 5hr 9min

Desenvolvimento do Mobile22 lectures • 6hr 59min

Requirements

Description

Who this course is for: