Desenvolvimento Web Full Stack Ruta - Aprendizado Online com Certificado

Desenvolvimento Web Full Stack

Beginner

4.6

1371 reviews

36k+ Learners

Embarque em uma aventura empolgante para se tornar um Desenvolvedor Web Full Stack e domine as habilidades para criar tanto o front-end quanto o back-…

330

Chapters

Learning hours

424

Assignments

AI Assistant

Shareable Certificate

Resultados

Track content

Related courses and projects

Depoimentos

Recursos

Preços

Resultados

Track content

Related courses and projects

Depoimentos

Recursos

Preços

O que você vai aprender

Structuring web pages with HTML and CSS

Creating responsive UIs with React

Understanding web development basics

Adding interactivity with JavaScript

Developing server-side apps with Node.js

Styling web pages using CSS

Building dynamic apps with JavaScript

Building APIs with Express.js

Manipulating data with JavaScript arrays

Learning track content

Explore o funcionamento interno da web. Entenda como os dados trafegam pelas redes, descubra o papel dos protocolos e desvende os mistérios dos endereços IP e nomes de domínio. Obtenha uma compreensão geral de como navegadores e servidores se comunicam para entregar conteúdo web.

Bem-vindo ao HTML e Desenvolvimento Web

O Que É a Internet?

Como a Internet Funciona?

Compreendendo Como os Sites Funcionam

Explicação Sobre Desenvolvimento Frontend e Backend

Descubra o poder das tags para estruturar o conteúdo, desde títulos e parágrafos até listas e tabelas. Aprenda como aprimorar os elementos com atributos.

Compreensão das Tags HTML

Trabalhando com Atributos HTML

Compreendendo Tags Pareadas e Únicas em HTML

Marcação de Texto

Organizando Listas

Desafio: Crie o Parágrafo da Sua Primeira Página Web

Desafio: Construir uma Página Web de Apresentação Pessoal

Desafio: Criar uma Página Web de Exibição de Filmes

Usando Links

Adicionando Botões

Desafio: Criar Links para Sites Populares

Validando Seu Código HTML para Melhores Práticas

O núcleo da estrutura de documentos HTML. Aprenda os componentes de um documento HTML, incluindo a declaração do doctype, head e body. Compreenda o propósito de cada elemento e como eles contribuem para a estrutura geral de uma página web.

Os Segredos por Trás de Páginas Web Bem Estruturadas

Compreensão da Estrutura do Documento HTML

O Papel do Cabeçalho do Documento

Gerenciamento do Fluxo e Layout do Documento

Desafio: Estruturar Corretamente um Documento HTML

Usando Ferramentas de Desenvolvedor para Inspeção e Depuração de HTML

Torne uma página web mais atraente com o uso de mídias como imagens, áudio e vídeo. Trabalhe com dados tabulares estruturados na forma de tabelas.

Adicionando Imagens em HTML

Desafio: Trabalhar com Imagens

Trabalhando com Imagens Clicáveis, Legendas e Otimização

Compreensão de Gráficos Vetoriais e Rasterizados

Incorporação de Áudio para Mídia Enriquecida

Adicionando Elemento de Vídeo

Desafio: Incorporar Áudio e Vídeo em HTML

Criação e Estruturação de Tabelas em HTML

Desafio: Criar uma Tabela HTML Funcional

Explore a versatilidade dos formulários HTML. Aprenda a projetar formulários intuitivos e fáceis de usar aproveitando conceitos e técnicas essenciais. Descubra como os formulários possibilitam a interação do usuário e o envio de dados em sites.

Introdução aos Formulários HTML

Fundamentos da Criação de Formulários em HTML

Usando Rótulos para Melhor Acessibilidade de Formulários

Aperfeiçoando Formulários com Atributos de Entrada

Explorando Diferentes Tipos de Entrada em HTML

Desafio: Criar Formulário com Campos e Rótulos

Trabalhando com o Elemento Textarea para Entrada Multilinha

Usando o Elemento Select para Menus Suspensos

Usando o Elemento Datalist para Sugestões de Entrada Predefinidas

Agrupamento de Elementos de Formulário para Melhor Estrutura

Aprenda o que é CSS, como conectá-lo ao HTML e como estilizar elementos HTML utilizando seletores. Explore conceitos fundamentais como cores de texto, pseudo-classes de ação do usuário e variáveis em CSS.

