Bruno Gabryell Cabral Da Silva - Revelo Community - O melhor conteúdo tech para devs

Utilizando Bordas e Contornos com Tailwind

A estilização de aplicações é um conceito importantíssimo na vida de quem tem em seu dia a dia o desenvolvimento front-end. Uma boa estruturação para o seu site é fundamental, mas se ele não agradar aos olhos de quem o utiliza, não garantirá que este usuário vá embora e procure

Tailwind

Utilizando transformações no Tailwind

No artigo de hoje, aprenderemos a utilizar algumas classes disponibilizadas pelo Tailwind voltadas ao uso e manipulação de transformações, que são um conjunto de atributos que manipulam escalas, rotações, deslocamento, entre outros. Vamos lá? O Tailwind é uma ferramenta que facilita demais o uso do CSS. Geralmente, realizamos a estilização

Tailwind

Utilizando Transições e Animações com o Tailwind

Nos dias atuais onde existem milhões de aplicações e websites espalhados por aí, qualquer toque a mais ou a menos já é motivo para um usuário ficar na nossa página ou procurar outra mais interativa. Com isso, a forma como são feitas as transições e animações das nossas aplicações são

Tailwind

Explorando Backgrounds com Tailwind - Parte 2

Saudações, caro leitor! Estamos de volta, com mais aprendizado envolvendo o Background e o Tailwind CSS! Na última vez você aprendeu os conceitos básicos de Background Color e Background Clip. No artigo de hoje, continuaremos os nossos estudos explorando o Background Image e outros conceitos que giram em torno dele.

Tailwind

Explorando Backgrounds com Tailwind - Parte 1

No artigo de hoje, aprenderemos a utilizar alguns conjuntos de classes disponibilizadas pelo Tailwind voltadas ao uso e manipulação de backgrounds, que são um conjunto de atributos que definem estilizações para o fundo dos elementos. Vamos lá? O Tailwind é um framework criado com o objetivo de melhorar o uso

Tailwind

Espaçamentos e Tamanhos com Tailwind

Existem detalhes na vida que são essenciais para que possamos desempenhar certas atividades ao longo dela. Ter a noção de espaço para estacionar um carro sem bater no que está ao lado, saber quanto tempo é gasto para ir de casa para o trabalho sem se atrasar, calcular quanto na

Tailwind

Como utilizar o Grid Layout com Tailwind CSS

Quanto mais os anos vão se passando e as demandas se prolongam, mais o programador tende a procurar tecnologias que o ajudam a conseguir mais fazendo menos. Foi assim que surgiram diversos frameworks e bibliotecas, como por exemplo o React, o Vue, o Angular e o que iremos abordar neste

Flexbox

Como utilizar o Flexbox com Tailwind CSS - Parte 2

