Jornada Full React com ReactJS e React Native

4.5(2)
Bem AvaliadoPortuguês

Descubra o incrível curso Jornada Full React, abrangendo desde o básico até o avançado! Sem necessidade de pré-requisitos, pois são passados os conceitos fundamentais da programação e avançaremos para projetos completos. Durante esse curso, você terá a oportunidade de desenvolver 5 projetos incríveis, abrangendo aplicativos web front-end e backend, além de uma aplicação mobile. E não para por aí!

Além dos projetos completos, você enfrentará emocionantes desafios. Receberá layouts e requisitos do sistema para aplicar todos os conhecimentos adquiridos durante o curso. É a forma mais eficiente de consolidar seu aprendizado! E, caso surjam dúvidas, estarei aqui para orientá-lo(a) em todos os momentos.

Com mais de 50 horas de aulas já disponíveis e muito mais por vir, você terá acesso a um conteúdo abrangente e enriquecedor!

Os módulos básicos, HTML, CSS e JavaScript estão sendo atualizados e reestruturados com muito mais conteúdos e exercícios.

Mostrar mais
  • Conteúdo
  • Vantagens
  • Detalhes
01
Boas Vindas 🙌🏼
  • Boas-vindas
02
Módulos Atualizados
  • Visão Geral
03
Instalando as ferramentas
  • Ambiente de desenvolvimento
  • Instalação das ferramentas no Windows
  • Instalação das ferramentas no Linux
  • Instalação das ferramentas no Mac
04
HTML
  • Apresentação
  • Plugins do VS Code
  • O que é HTML
  • Comentários no HTML
  • Tags
  • Atributos
  • Atributos Globais
  • Alinhamento de tags
  • Caracteres especiais
  • Documento HTML
  • Exercícios
  • Elementos
  • Tabelas
  • Tabelas - Conhecendo mais elementos
  • Tabelas - Cabeçalho, corpo e rodapé
  • Tabelas - Uma tabela um pouco mais complexa
  • Tabelas - Um pouco de estilização
  • Links
  • Iniciando um projeto
  • Exercícios adicionais
05
CSS
  • Apresentação
  • Introdução ao CSS
  • Comentários no CSS
  • Anatomia do CSS
  • Seletores CSS
  • Caixas - Box model
  • Utilizando CSS no documento HTML
  • CSS Cascata
  • At rules
  • Shorthand
  • Funções
  • Dev tools
  • Tipos numéricos e unidades
  • Distâncias absolutas e relativas
  • Porcentagens
  • Box sizing
  • Display block e inline
  • Margin
  • Padding
  • Border
  • Cores
  • Flexbox
  • Grid
  • Mais itens estão a caminho! 🚀
06
HTML Formulários
  • Forms
  • A tag form
  • Fieldset
  • Label
  • Button
  • Datalist
  • Tags de entrada de dados
  • Exercício formulário de contato
07
JavaScript
  • Apresentação
  • JavaScript
  • Sintaxe
  • Executando código JavaScript
  • Tipos de dados
  • Variáveis
  • Exercícios
  • Functions
  • Functions - Argumentos e parâmetros
  • Arrow functions
  • Callbacks
  • Constructor function
  • Conversão de tipos
  • Quantidade de caracteres e dígitos
  • Casas decimais
  • Maiúsculas e minúsculas
  • Expressões e operadores
  • Operadores aritméticos
  • Operadores de comparação
  • Operadores lógicos
  • Concatenação e interpolação
  • Operador new
  • Condicionais - if else
  • Condicionais - switch
  • Controle de fluxo - try catch
  • Estruturas de repetição
  • Exercícios
08
JavaScript 1
  • Variáveis e tipos de dados
  • Expressões aritméticas
  • Estrutura condicional
  • Estruturas de repetição
09
JavaScript 2
  • Objetos
  • Importações
  • Regular Functions e Arrow Functions
  • Template Literals
  • Optional Chaining
  • Desestruturação
  • Promises
  • Async / Await