O Que É CSS e Por Que É Importante?

Vinculando CSS a um Documento HTML

Domínio dos Seletores CSS para Estilização de Elementos HTML

Desafio: Aplique Seus Primeiros Estilos CSS

Desafio: Estilize com Seletores de Classe

Aperfeiçoando Estilos com Pseudo-Classes de Ação do Usuário

Desafio: Aplicar Pseudo-Classes de Ação do Usuário

Alterando Cores de Texto no CSS

Otimizando o Fluxo de Trabalho para Codificação Eficiente em CSS

Desafio: Use Variáveis para Melhor Gerenciamento de CSS

Descubra como estilizar e formatar texto em suas páginas web. Aprenda a aplicar fontes personalizadas e explore diversas propriedades de fonte para aprimorar a aparência do texto.

Dominando a Estilização de Texto em CSS

Técnicas de Formatação de Texto para Legibilidade

Desafio: Formatar Texto com CSS

Adicionando Fontes Personalizadas a uma Página da Web

Compreensão e Uso das Propriedades de Fonte

Desafio: Explorar Propriedades de Fonte

Aprenda os fundamentos do modelo de caixa, que define o layout e o espaçamento dos elementos em uma página web. Explore conceitos como dimensionamento de caixas, adição de espaço aos elementos, trabalho com elementos de bloco e em linha, e utilização de pseudo-classes estruturais e funcionais para estilização avançada.

O Que É o Modelo de Caixa do CSS?

Compreendendo o Dimensionamento de Caixas no CSS

Adicionando Espaço com Margens e Preenchimento

Desafio: Aplicar Box Sizing aos Elementos

Usando Pseudo-Classes Estruturais e Funcionais

Desafio: Praticar Pseudo-Classes Estruturais

Compreensão dos Elementos Block, Inline e Inline-Block

Trabalhando com Elementos de Bloco

Trabalhando com Elementos Inline

Desafio: Prever o Layout da Página com Diferentes Tipos de Elementos

Descubra o Flexbox, um método avançado de layout em CSS para organizar elementos em linhas e colunas. Aprenda a controlar a direção, o alinhamento e o espaçamento dos elementos horizontal e verticalmente, além de personalizar itens individuais para layouts precisos.

O Que É Flexbox e Por Que Usá-Lo?

Definindo a Direção do Flex para Layouts

Justificando o Conteúdo Horizontalmente no Flexbox

Alinhando Itens Verticalmente no Flexbox

Compreendendo as Propriedades dos Itens Flex

Desafio: Aplicar Conceitos de Flexbox

Desafio: Construir um Layout com Flexbox

Aprenda a aprimorar o apelo visual de suas páginas web com CSS. Explore técnicas para aplicar cores e imagens de fundo, estilizar imagens, utilizar pseudo-elementos decorativos e adicionar sombras para criar designs impressionantes.

Usando Cores de Fundo para Design

Aplicando Imagens de Fundo aos Elementos

Trabalhando com Imagens em CSS

Criando Efeitos com Pseudo-Elementos Decorativos

Adicionando Sombras para Profundidade e Estilo

Desafio: Implementar Efeitos Decorativos em CSS

Uma introdução ao JavaScript, abordando a sintaxe básica da linguagem juntamente com termos e conceitos essenciais que formam a base para o aprendizado de recursos avançados. A seção inclui tarefas práticas desenvolvidas para auxiliar na fixação desses conceitos e tornar o conteúdo fácil de memorizar sem esforço.

Primeira Aplicação JavaScript no Console

Desafio: Exibindo Alguma Saída

Desafio: Saída de Múltiplas Linhas

Lidando com Números

Desafio: Trabalhando com Números

Desafio: Calculando a Velocidade de um Carro

Desafio: Cálculo da Área de um Trapézio

Exibindo Múltiplos Valores

Desafio: Exibindo Saída Significativa no Console

Como Usar Comentários em JavaScript?

Desafio: Adicionando um Comentário

Comentários de Múltiplas Linhas

Desafio: Comentando Código

Afinal, O Que É JavaScript?

Aprenda como armazenar dados e recuperá-los posteriormente utilizando variáveis. Além disso, explore os tipos de dados básicos e compreenda como eles interagem entre si.

Armazenando Dados

Desafio: Declaração de Uma Variável

Desafio: Acessando Dados de uma Variável

