Jornada Full React com ReactJS e React Native
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.
Conteúdo Vantagens Detalhes
- Boas-vindas
- Visão Geral
- Ambiente de desenvolvimento
- Instalação das ferramentas no Windows
- Instalação das ferramentas no Linux
- Instalação das ferramentas no Mac
- 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
- 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! 🚀
- Forms
- A tag form
- Fieldset
- Label
- Button
- Datalist
- Tags de entrada de dados
- Exercício formulário de contato
- 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
- Variáveis e tipos de dados
- Expressões aritméticas
- Estrutura condicional
- Estruturas de repetição
- Objetos
- Importações
- Regular Functions e Arrow Functions
- Template Literals
- Optional Chaining
- Desestruturação
- Promises
- Async / Await
- Arrays | Método filter
- Arrays | Método map
- Arrays | Método find
- Arrays | Método concat
- Arrays | Método splice
- Lógica de programação e algoritmos
- Introdução ao JavaScript
- Introdução do HTML
- Introdução ao CSS
- Introdução ao React JS
- Componentes
- Propriedades
- Estado
- Eventos
- Introdução ao React Native
- Componentes
- Propriedades
- Estado
- Eventos
- Introdução ao NodeJS
- Módulos
- Rotas
- Requisições
- Introdução ao PostgreSQL
- Criando banco de dados, tabelas e registros
- Conteúdo extra - instalando no Linux
- TypeScript
- Canal do Discord
- 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
- 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)
- 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
- 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)
- Desafios
- Dashboard
- Iniciando o projeto (Em Breve)
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.
Avaliações
Perguntas Frequentes
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.
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.
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.
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.
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.
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.
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:
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.
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.
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
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.