Um Blog voltado para a comunidade dev

Bem vindo(a) ao Blog Papo Digital!
Aqui você terá acesso a informações e tutoriais sobre tecnologia, programação e boas dicas sobre Carreira Tech

NuxtJS

Testando aplicações Nuxt 3 com Vitest

O Nuxt 3, por ser um framework mais opinativo, traz algumas particularidades em relação à configuração de ferramentas como o Vitest. Neste post, vou te mostrar como configurar e realizar testes em uma aplicação Nuxt 3 usando o Vitest, uma ferramenta de testes rápida e simples baseada no Vite.

11 de novembro de 2024
NuxtJS

Gerenciamento de Estado no Nuxt 3 com Pinia

Se você está desenvolvendo uma aplicação com Nuxt 3, o gerenciamento de estado é uma parte crucial para manter a consistência dos dados. Neste post, vou te mostrar como configurar o Pinia no Nuxt 3 e gerenciar o estado de forma eficiente.

23 de agosto de 2024
Javascript

Descobrindo as Dimensões de um Elemento HTML com JavaScript

Quando desenvolvemos páginas web, é comum precisar de informações sobre o tamanho de elementos HTML para ajustar a posição dos elementos de forma dinâmica. Neste post eu vou te mostrar algumas maneiras de pegar as dimensões de um elemento através do javascript.

17 de agosto de 2024
Javascript

DayJS - Uma biblioteca poderosa para trabalhar com datas e horas em Javascript

Trabalhar com datas em Javascript pode ser uma tarefa complicada, especialmente quando se trata de lidar com fusos horários diferentes. É aí que a biblioteca DayJS entra em ação, ela é bem leve e fornece uma API simples e consistente para lidar com datas e horas.

18 de julho de 2023
NuxtJS

Implementando autenticação OpenID Connect (OIDC) com Nuxt 3

Neste post eu vou te mostrar como implementar um fluxo de autenticação OIDC no front-end com Nuxt 3

22 de janeiro de 2023
CSS

Introdução ao Tailwind CSS - Do Zero ao Primeiro Projeto

O Tailwind CSS vem ganhando bastante popularidade desde seu lançamento em Novembro de 2017. Desde então já foram geradas mais de 190 releases, além disso o projeto já conta com mais de 54 mil estrelas no GitHub. Mas apesar desta popularidade toda ainda existem muitos desenvolvedores que não sabem por onde começar. Se você é um destes desenvolvedores fique tranquilo, pois neste Post você aprenderá tudo que precisa para criar seu primeiro projeto com Tailwind CSS.

23 de março de 2022
CSS

Como Customizar a Barra de Rolagem do Navegador com CSS

Ao construir a identidade visual do seu site ou aplicação web pode ser interessante personalizar também a barra de rolagem para garantir que não haverá inconsistências visuais. Neste tutorial você aprenderá a customizar a aparência da barra de rolagem utilizando apenas 3 propriedades CSS.

21 de março de 2022
NuxtJS

Tutorial - Configurando PrimeVue em um projeto Nuxt

PrimeVue é uma biblioteca open source que fornece vários componentes de UI para VueJS. Neste post será explicado passo a passo como configurá-la em um projeto NuxtJS.

29 de setembro de 2021
Javascript

Novidades do ECMAScript 2021 (ES2021)

A décima segunda edição do Javascript (ES2021), se tornou standard. Conheça as novas funcionalidades que foram adicionadas nesta versão.

28 de setembro de 2021
CSS

Como Cortar Textos Longos e Adicionar 3 Pontinhos com CSS

Neste post eu vou te mostrar uma forma bem simples de quebrar textos muito longos e adicionar 3 pontinhos usando apenas CSS

29 de agosto de 2021
NuxtJS

Deploy de sites Nuxt no Github Pages

Se você está pensando em criar um site estático e ainda não sabe qual tecnologia utilizar ou onde publicar, saiba que é possível fazer isso usando Nuxtjs e Github Pages de uma forma muito simples.

19 de agosto de 2021
VueJS

Construindo componentes altamente reutilizáveis com Vue Slots

Como a própria documentação do Vuejs já diz, Slot é um recurso que nos permite inserir elementos dentro de um componente. Desta forma é possível criar um componente mais genérico e reutilizá-lo várias vezes dentro da aplicação mudando seu conteúdo interno.

5 de agosto de 2021
NuxtJS

Introdução ao NuxtJS - Conheça este incrível Framework

Se você gosta de utilizar Vuejs em seus projetos e ainda fica gastando tempo e esforço configurando a base do projeto, como roteamento e vuex store está na hora de conhecer o Nuxtjs. Este framework te entrega roteamento, vuex store, SSR, hot reloading e ainda conta com uma série de módulos que podem aumentar ainda mais o leque de recursos disponíveis.

25 de julho de 2021
Produtividade

Aumente sua Produtividade no VSCode com Snippets

Se você é um programador "preguiçoso" como eu também já deve estar cansado de ficar sempre digitando a mesma coisa toda vez que for criar uma nova classe ou componente. Neste artigo eu vou mostrar como é possível automatizar esta tarefa utilizando o recurso de Snippets do VSCode.

15 de julho de 2021
ReactJS

Criando Documentos PDF com ReactJS

Em aplicações empresariais é muito comum a necessidade de criar documentos em PDF, seja para exibir dados de um relatório ou mesmo para exportar informações exibidas em tela. Neste artigo irei mostrar como criar documentos PDF utilizando React e a biblioteca PdfMake.

10 de julho de 2021