Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Do Zero ao React com Next.js
Rating: 4.1 out of 5(4 ratings)
37 students

Do Zero ao React com Next.js

Construa seu primeiro app React com Next, Typescript e muito mais. Do iniciante ao desenvolvedor em 2025.
Last updated 1/2025
Portuguese
Portuguese [Auto],

What you'll learn

  • Iremos construir um site de Portfolio, com área administrativa, login do administrador e que faz upload de imagens
  • Aprenda a criar componentes com React, e Next.js para conectar a banco de dados, fazer autenticação para proteger rotas e publicar o app em produção
  • Quer entender o que é o React e o que é JSX, este é o lugar certo
  • Crie um sistema de Portfólio com Javascript / ReactJS
  • Criar aplicativos completos utilizando React e Next.js
  • Código fonte de todos os aplicativos disponíveis em cada sessão

Course content

5 sections47 lectures10h 10m total length
  • Introdução15:46
  • Pre-requisitos7:28
  • Configurando VS Code para abrir pelo terminal3:00
  • Instalando as primeiras extensões no VS Code5:56
  • Conhecendo o Github3:10
  • Mini curso de Git e Github31:17
  • O que é React?5:45
  • Props3:23
  • State e Virtual DOM6:29

Requirements

  • Basta um computador com acesso a internet, e permissão para instalar as ferramentas que iremos utilizar

Description

Que tal aprender o framework JavaScript mais famoso da atualidade, o React com Next.js, e construir um sistema de Portfólio completo do zero?

Neste curso prático, com aulas de curta duração, você dominará os fundamentos do React, incluindo JSX, Props, States (stateful e stateless) e Typescript, e aprenderá a integrar o poderoso Next.js para levar suas habilidades de desenvolvimento web ao próximo nível.

Conteúdo:

  • Dominando o React: Mergulhe nos conceitos essenciais do React, como JSX, Props e States, e aprenda a construir componentes reutilizáveis e eficientes.

  • Next.js na Prática: Explore o poder do Next.js para criar aplicações web robustas e escaláveis, com recursos avançados de roteamento, renderização e otimização.

  • Interface Moderna com Tailwind CSS: Crie interfaces visualmente atraentes e responsivas com o Tailwind CSS, um framework utility-first que simplifica o desenvolvimento front-end.

  • Segurança e Autenticação: Implemente sistemas de autenticação seguros com email e senha, e integre logins sociais para maior comodidade do usuário.

  • Banco de Dados e Armazenamento: Aprenda a conectar seu aplicativo a um banco de dados Postgres e a armazenar arquivos de forma eficiente com soluções de storage.

  • Temas e Design: Domine a criação de temas claro e escuro com o shadcn/ui, proporcionando uma experiência personalizada aos seus usuários.

  • Deploy e Hospedagem: Publique seu portfólio online e torne-o acessível a todos, utilizando as melhores práticas de deploy e hospedagem.

Construa seu Portfólio e Impulsione sua Carreira:

Ao final do curso, você terá um portfólio online completo para apresentar aos recrutadores e demonstrar suas habilidades de desenvolvimento. Utilize o GitHub para mostrar seu código e destacar sua proatividade como programador.

Junte-se a nós e comece sua jornada no mundo do desenvolvimento web moderno!

Who this course is for:

  • Desenvolvedores Javascript que querem ter prática utilizando o React js e Next.js
  • Desenvolvedores Javascript com pouca experiência, que quer aprender um novo 'framework' e quer progredir na carreira de desenvolvedor web Front End.