VueJS

vue3

Como criar projeto Vue3

Introdução O Vue3 é a terceira versão do framework VueJS que é um framework Javascript open source muito versátil e muito utilizado no mercado. É um framework modular, de fácil aprendizagem e com ele você pode criar desde aplicações pequenas até aplicações de grande escala. Existem algumas formas de fazer a criação do projeto Vue, …

Como criar projeto Vue3 Read More »

loading

Loading de carregamento e ícones do Font Awesome – ToDo List parte 7

Introdução Neste post vou mostrar como colocar um loading de carregamento para telas e também como utilizar as fontes do Font Awesome em um projeto VueJS. Este é uma continuação do Projeto ToDo List com VueJS, caso você queira pegar o código fonte atual do projeto, clique aqui. Ou se preferir ver a playlist com …

Loading de carregamento e ícones do Font Awesome – ToDo List parte 7 Read More »

filtros

Como fazer os filtros para as tarefas – ToDo List parte 5

Introdução Ter filtros em um sistema é essencial para que o usuário consiga localizar as informações que ele deseja. Eu fiz um post falando sobre filtros a um tempo atrás, caso queira pode ver aqui. Porém neste outro, implementei os filtros utilizando as funções de filtro do Javascript. E neste caso, vou fazer a implementação …

Como fazer os filtros para as tarefas – ToDo List parte 5 Read More »

value objects

Como criar status para as tarefas utilizando value objects – ToDo List 4

Introdução Neste artigo vou mostrar como criar status para as tarefas utilizando value objects no projeto ToDo List. Em um sistema de lista de tarefas, é comum as tarefas terem status por exemplo de “em aberto”, “concluído”, “arquivado” e entre outros. Isso possibilita que o usuário faça o gerenciamento dos status de suas tarefas, e …

Como criar status para as tarefas utilizando value objects – ToDo List 4 Read More »

api rest fake

Como utilizar API Rest Fake com VueJS – ToDo List parte 3

Introdução Utilizar uma API Rest Fake pode trazer benefícios para o projeto, é possível simular requisições reais, colocar comportamentos mais reais no frontend, deixar preparado para receber um backend por API Rest e muito mais. Para fazer a implementação dessa API Rest Fake, vou utilizar o projeto ToDo List, é uma continuidade do projeto, e …

Como utilizar API Rest Fake com VueJS – ToDo List parte 3 Read More »

vuejs todolist2

Validação de formulário e tela empty state VueJS – ToDo List parte 2

Introdução No artigo passado mostrei como fazer a criação de um projeto de ToDo List com VueJS. Este é uma continuação deste projeto, embora seja um projeto simples, da para aplicar muitos conceitos e técnicas que podem ser utilizadas no dia a dia. Neste artigo você vai ver como fazer a validação de um formulário …

Validação de formulário e tela empty state VueJS – ToDo List parte 2 Read More »

todolist

Projeto ToDo List com VueJS

Introdução Criar projetos é muito importante principalmente quando está aprendendo a programar ou uma tecnologia nova na programação. Um sistema de ToDo List é praticamente um “hello world” pois você consegue treinar alguns conceitos a mais do que só a teoria. Normalmente nos projetos, alguns problemas acontecem que faz a gente sair da zona de …

Projeto ToDo List com VueJS Read More »

botao flutuante

Botão flutuante com VueJS

Introdução O botão flutuante pode ter alguns casos de uso, como por exemplo botão de compartilhamento em redes sociais, ou então quando o usuário está utilizando o sistema por um celular. Porém é possível adaptar facilmente para qualquer sistema web, ou então adaptar em outros casos. Para isto vou utilizar a biblioteca vue-float-action-button. Esta biblioteca …

Botão flutuante com VueJS Read More »

Usamos cookies para lhe proporcionar a melhor experiência possível no nosso site. Ao continuar a usar este site, você concorda com o uso de cookies.
Ok
Privacy Policy