10
JavaScript 3
  • Arrays | Método filter
  • Arrays | Método map
  • Arrays | Método find
  • Arrays | Método concat
  • Arrays | Método splice
11
Introdução à lógica de programação, JS, HTML e CSS
  • Lógica de programação e algoritmos
  • Introdução ao JavaScript
  • Introdução do HTML
  • Introdução ao CSS
12
ReactJS Introdução
  • Introdução ao React JS
  • Componentes
  • Propriedades
  • Estado
  • Eventos
13
React Native Introdução
  • Introdução ao React Native
  • Componentes
  • Propriedades
  • Estado
  • Eventos
14
NodeJS Introdução
  • Introdução ao NodeJS
  • Módulos
  • Rotas
  • Requisições
15
PostgreSQL Introdução
  • Introdução ao PostgreSQL
  • Criando banco de dados, tabelas e registros
  • Conteúdo extra - instalando no Linux
16
TypeScript Introdução
  • TypeScript
  • Canal do Discord
17
Projeto Lista de Tarefas
  • Projeto Lista de Tarefas
  • Criando o projeto em React JS
  • Implementação | Part 1 - Layout
  • Implementação | Part 2 - Layout da tabela de itens
  • Implementação | Criar dados dinamicamente
  • Implementação | Salvar dados
  • Implementação | Ordenar dados
  • Criando o projeto em React Native
  • Implementação | Layout - Header
  • Implementação | Layout - Lista
  • Implementação | Criar dados dinamicamente - Modal
  • Implementação | Criar dados dinamicamente - Com useState
  • Implementação | Salvar dados - Banco de dados
  • Implementação | Banco de dados - Ordenar dados
  • Canal do Discord
18
Projeto Cadastro de Clientes
  • Projeto Cadastro de Clientes
  • Criando o projeto em React JS
  • Implementação - Tela de Login
  • Implementação - Tela de Cadastro
  • Implementação - Tela de Home
  • Implementação - Tela de cadastro de clientes
  • Implementação - Navegação entre as telas
  • Implementação - Rotas privadas
  • Back-end
  • Back-end - Rotas e banco de dados
  • Back-end - Encriptando a senha
  • Back-end - Rota de login
  • Back-end - JWT
  • Back-end - Rotas privadas
  • Front-end > back-end - Login
  • Front-end > back-end - Cadastro
  • Front-end > back-end - Acesso rotas privadas
  • Back-end - Salvar e atualizar clientes
  • Front-end - Salvar e atualizar clientes
  • Front-end > Back-end - Foto de perfil
  • Front-end - Buscar
  • Código fonte do front-end e back-end
  • Criando o projeto em React Native - Tela de login
  • React Native - Tela de cadastro
  • React Native - Tela de clientes - header
  • React Native - Tela de clientes - buscar
  • React Native - Tela de clientes - lista
  • React Native - Tela de clientes - lista - fab
  • React Native - Tela de cadastro de clientes
  • React Native - Navegação entre telas
  • React Native - Cadastro e Login
  • React Native - Cadastro de clientes
  • React Native - Edição de clientes
  • React Native - Foto de perfil do cliente
  • Publicação do projeto em produção - backend
  • Publicação do projeto em produção - front-end
  • Publicação do projeto em produção - mobile (visão geral)
19
Projeto Mapa
  • Projeto Mapa
  • Front-end - Configuração
  • Front-end - Primeiro marcador
  • Front-end - Busca por endereço com autocompletar
  • Front-end - InfoWindow
  • Front-end - Marcadores Personalizados
  • Back-end - Adição de pontos de interesse (POI)
  • Front-end - Adição de pontos de interesse (POI) - part 1
  • Front-end - Adição de pontos de interesse (POI) - part 2
  • Front-end - Traçar rota entre dois ou mais pontos
  • Mobile - Visualização de amigos no mapa - Iniciando o projeto no Expo
  • Mobile - Visualização de amigos no mapa - Implementação do Google Maps no Expo
  • Mobile - Visualização de amigos no mapa - Polígonos
  • Mobile - Visualização de amigos no mapa - Salvar localização GPS - Obter localização
  • Mobile - Visualização de amigos no mapa - Salvar localização GPS - Salvar no back-end
  • Mobile - Visualização de amigos no mapa - Mostrar PIN das pessoas
  • Mobile - Visualização de amigos no mapa - Aviso de amigos próximos
  • Mobile - Visualização de amigos no mapa - Cadastro simples
  • Mobile - Visualização de amigos no mapa - Salvar dados do cadastro e obter novamente
  • Mobile - Cadastro de áreas/regiões
  • Mobile - Alerta ao se aproximar de áreas/regiões cadastradas
  • Mobile - Visualização de veículos se movimentando igual ao Uber
  • Mobile - Exercício
