Full-StackEm alta
Aprenda do zero as principais linguagens web, domine desenvolvimento full stack e conheça tudo que precisa pra iniciar sua carreira e conquistar sua primeira vaga em programação.
Fundamentos da Programação Web e Setup
Fundamentos da Programação Web
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.
Configurando o Ambiente
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.
Git e GitHub
Versionamento de código
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.
📝 Fundamentos do Git e GitHub
Vamos avaliar o que você aprendeu até agora. Bora lá?
🏆 O básico de Git e GitHub
Fundamentos do HTML e do CSS
Fundamentos do HTML
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.
Fundamentos do CSS
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.
Projeto: Página de Receita
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.
Local Turístico
Neste desafio, você vai desenvolver uma página web com informações sobre um determinado local turístico.
📝 Fundamentos do HTML e do CSS
Vamos avaliar o que você aprendeu até agora. Bora lá?
Avançando no HTML e CSS
Layouts avançados com CSS
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.
Portfólio Dev
Você vai desenvolver um site desktop de portfólio para desenvolvedores, com links para projetos e contato do profissional.
Formulários no HTML
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.
Formulário de convite
Você vai desenvolver um site desktop de convite para evento com formulário para geração do convite personalizado.
CSS Functions
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.
Responsividade
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.
Aplicando responsividade em projetos
Neste desafio você vai praticar os conceitos de responsividade em alguns projetos.
CSS Animations & Transitions
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!
Animações
Nesse desafio você vai praticar os conceitos de animação desenvolvendo uma landing page de um clube de assinatura.
📝 Avançando no HTML e CSS
Vamos avaliar o que você aprendeu até agora. Bora lá?
🏆 Fundamentos do HTML e do CSS
JavaScript
JavaScript Básico
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.
Lista de compras
Nesse desafio você vai praticar os conceitos de JavaScript desenvolvendo uma aplicação de lista de compras.
📝 JavaScript Básico
Vamos avaliar o que você aprendeu até agora. Bora lá?
JavaScript Intermediário
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.
Sorteador de números
Nesse desafio você vai praticar os conceitos intermediários de JavaScript desenvolvendo um sorteador de números.
📝 JavaScript Intermediário
Vamos avaliar o que você aprendeu até agora. Bora lá?
JavaScript antes do framework
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.
Projeto: Hair Day
É 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!
Agendamento Pet Shop
Nesse desafio você vai praticar os conceitos mais avançados de JavaScript desenvolvendo um agendamento para um Pet Shop.
📝 JavaScript antes do framework
Vamos avaliar o que você aprendeu até agora. Bora lá?
🏆 JavaScript
TypeScript
Conhecendo o TypeScript
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.
Iniciando no Node.js
Fundamentos do Node.js
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.
📝 Fundamentos do Node.js
Vamos avaliar o que você aprendeu até agora. Bora lá?
API REST com Node.js
Criando API REST
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.
Banco de 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.
Query Builder
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.
Criando uma API de restaurante
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.
📝 API REST com Node.js
Vamos avaliar o que você aprendeu até agora. Bora lá?
Node.js com Containers
Containers
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.
ORM
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.
Autenticação e autorização
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.
Testes Automatizados
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.
API de entregas de encomendas
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.
Deploy
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.
Gerenciando dependências em projetos Node
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.
Gerenciador de tarefas
Neste desafio você irá desenvolver uma API para um sistema Gerenciador de tarefas, onde os usuários podem criar contas, autenticar-se e gerenciar tarefas. Um admin pode atribuir tarefas a membros do time, as tarefas podem ser categorizadas por status e prioridade.
📝 Node.js com containers
Vamos avaliar o que você aprendeu até agora. Bora lá?
🏆 Introdução ao Node.js
Bônus: API do Refund 2.0
API do APP Refund
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.
Iniciando no React
Fundamentos do React
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.
Primeiro projeto React
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!
📝 Iniciando no React
Vamos avaliar o que você aprendeu até agora. Bora lá?
Avançando no React
Navegação
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.
Formulários em React
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.
Tailwind CSS
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.
Requisições HTTP e API
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.
Deploy Front-end
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.
📝 Avançando no React
Vamos avaliar o que você aprendeu até agora. Bora lá?
🏆 Introdução ao React
HelpDesk
HelpDesk
Neste desafio, vamos desenvolver um Sistema de Gerenciamento de Chamados. Você deverá construir uma aplicação de ponta a ponta com front-end e back-end, utilizando as tecnologias aprendidas na formação Full-Stack, simulando um aplicativo de gerenciamento de chamados com painel de Administrador, Técnico e Cliente.