Desenvolvimento Full-Stack Moderno com TypeScript, React e .NET

Desenvolvimento Full-Stack Moderno com TypeScript, React e .NET

Carga horária: 80h

Não basta criar páginas web bonitas: o mercado exige aplicações robustas, escaláveis e seguras de ponta a ponta. Domine o ecossistema Full-Stack utilizado pelas maiores consultorias e empresas de tecnologia, integrando o front-end mais rápido do mercado ao ecossistema de alta performance da Microsoft.

Pré-requisitos mínimos

• Lógica de programação consolidada: estruturas condicionais, laços de repetição, funções e noções de Orientação a Objetos.
• Fundamentos de web: conhecimento prévio de HTML5 e CSS3.
• Bancos de dados: familiaridade com comandos básicos de SQL (SELECT, INSERT, UPDATE).

Ementa detalhada

Módulo 1: Fundamentos do Ecossistema Moderno e TypeScript

• Aplicações SPA e SSR: arquitetura de sistemas web modernos.
• TypeScript essencial: tipagem estática, interfaces, generics, enums e como o TypeScript previne erros em produção.
• Ambiente de desenvolvimento automatizado: configuração profissional do VS Code, Node.js e Git/GitHub para trabalho em equipe.

Módulo 2: Front-End de Alta Performance com React e Next.js

• Componentização avançada: interfaces reutilizáveis, estado local (useState, useEffect) e propriedades.
• Gerenciamento de estado global: compartilhamento de dados com Context API.
• Roteamento e renderização dinâmica: páginas dinâmicas, navegação otimizada e renderização com Next.js.
• Consumo de APIs e estilização: integração com back-end usando Axios e estilização moderna com Tailwind CSS.

Módulo 3: Back-End Escalável com .NET 8/9 e C#

• Arquitetura de APIs Web: Controllers, injeção de dependência e roteamento de endpoints RESTful.
• Orientação a Objetos avançada com C#: classes, herança, polimorfismo, interfaces e tratamento de exceções.
• Padrões de projetos corporativos: arquitetura em camadas (Data, Domain, Application, WebAPI).

Módulo 4: Persistência de Dados e Segurança de APIs

• ORM: Entity Framework Core para comunicação com o banco de dados.
• Migrações automatizadas: criação e evolução do banco com EF Core Migrations.
• Segurança e autenticação: proteção de endpoints com JWT (JSON Web Tokens) e autorização baseada em perfis (Roles).

Módulo 5: Integração Total, Testes e Deploy (Full-Stack na Prática)

• Conexão front-end e back-end: resolução de problemas de CORS e envio seguro de dados entre React e .NET.
• Validação de dados: validação de formulários no front-end e regras de negócio no back-end.
• Conteinerização com Docker: empacotamento da aplicação Full-Stack e do banco de dados em containers para deploy.

O que o profissional será capaz de fazer

• Desenvolver sistemas completos do zero: projetar, codificar e implantar aplicações web de ponta a ponta, ligando interfaces a bancos de dados.
• Construir APIs de alta performance: back-ends seguros e rápidos com C# e .NET, preparados para grandes volumes de requisições concorrentes.
• Criar interfaces web ultrarrápidas: telas interativas, dinâmicas e responsivas com React e Next.js e foco na experiência do usuário.
• Implementar segurança corporativa: proteger rotas e endpoints com padrões como JWT, controlando rigidamente o acesso às informações.
• Publicar e distribuir aplicações: empacotar e preparar projetos para ambientes de nuvem modernos com Docker.