Plano de Estudo

Avançando em TypeScript e Next.js

10 cursos
3 posts

1- Fundamentos e Configuração

**Configurando Next.js com TypeScript**
*Aprenda como iniciar projetos incríveis com Next.js e TypeScript.*
**Next.js: tour pelo Next.js**
*Aprenda a criar rotas dinâmicas e estratégias de pré-renderização.*

2- Desenvolvimento Prático

**Projeto Prático 1: Criação de um Blog com Next.js e TypeScript**
*Desenvolva um blog simples onde você pode postar artigos, utilizando Next.js para a estrutura e TypeScript para a tipagem.*
**Next.js e Tailwind: construindo um design system**
*Construa um Design System usando Next.js e TypeScript, aplicando o conhecimento em um projeto prático.*
**TypeScript na prática: implemente um projeto completo com TypeScript e módulos**
*Compreenda os fundamentos do TypeScript e implemente um projeto prático.*
**Projeto Prático 2: Desenvolvimento de uma Aplicação de E-commerce**
*Crie uma aplicação de e-commerce utilizando Next.js e TypeScript, integrando funcionalidades como carrinho de compras e autenticação.*

3- Testes e Qualidade

**Testes com TypeScript: refatoração, TDD e boas práticas**
*Aprenda a criar testes automatizados com Node.js e Jest.*
**React: escreva testes end to end com Cypress**
*Aprenda a escrever testes de ponta a ponta em suas aplicações Front-end com React.*

4- Aprofundamento em React e Next.js

**Projeto Prático 3: Desenvolvimento de uma Aplicação de Gerenciamento de Tarefas**
*Crie uma aplicação para gerenciamento de tarefas, utilizando Next.js e TypeScript, com funcionalidades como adição, edição e exclusão de tarefas.*
**React: desenvolva aplicações tipadas e escaláveis com TypeScript**
*Integre TypeScript nas suas aplicações React, aprendendo a tipar hooks e eventos.*
**Next.js Full stack: arquitetura de componentes Front-end**
*Saiba como traduzir um layout do Figma em componentes no Next.js e implemente uma aplicação do zero.*

5- Exploração e Atualização

**Mergulhe nas carreiras de JavaScript: De React e Next a TypeScript e NodeJS**
*Explore as principais tecnologias utilizadas no mercado.*
**Next.JS: aplicações fullstack com super poderes**
*Amplie as funcionalidades do React para criar aplicações fullstack.*

6- Conteúdos Complementares

Artigos e Podcasts:

*Podcasts sobre Desenvolvimento Web*
Explore uma seleção de podcasts que abordam temas sobre desenvolvimento web, incluindo tecnologias como TypeScript e Next.js.

22.7k xp

Última atualização em

04/06/2025

O que é este plano de estudo?

Planos de estudo são sequências de cursos e outros conteúdos criados por alunos e alunas da Alura para organizar seus estudos. Siga planos que te interessem ou crie o seu próprio.