Desafio: Corrigindo Nomes de Variáveis

Desafio: Reatribuição de uma Variável

Constantes

Desafio: Declaração e Uso de Constantes

Realizando Operações Aritméticas em Variáveis

Desafio: Criando uma Calculadora de Salário

Desafio: Ajustando Salário com um Bônus

Explorando Tipos de Dados Primitivos

Desafio: Declarando um Valor Booleano

Como Diferentes Tipos de Dados Interagem

Desafio: Concatenando Strings

Desafio: Criação de Perfil de Usuário e Detalhes de Atividade

Aprenda a escrever expressões que avaliam como "verdadeiro" ou "falso" com base em condições, como "X é igual a Y?". Em seguida, será feita uma exploração das declarações condicionais que permitem a execução condicional de linhas específicas de código.

Operadores de Comparação

Desafio: Verificando Elegibilidade por Idade

A Declaração `if`

Desafio: Par ou Ímpar

Declarações Condicionais Aninhadas

A Cláusula `else`

Desafio: Aprimorando o Verificador de Par ou Ímpar

Desafio: Consultor de Temperatura

A Cláusula `else if`

Desafio: Categorizador de Notas

Operador Lógico `AND`

Desafio: Verificando se um Número é Par e Positivo

Operador Lógico OR

Desafio: Sistema de Controle de Acesso

Um recurso poderoso de programação chamado função permite a execução de um bloco de código várias vezes com mínima repetição. Esta seção apresenta conceitos fundamentais e a sintaxe para definir e utilizar funções de forma eficaz.

O Que São Funções?

Desafio: Função Simples

Desafio: Calculando a Velocidade de um Carro

Escopos

Passando Dados para Funções

Desafio: Corrigindo a Função de Velocidade

Desafio: Aprimorando o Categorizador de Notas

Desafio: Definindo uma Função Composta

Retornando Dados de Funções

Valores Padrão

Desafio: Resposta Automática de E-mail com Parâmetros Padrão

O conceito de arrays é apresentado como uma forma de organizar e gerenciar coleções de dados. O material aborda como os arrays estruturam os dados e possibilitam operações eficientes sobre múltiplos valores.

O Que São Arrays?

Desafio: Definindo um Array

Desafio: Indexação

Adicionando Valores a um Array

Desafio: Adicionando Elementos a um Array

Removendo Elementos de um Array

Desafio: Praticando `pop` e `shift`

A Propriedade `length`

Desafio: Contando Elementos

O Método `includes`

Desafio: Buscando Animais no Zoológico

Loops são um recurso fundamental na programação, utilizados para reduzir redundâncias e lidar com tarefas repetitivas de forma eficiente. O conteúdo aborda os três principais tipos de loops em JavaScript, sua sintaxe, casos de uso e como podem ser combinados com arrays para otimizar operações e melhorar o desempenho.

O Loop `for`

Tarefa: Imprimindo uma Sequência

O Loop `while`

Desafio: Imprimindo a Sequência de Fibonacci

O Loop `do-while`

Desafio: Múltiplo Aleatório de 7

Usando Loops com Arrays

Desafio: Encontrando o Preço Médio dos Itens

Resumo

Obtenha um roteiro claro do que está por vir, compreenda os pré-requisitos e conheça dicas valiosas para garantir o sucesso ao explorar objetos, arrays e conceitos essenciais de programação.

Introdução às Estruturas de Dados em JavaScript

Pré-Requisitos para Aprender Estruturas de Dados em JavaScript

O Que Você Aprenderá Neste Curso

Dicas para o Sucesso

Explore os conceitos centrais dos objetos em JavaScript. Esta seção aborda os fundamentos da criação de objetos, gerenciamento de propriedades e implementação de métodos.

Compreendendo Objetos em JavaScript

Criando Objetos em JavaScript

Trabalhando com Propriedades de Objetos Aninhados

Desafio: Criar e Estruturar um Objeto

Acessando Propriedades de Objetos em JavaScript

Desafio: Recuperar Valores de Propriedades de Objeto

Gerenciamento de Propriedades de Objetos

Desafio: Modificar e Expandir um Objeto

Definindo Métodos de Objetos

Usando Propriedades Dentro de Métodos

Desafio: Trabalhar com Métodos de Objetos

Resumo dos Fundamentos dos Objetos em JavaScript

