Full-Stack

Em altaDisponível gratuitamente por 00h 00m

Este módulo introdutório explora os fundamentos da programação web, abordando tópicos como hardware, software, sistemas operacionais, Internet e a distinção entre front-end e back-end. Vamos ver também sobre tecnologias básicas da web, tipos de sites e aplicativos web, bem como linguagens de programação.

Nesse módulo você vai aprender a montar todo o seu ambiente de desenvolvimento do zero: navegadores, editores de código, ferramentas de design, organização de anotações, mapas mentais, terminal, documentação e DevTools. É o setup completo pra você começar a programar com produtividade, clareza e as ferramentas certas ao seu lado.

Nesse módulo você vai aprender os fundamentos do Git e do GitHub na prática: desde entender como o Git funciona, instalar e configurar a ferramenta no seu computador, criar repositórios, registrar e navegar pelas versões do seu projeto, até conectar tudo ao GitHub para enviar códigos, acompanhar commits online e trabalhar de forma colaborativa. É o passo a passo completo pra você dominar versionamento e começar a usar o GitHub como parte do seu dia a dia como dev.

Nesse módulo você vai aprender os conceitos essenciais do HTML: como as tags funcionam, como usar atributos, estruturar páginas, aplicar semântica e trabalhar com links, listas, imagens e caminhos de arquivos. É o passo inicial para criar páginas bem organizadas e entender de verdade como a web se constrói.

Neste módulo vamos ver sobre os fundamentos do CSS. Vamos conhecer o que é CSS, como adicionar estilos em uma página web, vamos também aprender sobre box model, como estilizar textos, adicionar cores e backgrounds.

Chegou o momento de colocar a mão na massa: vamos montar uma página de receita aplicando todos os fundamentos que você dominou nas aulas.

IA na prática

Neste módulo, você aprende a usar IA como apoio no aprendizado de programação de forma prática e intencional. Vamos configurar ferramentas, entender boas práticas e explorar estratégias diferentes para estudar com IA, desde tirar dúvidas e resolver bugs, até criar desafios personalizados e gerar explicações que realmente ajudam a aprender. Ao final, você também aprende a documentar seu processo e revisar sua evolução com mais clareza e autonomia.

Nesse módulo você vai aprender a criar layouts modernos e flexíveis usando técnicas avançadas de CSS, explorando position, variáveis, pseudo-classes, Flexbox e Grid. É o passo para estruturar páginas profissionais, responsivas e organizadas com total controle sobre alinhamentos, espaçamentos e distribuição dos elementos.

Nesse módulo você vai aprender a construir formulários completos no HTML, entendendo como cada tipo de input funciona: texto, número, email, senha, arquivo, cores, range e muito mais. Também vai aprender a usar labels, textarea, select, fieldset e novos tipos de campos, organizando tudo de forma acessível e semântica.

Neste módulo você aprenderá os fundamentos de CSS Functions. Aprenda técnicas para girar, mover, escalar e desenhar elementos, trabalhar com cores e muito mais.

Neste módulo aprenda a utilizar Media Queries para ajustar estilos de acordo com as características do dispositivo, garantindo uma experiência consistente e responsiva em diversas resoluções de tela.

Neste módulo, você aprenderá a criar efeitos visuais dinâmicos e interativos usando CSS Animations & Transitions. Domine as propriedades transition e animation para controlar animações sutis e transições complexas. Explore funções de temporização, técnicas de keyframes e muito mais para transformar seus projetos em experiências imersivas. Pratique seus conhecimentos com um projeto completo de animações!

Neste módulo vamos explorar os fundamentos essenciais do JavaScript, desde a criação de funções e manipulação do DOM até a depuração de código. Aprenda sobre escopo, eventos, expressões regulares e muito mais. Além disso, iremos criar um app de conversor de moedas para aplicar os fundamentos aprendidos neste módulo.

O módulo intermediário de Javascript, explora conceitos um pouco mais avançados de programação como métodos de manipulação de texto, técnicas de repetição eficientes, manipulação de datas e horas, além de introduzir a utilização de classes para organizar e estruturar nosso código de forma mais modular e reutilizável.

Esse módulo aborda funcionalidades do Javascript moderno, como imutabilidade, módulos, funções assíncronas, pacotes, APIs, compiladores e bundlers. O objetivo é fornecer o conhecimento fundamental para entender o funcionamento dos frameworks, como o React, nos bastidores.

É hora de por em prática todos os conceitos que foram aprendidos até aqui: nesse projeto vamos desenvolver todas as funcionalidades para um sistema de agendamento de corte de cabelo!

Nesse módulo você aprenderá o básico do TypeScript, porque usar e quais as principais vantagens. Veremos conceitos como tipagem estática, interfaces, tipos avançados entre outros. O objetivo é fornecer uma introdução para que você consiga aplicar nos seus próximos projetos.

Neste módulo, vamos iniciar com os conceitos essenciais do Node.js, começando com a criação e configuração de servidores básicos utilizando o módulo HTTP do Node, além da implementação de middlewares para interceptação e modificação de requisições. Aprenderá também sobre conceitos e fundamentos de API e como manipular dados em uma aplicação Node.js.

