Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
React, Next e chamadas API: Aplicação completa até o deploy
Rating: 4.9 out of 5(50 ratings)
601 students

React, Next e chamadas API: Aplicação completa até o deploy

Aprenda a criar uma aplicação front-end do zero até o deploy utilizando tecnologias atuais de forma simples e prática!
Last updated 3/2025
Portuguese
Portuguese [Auto],

What you'll learn

  • Criar uma aplicação front-end utilizando ReactJS e NextJS
  • Realizar chamadas de API para requistar dados e popular interfaces
  • Aprimorar os conhecimentos de setup e construção de projetos web
  • Publicar uma aplicação web tornando-a acessível para todos os usuários na rede (deploy)
  • Aprender mais sobre JavaScript e HTML
  • Aprender mais sobre Tailwind CSS
  • Aprender sobre organização de projeto e commits
  • Expandir sua base de conhecimento com tecnologias atuais

Course content

6 sections • 33 lectures • 7h 57m total length
  • O que você vai aprender?5:19
  • Explicação do projeto2:51
  • Setup do ambiente14:14
  • Estrutura do projeto10:41

Requirements

  • Conhecimentos básico de terminal, Git, JavaScript, HTML e CSS

Description

Informações sobre o projeto

Iremos criar um aplicativo web interativo focado no desenvolvimento front-end. O objetivo principal é criar uma aplicação que apresente todos os países e suas características, oferecendo uma experiência rica e informativa através de uma interface moderna e interativa.

Utilizaremos uma API para obter informações precisas e atualizadas sobre os países. Os dados serão obtidos de forma dinâmica, garantindo conteúdo atualizado.

Cada país será representado com:

  • Bandeira

  • Capital

  • População

  • Língua oficial

  • Moeda corrente

  • Fronteiras

  • Outras características geográficas e culturais relevantes

Estrutura do Curso

O curso será estruturado em três módulos, cada uma com objetivos específicos e progressão de complexidade. A ideia é criar um ambiente de aprendizado leve, dinâmico e divertido.

# Módulo 1: Fundações - Setup, Página Inicial e Deploy

  • Introdução geral ao projeto

  • Configuração completa do ambiente de desenvolvimento

  • Apresentação detalhada das tecnologias e ferramentas

  • Desenvolvimento da página inicial

  • Consumo dos dados da API

  • Deploy da aplicação em ambiente de produção


# Módulo 2: Aprofundamento - Página de Detalhes do País

  • Criação de rota dedicada para seleção de país

  • Implementação de requisições extras à API

  • Desenvololvimento da interface de seleção de país


# Módulo 3: Refinamento - Filtros e Interatividade

  • Adição de camadas de interatividade à página inicial

  • Implementação de sistemas de busca e filtragem

  • Melhoria na experiência do usuário


Conceitos e Habilidades que Serão Abordados

Além do desenvolvimento técnico, exploraremos conceitos fundamentais de aplicações web modernas:

  • Navegação entre rotas

  • Consumo de API

  • Gerenciamento de estado

  • Ordenação dinâmica de elementos

  • Implementação de filtros de pesquisa

  • Boas práticas de desenvolvimento front-end

  • Responsividade

  • Deploy e hospedagem


Aprendizado

Ao concluir o curso, você terá:

  • Um projeto funcional e hospedado

  • Conhecimento em desenvolvimento front-end

  • Portfólio para apresentação profissional

  • Confiança para criar aplicações web interativas

Este projeto não é apenas um curso, mas uma jornada completa de desenvolvimento, preparando você para os desafios reais do mercado de desenvolvimento web front-end.

Está pronto para essa aventura de aprendizado? Vamos começar!

Who this course is for:

  • Desenvolvedores iniciantes e intermediários
  • Desenvolvedores que desejam criar um projeto mais completo com iterações com API
  • Desenvolvedores que querem expandir sua base de conhecimento com tecnologias atuais