Aprofunde-se em técnicas avançadas para trabalhar com objetos JavaScript. Esta seção explora diversas estratégias para manipular e interagir com objetos de forma eficiente.

Iterando Sobre Propriedades de Objetos com o Loop for...in

Desafio: Explorar Propriedades de Objetos com Iteração

Usando hasOwnProperty() para Verificar Propriedades de Objetos

Desafio: Iteração de Propriedades de Objeto com hasOwnProperty()

Clonagem e Mesclagem de Objetos com o Operador Spread

Desafio: Combinar Objetos com o Operador Spread

Desestruturação de Objetos para Código Mais Limpo

Desafio: Extração de Dados com Desestruturação de Objetos

Resumo de Manipulação Avançada de Objetos

Embarque em uma jornada pelos arrays em JavaScript. Esta seção oferece uma base sólida para criar arrays, gerenciar elementos e executar operações básicas com arrays.

Compreendendo Arrays em JavaScript

Desafio: Acessar Elementos de Arrays

Modificando Arrays e Acessando Elementos

Desafio: Modificar Elementos de Array

Iterando Sobre Arrays com o Laço For

Desafio: Percorrer Arrays com For

Usando o Loop For...of para Iteração de Arrays

Desafio: Iteração Eficiente de Arrays com for...of

Resumo Sobre o Domínio de Arrays em JavaScript

Domine habilidades avançadas de manipulação de arrays, abrangendo diversas técnicas e métodos para lidar com arrays de forma eficaz em múltiplos cenários.

Transformando Arrays com o Método map()

Desafio: Modificar Elementos de Array Usando map()

Filtragem de Arrays com o Método filter()

Desafio: Selecionar Dados Específicos Usando filter()

Encontrando Elementos em um Array com o Método find()

Desafio: Busca de Itens Usando find()

Ordenando Arrays com o Método sort()

Desafio: Ordenar e Extrair Dados com sort()

Resumo de Métodos Avançados de Arrays e Transformações

Resumo do Curso

Aprenda os fundamentos das classes em JavaScript, desde declarações de classes até a definição de métodos que ampliam a funcionalidade. Descubra como utilizar objetos de parâmetros de forma eficaz, gerenciar propriedades privadas e controlar o acesso com getters e setters. Domine propriedades e métodos estáticos e aproveite o poder da herança de classes utilizando "extends" e "super()" para construir código escalável e reutilizável.

Introdução

Compreendendo Declarações de Classes em JavaScript

Desafio: Criar uma Classe JavaScript

Definindo Métodos em Classes JavaScript

Desafio: Adicionar Métodos a uma Classe

Usando Objetos de Parâmetro

Trabalhando com Propriedades Privadas em Classes

Desafio: Implementar Propriedades Privadas em uma Classe

Gerenciamento de Propriedades com Getters e Setters

Desafio: Implementar Getters e Setters em uma Classe

Explorando Propriedades Estáticas em JavaScript

Usando Métodos Estáticos em JavaScript

Desafio: Implementar Propriedades e Métodos Estáticos em uma Classe

Compreendendo Herança com Extends e Super()

Desafio: Implemente Herança de Classes com Extends e Super()

Domine a manipulação do DOM para criar aplicações web dinâmicas e interativas. Navegue e modifique a estrutura do DOM, atualize conteúdos dinamicamente e implemente as melhores práticas de segurança e desempenho. Diferencie propriedades e atributos para otimizar seu código.

O Que É o Modelo de Objeto de Documento (DOM)?

Consulta e Seleção de Elementos no DOM

Desafio: Consultar e Selecionar Elementos do DOM

Compreensão da Hierarquia e dos Relacionamentos do DOM

Desafio: Navegação na Hierarquia do DOM

Explorando Propriedades do DOM em JavaScript

Trabalhando com Atributos de Elementos no DOM

Desafio: Gerenciar Propriedades e Atributos de Elementos

Adicionando Elementos Dinamicamente ao DOM

Removendo Elementos do DOM

Desafio: Adicionar e Remover Elementos do DOM

Modificando Estilos de Elementos com JavaScript

Desafio: Aplicar Estilos Dinâmicos a Elementos do DOM

Desbloqueie a interatividade de suas aplicações web dominando os eventos em JavaScript. Compreenda a propagação de eventos, controle o comportamento dos eventos e implemente uma manipulação eficiente para as interações do usuário. Otimize o desempenho com técnicas avançadas como delegação de eventos.