Saudações, caros leitores! Estamos de volta, com mais aprendizado envolvendo o Flexbox e o Tailwind CSS! Na última vez que nos encontramos e compartilhamos conhecimentos sobre o assunto, aprendemos os conceitos básicos do Flexible Box Module (pra nós que já nos tornamos íntimos desde o último artigo, já podemos chamar

Flexbox

Como utilizar o Flexbox com Tailwind CSS - Parte 1

A cada dia que passa, mais e mais frameworks e bibliotecas surgem para melhorar a qualidade de vida do programador. Com o objetivo de facilitar e simplificar as implementações, muitos alcançam uma visibilidade tão gigantesca que fica difícil ser inserido em um determinado meio sem nunca sequer ter pelo menos

Tailwind

Utilizando Hover PopUp e Tooltip com Tailwind CSS

Se você se encontra atualmente envolvido com o universo frontend em qualquer grau que seja, sem a menor sombra de dúvidas já deve ter pelo menos ouvido falar no nome Tailwind CSS (e se não ouviu ainda, considere-se agraciado, pois este artigo também é para você!). Diante de tantas e

Axios

Conectando Front e o Back com o Axios

Requisições HTTP são extremamente essenciais para o desenvolvimento web. Por meio delas, interligamos o frontend e o backend, blocos primordiais em projetos fullstack que muitas vezes são vistos como partes isoladas. Enxergando a importância dessa conexão entre os dois, implementaremos juntos neste artigo um projeto que utiliza o React.js

React

Carrossel usando React e Tailwind

Durante o desenvolvimento de um determinado projeto, geralmente nos deparamos com demandas que rapidamente podem ser resolvidas com o uso de bibliotecas especializadas, como por exemplo o React-Google-Charts para gráficos, ou o Framer Motion para animações. Todavia, o que fazer quando determinada empresa ou projeto no qual estamos envolvidos não

MySQL

Realizando um CRUD no MySQL com o Node.js

Durante o desenvolvimento de uma aplicação robusta em que interagimos com bancos de dados, é uma certeza que o desenvolvedor backend realizará as quatro operações básicas de criação, leitura, atualização e exclusão. Conhecido como CRUD (abreviação em inglês para as palavras Create, Read, Update e Delete), este é o conjunto

React Google Charts

Gráficos com React Google Charts

Utilizar um gráfico é a melhor e mais profissional forma de se organizar, expressar e acompanhar resultados. Quando bem estruturados, eles proporcionam uma fácil compreensão e se tornam essenciais para o dia a dia corporativo e, consequentemente, para aplicações que envolvam qualquer tipo de acompanhamento e demonstração de dados. Tendo

Node.js

Utilizando rotas no Node.js

Durante o desenvolvimento de uma aplicação web robusta é natural que em algum momento tantas funcionalidades existam que sem uma boa organização tudo será dominado pelo caos. Imagine que você tenha dez endereços e que cada um deles tenha os métodos POST, GET, PUT e DELETE. Ao todo, serão quarenta

React

Utilizando Context no React

Quando estamos falando de uma aplicação React comum, geralmente os dados são passados por hierarquia (de um componente “pai” para “filho” por meio de estados, ou de um componente “filho” para “pai” por meio de funções). Entretanto, esta forma de compartilhamento de informações fica muito complicada e extensa quando há

Node.js

Como criar um servidor com o Node.js

Quando falamos de Backend nos referimos a todo o desenvolvimento voltado para bancos de dados, servidores e estruturas de uma aplicação. Enquanto o Frontend é responsável pela interação de maior nível entre a aplicação e o usuário (como inputs, botões, ícones, etc.), o Backend trabalha em um nível baixo se

React

Criar menu lateral com React e Tailwind

Um menu lateral expansivo é um recurso muito comum em sites na atualidade. Além de garantir uma melhor usabilidade do espaço visual disponível, a sua utilização proporciona de forma organizada o acesso a listas de informações que só aparecerão na tela quando o usuário achar que é necessário. Neste artigo

GitHub

Github Copilot: Vale a pena?

Imagine se você pudesse contar com uma inteligência artificial que lhe ajudasse a redigir códigos para projetos e aplicações de forma simples e instantânea. Para muitos, isso ainda parece um tipo de tecnologia que só será acessível para todos quando chegarmos em uma fase da humanidade em que carros voarem

React

Gerenciamento de rotas com o React

Quando estamos criando uma determinada aplicação é normal arquitetarmos alguns pontos essenciais para seu funcionamento. Uma destas questões envolve quantas páginas nosso site terá e como ocorrerá a navegação entre elas. Para isso, o React possui uma biblioteca incrivelmente eficaz no que se oferece a fazer e que torna simples

React

Framer Motion para transições e elementos React

A cada dia que passa o mundo da programação front end é empurrado para o foco na experiência do usuário. Uma boa interação entre a nossa aplicação e quem a utilizará define o sucesso ou não do que estamos fazendo e, neste aspecto, o processo de estilização é essencial. Pensando

React

React: Três hooks indispensáveis para componentizações

Se tem uma coisa que estamos velhos de saber é que o universo da programação está em constante mudança. Com o passar do tempo, muitas linguagens tornam-se ainda mais eficazes pelo processo de adaptação e o React não é uma exceção. Pensando neste conceito, criamos um artigo que aborda os

React

Crie um carrossel no React com Swiper

No universo das demandas do desenvolvimento web existem muitos conceitos essenciais que precisam estar presentes no currículo do programador que deseja se apresentar ao mercado de trabalho. Saber criar barras de navegação, menus flutuantes ou expansivos, cabeçalhos e rodapés são exemplos de componentização que o desenvolvedor deve dominar na ponta

Node.js

Como conectar o Node.js com o MySQL

Os bancos de dados são importantíssimos para o desenvolvimento back-end. Eles são a peça chave para qualquer armazenamento que você possa imaginar e que seja necessário em uma aplicação. Dentre tantos sistemas de gerenciamento de bancos de dados existentes (como por exemplo MongoDb, SQLite, Oracle, etc.), um dos mais utilizados

React

Três passos para publicar projetos React no GitHub

Com o passar dos anos, muitas ferramentas se tornaram essenciais para pessoas recrutadoras de cargos relacionados ao mundo da programação. Da mesma forma, muita coisa da parte de quem busca um emprego também mudou: quanto mais seu trabalho puder ser visto e mensurado, mais fácil você será encontrado e contratado