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
Como utilizar Redux no React? Um dos maiores desafios existentes dentro do desenvolvimento front end na atualidade é como será arquitetado o gerenciamento dos estados dentro de uma aplicação. Para isto, foi criada uma biblioteca ovacionada desde sempre por sua capacidade, organização e condução de estados: o Redux. É sobre ele que iremos aprender hoje.