Introdução a Eventos e Ouvintes de Eventos

Compreensão do Objeto de Evento em JavaScript

Desafio: Implementar Ouvintes de Eventos

Propagação e Delegação de Eventos Explicadas

Desafio: Manipulação de Propagação e Delegação de Eventos

Trabalhando com Eventos de Teclado e Mouse

Gerenciamento e Remoção de Event Listeners

Aprofunde-se em JavaScript assíncrono, incluindo callbacks, Promises e async/await. Aprenda a buscar dados de APIs, integrar bibliotecas de terceiros e gerenciar múltiplas requisições de forma eficiente, desenvolvendo habilidades para criar aplicações orientadas a dados.

Introdução ao JavaScript Assíncrono

Compreendendo Callbacks em JavaScript

Manipulação de Operações Assíncronas com Promises

Usando Async/Await para um Código Assíncrono Mais Limpo

Buscando e Trabalhando com APIs em JavaScript

Integração de APIs em Aplicações JavaScript

Desafio: Buscar e Utilizar Dados de API

Integração de Bibliotecas de Terceiros em JavaScript

Desafio: Trabalhar com Bibliotecas de Terceiros

Manipulação de Múltiplas Requisições Assíncronas

Compreenda os princípios fundamentais do React. Você aprenderá sobre JSX (JavaScript XML), construção de componentes de UI reutilizáveis e renderização de elementos. Além disso, explorará a importância da coleta de dados e da renderização condicional em aplicações React. Ao final desta seção, você terá uma base sólida dos conceitos essenciais do React, preparando-se para os tópicos mais avançados abordados nas próximas seções.

O Que É React e Por Que Usá-Lo?

Comparando SPAs e MPAs no Desenvolvimento Web

Como o React Funciona com o DOM Virtual

Introdução ao JSX para Escrever HTML em JavaScript

Construindo UI Complexa com JSX

Renderização de Elementos no React

Desafio: Renderizar um Elemento no React

Compreendendo Componentes React

Passando Dados com Props no React

Desafio: Criar Componentes Funcionais

Renderização Condicional em React

Desafio: Implementar Renderização Condicional – Notificação de Chat

Desafio: Implementar Renderização Condicional – Alerta Bancário

Realizar uma Coleta de Dados

Desafio: Exibir Coleções de Dados no React

Resumo dos Fundamentos do React

Explore os diversos métodos de adicionar estilos às aplicações React. Você aprenderá a aplicar estilos a componentes individuais, utilizar estilos dinâmicos e manter uma abordagem de estilização escalável e sustentável em seus projetos.

Introdução à Estilização em React

Usando Estilos Inline no React

Aplicando Estilos Inline na Prática

Desafio: Uso de Estilos Inline em um Componente React

Estilizando Componentes React com CSS Externo

Aplicando CSS Externo na Prática

Desafio: Aplicar CSS Externo em um Aplicativo React

Usando Módulos CSS para Estilização com Escopo em React

Organização de Estruturas de Arquivos e Pastas para Estilos

Desafio: Uso de Módulos CSS no React

Conclusão Sobre Técnicas de Estilização em React

Recursos avançados no desenvolvimento moderno com React. Hooks revolucionam a escrita de componentes funcionais, oferecendo uma maneira concisa e intuitiva de gerenciar estado e executar efeitos colaterais. Por outro lado, Context permite compartilhar dados pela árvore de componentes sem a necessidade de prop drilling. A combinação de Hooks e Context possibilita um gerenciamento de estado eficiente e compartilhamento de dados simplificado em aplicações React.

Introdução aos React Hooks e Context

Gerenciamento de Estado com o Hook useState

Desafio: Alternar Visibilidade com useState

Trabalhando com Referências Usando o Hook useRef

Desafio: Construir um Componente de Formulário Controlado

Lidando com Efeitos Colaterais com o Hook useEffect

Desafio: Buscar e Exibir Dados com useEffect

Otimizando o Desempenho com o Hook useMemo

Desafio: Implemente um Filtro de Lista de Carros com useMemo

Compartilhando Estado Entre Componentes com Contexto

Usando Contexto em um Cenário do Mundo Real

Desafio: Construa um Aplicativo de Mundo da Astronomia com Context

Encerramento de React Hooks e Context