Neste módulo, você aprenderá a criar e implementar APIs RESTful usando Node.js e Express. Vamos explorar como definir rotas, configurar middlewares e gerenciar erros para construir ao desenvolver uma API. Além disso, vamos usar o Zod para a validação dos dados.

Neste módulo, você aprenderá os conceitos fundamentais de bancos de dados relacionais e SQL. O foco será em entender como estruturar, manipular e consultar dados utilizando SQL, abordando tópicos como chaves primárias e estrangeiras e relacionamentos entre tabelas. Também exploraremos estratégias de design de bancos de dados, práticas recomendadas para a criação de consultas eficientes e como gerenciar e otimizar sistemas de armazenamento de dados.

Neste módulo, vamos aprender a configurar o query builder Knex.js em projetos, construir consultas eficientes e dinâmicas, realizar migrações e gerenciar transações no banco de dados.

Neste módulo, vamos praticar os conceitos aprendidos sobre API REST, banco de dados e query builders, criando um projeto de API para um restaurante.

Neste módulo, focaremos em Docker, aprendendo a criar e gerenciar containers para uma aplicação Node e um banco de dados como o Postgres ou SQLite. Também abordaremos a criação de volumes para persistência de dados e o uso do Docker Compose para automatizar o processo de execução de múltiplos containers. Esses conceitos serão explorados de forma prática ao longo das aulas.

Neste módulo, vamos explorar o conceito de ORM e aprender a usar o Prisma ORM. Vamos ver como um ORM facilita a manipulação de bancos de dados em nossas aplicações.

Neste módulo, vamos aprender sobre autenticação e autorização em aplicações Node, utilizando tokens JWT para inserir o token na requisição. Vamos entender a diferença entre autenticação e autorização e implementar na prática.

Neste módulo, vamos abordar testes automatizados com Jest. Aprenderemos a definir critérios de teste, expectativas e simular falhas. Exploraremos testes end-to-end. O foco inicial é entender e aplicar testes automatizados no Node.

Neste módulo, vamos criar uma API do zero para um aplicativo de delivery, integrando tudo que aprendemos até agora. Usaremos Docker, Postgres, Prisma e Zod para validação de dados, entre outras ferramentas. Esse projeto não só será uma ótima experiência prática, mas também uma adição valiosa ao seu portfólio.

Neste módulo, vamos iniciar uma nova fase focada em deploy. Vamos aprender a colocar nossa aplicação em um servidor, publicando tanto a aplicação quanto o banco de dados. O objetivo é deixar tudo disponível para que usuários reais possam acessar nossa aplicação em produção.

Neste módulo, vamos explorar como gerenciar as dependências de uma aplicação Node. Vamos ver como atualizar essas dependências e lidar com possíveis quebras no código. Ao final você vai aprender como manter seu projeto sempre atualizado. Também vamos discutir a importância de usar versões específicas durante o aprendizado e como, no mundo real, você pode encontrar projetos com versões mais antigas.

Neste módulo, vamos iniciar um projeto bônus focado em Node. Iremos criar uma API para um sistema de reembolso, que vai fornecer dados e funcionalidades para uma aplicação front-end. Vamos implementar autenticação, autorização e manipulação de arquivos, incluindo upload e validação.

Neste módulo, exploraremos os fundamentos do React, entendendo como criar componentes reutilizáveis e gerenciar estados e propriedades. Aprenderemos a construir interfaces interativas e a organizar o front-end de forma eficiente, colocando em prática os conceitos essenciais para aplicações modernas.

Neste módulo de React, vamos consolidar os fundamentos que você aprendeu até aqui, criando um jogo interativo de adivinhar a palavra. Durante o projeto, você irá praticar conceitos essenciais, como estados, componentes e manipulação de eventos. Essa atividade prática vai reforçar seu conhecimento de uma forma divertida e desafiadora!

Neste módulo, você aprenderá a dominar a navegação no React utilizando o React Router. Exploraremos como criar rotas, passar e manipular parâmetros, e construir uma página de erro 404 para links inválidos. Também veremos hooks como useNavigate e useParams e como aplicar layouts às rotas.

Neste módulo, vamos focar em formulários, vamos aprender sobre inputs controlados e não controlados, além de usar o React Hook Form para gerenciar dados sem precisar de estados. Também vamos ver como fazer a validação dos inputs, garantindo que você tenha as ferramentas necessárias para criar formulários eficazes em suas aplicações web com React.

Neste módulo, vamos mergulhar no Tailwind CSS para construir componentes estilizados de forma eficiente e moderna. Vamos aprender como integrar o Tailwind ao React, explorar suas classes utilitárias e personalizar estilos para criar uma identidade visual única no seu projeto.

Neste módulo, você aprenderá a conectar a aplicação front-end ao back-end consumindo uma API para obter e enviar dados. Exploraremos o uso de contextos para gerenciar e compartilhar estados e funções entre os componentes, garantindo uma arquitetura mais organizada e escalável. Além disso, abordaremos recursos essenciais, como paginação para otimizar a exibição de grandes volumes de dados e upload de arquivos para permitir a manipulação de imagens na aplicação.

Neste módulo, vamos aprender a colocar sua aplicação front-end, que está rodando localmente, em um servidor na web, tornando-a acessível para todos. Também vou te mostrar como integrar com o GitHub e gerenciar branches, mantendo seu código sempre atualizado.