20
Projeto Rede Social
  • Projeto Rede Social
  • Front-end: Criando o projeto com Vite
  • Front-end: Página de login
  • Front-end: Cadastro
  • Front-end: Cadastro - data de nascimento
  • Front-end: Feed - Header
  • Front-end: Feed - Caixa de postagem
  • Front-end: Feed - Posts
  • Front-end: Navegação entre telas
  • Back-end: Configuração initial
  • Back-end: Modelagem do banco (Diagrama ER)
  • Back-end: Banco de dados - Criando os modelos no Prisma
  • Back-end: Utilizando debug ao invés de console.log
  • Back-end: Rota de cadastro
  • Back-end: Rota de autenticação
  • Front-end: Integrando com o back-end
  • Back-end: Criar um post
  • Back-end: Listagem de posts
  • Back-end: Adicionar um comentário
  • Back-end: Curtir um post
  • Back-end: Curtir um comentário
  • Front-end: Criar uma postagem
  • Front-end: Listar as postagens
  • Front-end: React Hooks - Visão geral dos hooks já utilizados
  • Front-end: React Hooks - useContext
  • Front-end: Post - Atualizar o nome do usuário e formatar data do post
  • Front-end: Comentar um post
  • JWT: Token expirado, o que fazer?
  • Front-end: Curtir um post - modificações no componente
  • Front-end: Curtir um post - requisição e atualização
  • Back-end: Busca de usuários
  • Back-end: Enviar solicitação de amizade
  • Back-end: Aceitar/recusar solicitação de amizade
  • Front-end: Busca por usuários
  • Front-end: Organizando o conteúdo em tabs
  • Front-end: Enviar solicitação de amizade
  • Front-end: Aceitar/recusar solicitação de amizade (atualização em breve)
  • Back-end: Editar perfil (atualização em breve)
  • Front-end: Editar perfil (atualização em breve)
  • Detalhes finais (atualização em breve)
21
Desafios
  • Desafios
22
Projeto Dashboard
  • Dashboard
  • Iniciando o projeto (Em Breve)
Saiba mais sobre quem criou o conteúdo
Fabio Castro Bergmann
10 Anos Hotmarter

Trabalho profissionalmente com desenvolvimento de sistemas desde 2006, já tendo desenvolvido diversos tipos de aplicativos para smartphones, aplicações web, backend, smart TVs e automatizações. Atualmente mais focado no universo JavaScript com React, React Native, NodeJS, Express, banco de dados relacionais e não relacionais.

--

I work professionally with systems development since 2006, having already developed several types of applications for smartphones, web applications, backend, smart TVs and automation. Currently more focused on the JavaScript universe with React, React Native, NodeJS, Express, relational and non-relational databases.

Mostrar mais

Avaliações

4.5
2 avaliações

Perguntas Frequentes

Quem avaliou Jornada Full React com ReactJS e React Native?

Todas as avaliações mostradas aqui foram feitas por pessoas reais que compraram e deram sua opinião sobre o curso. Quando alguém compra um curso através da Hotmart, a pessoa recebe um convite para avaliar o conteúdo dele. A nota nesta página é o resultado da média das avaliações feitas por estes compradores, que vai de 1 a 5 estrelas.

O que é e como funciona a Nota Média do curso?