Guia passo a passo sobre como iniciar um projeto React do mundo real. Desde a configuração do ambiente de desenvolvimento até a compreensão da organização do projeto e ferramentas essenciais, você adquirirá o conhecimento e a confiança necessários para iniciar sua jornada com React.

Configurando Seu Ambiente de Desenvolvimento React

Escolhendo um Editor de Código para Desenvolvimento em React

Organizando a Estrutura de Pastas do Projeto

Trabalhando com o Terminal no Desenvolvimento React

Iniciando e Executando um Projeto React com Vite

Conclusão da Configuração do Projeto React

Explore o papel crucial do backend e familiarize-se com o Node.js — um ambiente de execução inovador. Descubra suas vantagens, aprenda a instalar o Node.js e inicie a criação do seu primeiro aplicativo Node.js.

O Papel do Backend no Desenvolvimento Web

O Que É Node.js?

Principais Vantagens do Uso do Node.js

Instalando o Node.js

Criando Seu Primeiro Aplicativo Node.js

Desafio: Construa Seu Primeiro Aplicativo Node

Principais Pontos

Criação de aplicações de console utilizando Node.js. Serão abordados conceitos fundamentais, exemplos práticos e exercícios para garantir confiança no desenvolvimento de aplicações de console.

Introdução a Aplicações de Console em Node.js

O Que São Aplicações de Console?

Trabalhando com o Sistema de Arquivos no Node.js

Desafio: Operações do Sistema de Arquivos

Construção de Aplicativos de Interface de Linha de Comando (CLI)

Usando o Módulo Commander para Aplicativos CLI

Trabalhando com o Módulo Readline

Construindo um Aplicativo de Adivinhação no Console

Gerenciamento de Diretórios no Node.js

Ferramenta de Inspeção de Diretórios

Resumo de Aplicações de Console em Node.js

Aprofundamento no Express.js como framework de aplicações web. Você obterá insights sobre por que o Express é uma escolha popular para o desenvolvimento web, como configurar uma aplicação básica com Express, criar rotas para lidar com diferentes requisições e compreender os conceitos de middleware.

Introdução ao Express.js no Desenvolvimento Web

Por Que Usar Express.js para Desenvolvimento Web?

Compreensão de Requisições HTTP

Configuração de uma Aplicação Express.js

Criando e Gerenciando Rotas no Express.js

Testando APIs com Postman

Introdução ao Middleware no Express.js

Usando Middleware Integrado no Express.js

Criando Middleware Personalizado

Resumo dos Principais Conceitos do Express.js

Aprenda a construir uma API REST utilizando Node.js e Express.js, passo a passo. Esta seção irá guiá-lo na criação de um aplicativo simplificado semelhante ao Twitter, auxiliando no domínio do desenvolvimento de APIs RESTful enquanto adiciona um projeto valioso ao seu portfólio.

Introdução ao Desenvolvimento de API REST

Conceitos Fundamentais de APIs REST

Configurando a Estrutura do Projeto

Definindo o Ponto de Entrada da API

Construindo o Endpoint GET para Todos os Posts

Construindo o Endpoint GET Post por Id

Construindo o Endpoint CREATE para Postagens

Construindo o Endpoint Update de Post por Id

Construindo o Endpoint DELETE de Post por ID

Executando e Testando a API REST

Considerações Finais e Próximos Passos

Impulsione suas Habilidades Tecnológicas!

com até 55% de desconto

Features:

*Tracks not included in Pro plan

500+ Cursos Bem AvaliadosCopiloto de IA de ponta

Trilhas de estudo personalizadas40+ Projetos práticos do mundo real

Sem cancelamento, antes do término do plano com desconto selecionado, aceito que a Codefinity cobrará automaticamente $104 a cada 3 meses até eu cancelar. Saiba mais sobre a política de cancelamento e reembolso em Termos de Assinatura.

Recommended Courses and Projects

Fundamentos de HTML

Domine os fundamentos do HTML para criar conteúdos web bem estruturados e acessíveis. Aprenda a estruturar documentos utilizando tags, elementos e atributos. Trabalhe com confiança com textos, listas, imagens, áudio e vídeo para enriquecer páginas web. Crie tabelas para organizar dados e formulários para entrada e interação do usuário. Descubra o HTML semântico para aprimorar a acessibilidade e construa estruturas completas e funcionais de sites desde o início.

Layout CSS, Efeitos e Sass

