React + Next.js 13 - Do Zero. TypeScript, Hooks, SSR e Grid

Um Curso Completo sobre Desenvolvimento Frontend Moderno com React e Next.js 13

Aprenda tudo, desde CSS Grid e TypeScript até React Hooks e SSR neste curso abrangente sobre desenvolvimento frontend moderno. Este curso foi atualizado para o Next 13.4 e App Router, tornando-o um framework pronto para produção para o React, a biblioteca JavaScript mais popular hoje em dia. Com o Next.js, você pode desenvolver sites de alto desempenho e amigáveis para SEO usando Renderização do Lado do Servidor (SSR) e geração de páginas estáticas. Conhecimento básico de CSS, HTML e JavaScript é tudo o que você precisa para começar, pois abordaremos tanto o Next.js quanto o React do zero neste curso. Ao longo do curso, não apenas construiremos um projeto educacional simples, mas também criaremos um site de produção real dedicado a avaliações.

Neste curso, abordaremos os seguintes tópicos:

• Configurando o ambiente e a construção do projeto
• Trabalhando com o Figma
• Usando React Hooks
• Criando componentes
• Contexto
• Roteamento do NextJS
• Layout de grade CSS
• Compreendendo a Renderização do Lado do Servidor (SSR) e a geração de páginas estáticas
• Componentes integrados do Next.js
• Trabalhando com formulários usando react-hook-form
• Animação com Framer Motion
• Acessibilidade do teclado e compatibilidade com leitores de tela
• Preparando a aplicação para produção e implantação com Docker

Cada módulo inclui explicações teóricas e sessões de codificação ao vivo, onde construiremos uma aplicação do zero. No final de cada módulo, você terá um teste para reforçar seu conhecimento e pequenos exercícios para praticar a codificação. Ao final deste curso, você adquirirá o conhecimento e as habilidades necessárias para trabalhar como desenvolvedor frontend em projetos reais.

Como parte deste curso, estou colaborando com a Upward Movement Foundation, que oferece assistência a crianças com deficiências. A fundação ajuda as crianças a passarem por reabilitação em centros especializados e lhes dá a chance de voltar a ter uma vida normal. Estarei doando 10% do valor arrecadado com este curso para a fundação todos os meses.

O que você aprenderá:

• Desenvolver aplicações reais com NextJS e React
• Trabalhar com React Hooks
• Entender SSR e criar sites amigáveis para SEO
• Criar layouts usando CSS Grid
• Trabalhar com animações e a biblioteca Framer
• Garantir acessibilidade e trabalhar com atributos ARIA
• Preparar sua aplicação para produção
• Trabalhar com formulários, incluindo envio e validação
• Escrever código em TypeScript
• Construir e configurar projetos de produção com eslint, stylelint e depuração