A nota média de Jornada Full React com ReactJS e React Native é de 4.5 estrelas. Depois de cada compra na Hotmart, você tem a oportunidade de avaliar a qualidade do curso e o seu nível de satisfação. Com a opinião dos compradores, nosso sistema calcula a nota média e colhemos os comentários que vão ajudar outras pessoas no momento da decisão de compra.

Como faço pra criar um produto?

Primeiro, você precisa criar seu cadastro grátis, clicando aqui. Lá dentro, você tem acesso a mais de 15 formatos pra transformar o que você sabe em um produto digital. Além disso, vai poder acessar também o Hotmart Academy.

Como funciona o “Prazo de Garantia”?

O Prazo de Garantia é o período que você tem para pedir o reembolso integral do valor pago pela sua compra, caso o produto não seja satisfatório. Assim que solicitado, seu reembolso é processado automaticamente pela Hotmart em até 5 dias. Para pagamentos com boleto bancário, você precisa preencher uma conta bancária para receber o dinheiro. Passados os 5 dias, o valor poderá ser identificado em sua conta em até 7 dias úteis. Já o estorno da fatura do cartão de crédito varia de acordo com o meio de pagamento e pode ocorrer na fatura atual ou na seguinte.

O que é e como funciona o Certificado de Conclusão digital?

Alguns cursos online oferecem um certificado digital de conclusão. Alunos podem emitir esse certificado ao final do curso ou entrando em contato com o Autor ou Autora. Esses certificados podem ser compartilhados em redes sociais como o LinkedIn e inseridos em informações curriculares.

Quais diferenciais os produtos podem ter?

Os produtos na Hotmart têm diferenciais que mudam de acordo com o tipo de produto e a disponibilidade. Por exemplo, produtos do tipo "Cursos online" podem ou não oferecer certificado digital de conclusão. Caso o certificado esteja disponível, alunos podem emiti-lo dentro do curso ou entrando em contato com o(a) Autor(a). Os certificados podem ser compartilhados em redes sociais como o LinkedIn e inseridos em informações curriculares. A garantia também é um diferencial dos nossos produtos e pode variar de 7, 15 ou 30 dias, de acordo com o oferecido pelo Autor(a). Para ver os diferenciais disponíveis neste produto, basta checar a seção Diferenciais.

Como acesso meu produto?

Você receberá o acesso a Jornada Full React com ReactJS e React Native por email. Pode ser um curso online, um ebook, uma série de videoaulas, um serviço, evento, etc. O conteúdo será acessado ou baixado através de um computador, celular, tablet ou outro dispositivo digital. Você também pode acessar o produto comprado nesta página:

01 - Faça login clicando em Entrar
02 - Acesse o menu lateral, clique em Minha conta
03 - Clique em Minhas compras
Em "Minhas compras" estarão todos os produtos que você já comprou!

Tenho interesse neste curso, como posso comprar?

Para comprar este curso, clique no botão “Comprar”. Lembre-se de que nem todos os cursos estarão sempre disponíveis para compra. É possível que o Autor ou Autora esteja preparando uma nova turma ainda sem inscrições abertas.

Como faço para me afiliar?

Para ser Afiliado(a), recomendamos que leia os guias que disponibilizamos em todos os canais da Hotmart. Além disso, uma boa maneira de se informar um pouco mais é acessando nosso blog. O produto desta página está disponível apenas para compra, para ver os produtos de afiliação, vá até o Mercado de Afiliação.

Posso denunciar um produto que possui informações inadequadas?

Temos um canal exclusivo para receber denúncias em produtos que não estão de acordo com as regras da plataforma Hotmart. Se você vir informações inadequadas, denuncie aqui

Tenho outras dúvidas, quem pode me respondê-las?

Acesse nossa Central de Atendimento, onde explicamos, em detalhes, todas as dúvidas que você possa ter antes, durante ou depois de comprar um produto digital na Hotmart.

O conteúdo deste produto não representa a opinião da Hotmart. Se você vir informações inadequadas, denuncie aqui
Produto indisponível
Cadastre-se e mostre seu interesse em comprar para o(a) autor(a) deste curso!
Nome*
Email*