Aprimore suas habilidades de estilização dominando técnicas avançadas de CSS para design web moderno. Posicione e gerencie elementos com precisão utilizando estratégias avançadas de posicionamento. Crie transições suaves e animações envolventes para aprimorar a experiência do usuário. Transforme e manipule elementos para efeitos visuais dinâmicos. Desenvolva designs responsivos que se adaptam a diferentes dispositivos e aprenda a otimizar seu fluxo de trabalho com pré-processadores CSS como o Sass.

Domínio do Next.js 14 para Construção de Aplicações Web Modernas

Aprenda a construir aplicações web modernas e de alto desempenho utilizando Next.js. Configure projetos com layouts estruturados, estilização e roteamento para navegação fluida. Busque e exiba dados de forma eficiente, otimizando a renderização e o desempenho. Implemente recursos avançados como paginação, operações CRUD e busca global para aplicações web dinâmicas. Faça o deploy de seus projetos Next.js, conecte-os a bancos de dados e adicione autenticação para proteger os dados dos usuários.

Ninja do JavaScript

Bem-vindo ao Curso Ninja de JavaScript! Este curso envolvente e interativo é projetado para introduzi-lo aos fundamentos da programação em JavaScript através de um jogo divertido e educativo. Você guiará um ninja por vários desafios, usando JavaScript para controlar movimentos e interagir com objetos como sushi. Começando com o básico, você aprenderá a navegar pelo mapa, pegar e colocar sushi, e gradualmente progredir para conceitos de programação mais complexos, como funções, loops e declarações condicionais. Cada capítulo oferece prática prática para reforçar seu aprendizado, culminando em desafios emocionantes que testam suas habilidades. Seja você um iniciante completo ou alguém que deseja aprimorar suas habilidades de codificação, este curso oferece uma experiência de aprendizado abrangente e agradável. Junte-se a nós e torne-se um ninja da codificação!

Gerenciamento de Estado com Redux Toolkit no React

Descubra o poder do Redux Toolkit em conjunto com o React e potencialize suas habilidades de gerenciamento de estado. Este curso apresenta de forma abrangente o Redux Toolkit, uma biblioteca poderosa para gerenciar estados. Aprenda a simplificar a configuração do Redux, facilitar lógicas de estado complexas e criar aplicações React eficientes e escaláveis.

Essenciais do React Router

Aprenda a gerenciar a navegação em aplicações React utilizando o React Router. Compreenda a estrutura das URLs e o papel do roteamento em aplicações web. Configure o React Router para criar aplicações multipáginas com conteúdo dinâmico baseado nos caminhos das URLs. Trabalhe com recursos avançados como query strings e parâmetros de URL para manipular o estado da aplicação e a navegação do usuário.

Introduction to QA

In this course, the user will get an introduction on how to perform manual testing on primarily web applications. The skills aquired in this course can be used in automation testing as well.

Test Automation with Jest and Selenium

Build on top of your previously acquired Manual Testing knowledge and learn Automation Testing using Node.JS and Jest. This course will also introduce you to some additional libraries and tools like Selenium, Axios and Jenkins.

Functions in JavaScript

JavaScript functions from the fundamentals to modern syntax and best practices. Gain understanding of how functions shape every part of JavaScript, helping create clean, modular, and efficient code. Master both classic patterns and modern approaches to writing reusable, maintainable functions for any project.

DOM Manipulation with JavaScript

A practical introduction to JavaScript DOM manipulation for beginners. This course covers everything from understanding the DOM and selecting elements to modifying content, handling events, and writing efficient code. Build interactive, dynamic web pages with confidence through guided examples and hands-on practice.

Node.js Foundations

Understand how Node.js brings JavaScript to the server side and powers modern web development. Explore its architecture, event loop, and asynchronous behavior, then run real programs and manage modules with CommonJS and ES imports. Gain a solid foundation for building scalable, high-performance applications with Node.js.

JavaScript Array Methods

Master the most practical and commonly used JavaScript array methods, progressing from foundational techniques to advanced functional programming patterns. Each chapter introduces a new method, explains its purpose, demonstrates real-world usage, and tests your understanding.

Discover more Learning Tracks

trilha

Desenvolvimento Web com C#

Iniciante

SQL do Zero ao Herói

Iniciante

C++ para Iniciantes

Iniciante

Desenvolvimento de Jogos com Unity

Iniciante

Torne-se um Desenvolvedor React

