Home

Programação explicada

Entenda o código.
Descubra como funciona.

Aprenda programação com explicações claras, exemplos práticos e códigos apresentados passo a passo. Entenda o que cada linha faz e descubra como criar suas próprias soluções.

Explorar conteúdos →
exemplo.js 
const mensagem = "Olá, mundo!";

console.log(mensagem);
O que acontece aqui?
Criamos uma variável para guardar um texto e usamos console.log() para exibi-lo no console.

Explore nossos conteúdos

Escolha uma tecnologia e comece a entender como seus códigos funcionam.

JS

JavaScript

Aprenda variáveis, funções, objetos, arrays, eventos, promessas e outros conceitos da linguagem.

Ver artigos →
⚛

React

Entenda componentes, props, hooks, estado e a construção de interfaces interativas.

Ver artigos →
⌘

Desenvolvimento web

Explore HTML, CSS e outras tecnologias utilizadas para criar sites e aplicações.

Ver artigos →
⚙

Laravel

Descubra rotas, controllers, ORM, autenticação e recursos para desenvolver aplicações web.

Ver artigos →
W

WordPress

Aprenda sobre temas, plugins, personalização e desenvolvimento para WordPress.

Ver artigos →
{}

Programação em geral

Explore outros conceitos, ferramentas e técnicas para ampliar seus conhecimentos.

Ver artigos →

Aqui, o código é explicado

Nosso objetivo não é apenas mostrar um código pronto. Queremos ajudar você a entender o que cada parte faz, por que ela existe e como pode ser utilizada.

01

Veja o código

Comece com um exemplo pequeno e fácil de acompanhar.

02

Entenda cada parte

Descubra o significado dos comandos e como trabalham juntos.

03

Pratique o que aprendeu

Use o conhecimento para experimentar e criar seus próprios projetos.

Artigos recentes

Confira as últimas publicações da Resolver Labs.

Explorar todos os conteúdos →

Aprenda entendendo.

A Resolver Labs existe para ajudar você a compreender a lógica por trás dos códigos e aprender programação com mais clareza.

Conheça a Resolver Labs

 

Comentários

Postar um comentário

Postagens mais visitadas deste blog

useMemo do React js

Imagem
  React.js · Hooks · JavaScript Como funciona o useMemo do React? Guia prático com exemplos Você já imaginou se o React pudesse guardar o resultado de uma conta para não precisar fazê-la novamente toda vez que a tela fosse atualizada? É justamente essa uma das funções do useMemo . Neste guia, você vai aprender o que é o useMemo, como ele funciona por trás dos panos, quando vale a pena utilizá-lo e quais erros evitar. Tudo com exemplos de código que você poderá testar no seu próprio projeto React. 1. O que é o useMemo no React? O useMemo é um Hook do React que permite guardar o resultado de um cálculo entre as renderizações de um componente. Mas o que significa guardar um resultado? Imagine que você precisa somar os números de uma lista. Se a lista tiver milhares de números, essa conta poderá levar algum tempo. Se nada que afete essa conta mudar, talvez seja desnecessário r...
Leia mais

useEffect do React js

Imagem
  Como funciona o useEffect no React? Guia completo com exemplos React Hooks JavaScript Iniciantes Você já precisou executar uma ação quando um componente aparece na tela, atualizar alguma informação quando um valor muda ou iniciar um temporizador no React? É exatamente nesse tipo de situação que o useEffect pode ajudar. Neste guia, você vai aprender o que é o useEffect, para que ele serve, como funciona por trás dos panos, como utilizar suas dependências e como evitar os erros mais comuns. Tudo isso com exemplos práticos e explicações passo a passo. 1. O que é o useEffect no React? O useEffect é um Hook do React que permite executar uma tarefa depois que o React atualiza a tela, quando essa tarefa precisa sincronizar o componente com algo externo a ele. Mas o que significa Hook? Um Hook é uma função especial do React que permite utilizar recursos do React ...
Leia mais

useLayoutEffect do react js

Imagem
  REACT JS · HOOKS Como funciona o useLayoutEffect do React JS? Guia completo com exemplos Você já precisou descobrir o tamanho de um elemento HTML antes de mostrar a tela ao usuário? Ou quis posicionar um menu exatamente ao lado de um botão, sem que ele aparecesse primeiro no lugar errado? É nesse tipo de situação que o useLayoutEffect do React pode ajudar. Neste artigo, você vai aprender o que ele faz, como funciona por trás dos panos, quando utilizá-lo e qual é a diferença entre ele e o useEffect . O que você vai aprender: O que é o useLayoutEffect e para que serve. Como medir elementos HTML usando React. Como evitar que um elemento apareça momentaneamente no lugar errado. Qual é a diferença entre useLayoutEffect e useEffect . Quais erros evitar ao utilizar esse Hook. 1. O que é o useLayoutEffect? O useLayoutEffect é um Hook do React que permite execu...
Leia mais