Intermediário

Essenciais de Java

Iniciante

Fundação de Desenvolvimento Frontend

Iniciante

Análise e Visualização de Dados em Python

Intermediário

Domínio em Aprendizado de Máquina

Intermediário

Domínio de C++

Avançado

Java Web

Avançado

Por que as Pessoas Escolhem Codefinity

Web Developer

Kwizera Mugisha

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Senior Business Analyst

Sherry Barnes-Fox

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Accounts Payable Specialist

Bill Wagner

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

IT Support Specialist

Daniel Chinea

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Technology Project Manager

Steve Bruening

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Project Manager

Stephanie Chan

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Step-by-Step to Stellar Results

Ambiente de codificação interativo

Mergulhe em nosso ambiente interativo: escreva e execute seu código com feedback em tempo real e métricas de sucesso—aprenda fazendo a cada passo.

Suporte com IA

Aproveite o assistente de IA integrado para explicar erros, sugerir correções ou responder a qualquer pergunta sobre seu código—assim você permanece produtivo e nunca fica preso.

Check your progress

Conclua cada módulo com um questionário rápido que fornece feedback instantâneo, acompanha seu progresso e garante que você dominou os conceitos-chave.

Promote your expertise

Ganhe seu certificado reconhecido pela indústria ao concluir e compartilhe no LinkedIn com um clique—deixe sua rede ver o que você pode fazer.

Confiado por Funcionários de Empresas Líderes
e Estudantes de Universidades de Prestígio

Acesso completo ao catálogo

Uma assinatura abre este curso e todo o nosso catálogo de projetos e habilidades.

Features:

500+ Cursos Bem AvaliadosCopiloto de IA de ponta

Trilhas de estudo personalizadas40+ Projetos práticos do mundo real

Experimente Codefinity com confiança – garantia de devolução do dinheiro em 30 dias incluída

Para dar as boas-vindas ao Codefinity, estamos oferecendo até 64% de desconto em nossos cursos. Além disso, temos uma garantia de devolução do dinheiro em 30 dias, para que você possa nos experimentar sem riscos.Estamos ansiosos para recebê-lo em nossa plataforma e estamos comprometidos em tornar sua experiência de aprendizado fácil, interativa e divertida.

Ready to get started?

Pro

Best intro offer

Ultimate

A complete experience
to kickstart your career

500+ Top-Rated courses

Completion certificates

Early access to new courses

40+ hands-on Real-world projects

Personalized study tracks

Unlimited workspaces

Acesse instantaneamente 500+ cursos

Aprendizado Ilimitado, Acesso InstantâneoTenha acesso total a todos os cursos e trilhas, incluindo conteúdo em vídeo, questionários e materiais aprofundados—comece a aprender a qualquer momento.

Certificados Reconhecidos pela IndústriaGanhe certificados que validam sua expertise e impulsionam sua carreira em tecnologia, IA, dados, marketing e além.

Aprendizado assistido por IAReceba dicas personalizadas, feedback em tempo real e explicações com IA para acelerar seu progresso.

Constantemente Expansível: Novos Cursos e Trilhas de CarreiraMantenha-se à frente com cursos constantemente atualizados, roteiros de carreira, desafios e testes práticos.

Desenvolva Habilidades que ImportamDomine habilidades em demanda com cursos em IA, ciência de dados, programação, marketing, automação, desenvolvimento web e mais.

Aprendizado Interativo e Sem CosturaEngaje-se com projetos práticos, exercícios do mundo real e uma experiência de aprendizado intuitiva — sem necessidade de ferramentas extras.

O que você vai aprender

Desenvolvimento Web com C#

SQL do Zero ao Herói

C++ para Iniciantes

Desenvolvimento de Jogos com Unity

Torne-se um Desenvolvedor React

Essenciais de Java

Fundação de Desenvolvimento Frontend

Análise e Visualização de Dados em Python

Domínio em Aprendizado de Máquina

Domínio de C++

Java Web

Por que as Pessoas Escolhem Codefinity

Confiado por Funcionários de Empresas Líderes e Estudantes de Universidades de Prestígio

Acesso completo ao catálogo

Experimente Codefinity com confiança – garantia de devolução do dinheiro em 30 dias incluída

Acesse instantaneamente 500+ cursos

Confiado por Funcionários de Empresas Líderes
e Estudantes de Universidades de Prestígio