Curso VueJS

O objetivo deste repositório é publicar meus códigos referentes a exercicios que aprendi no curso de VueJS.

Detalhes do projeto

Neste repositório colocarei alguns códigos, exercícios e desafios que estou aprendendo no curso de VueJs. Para facilitar, vou organizar os conteúdos em pastas.

Pasta Introdução

Neste módulo aprendi a acessar a documentação e fazer importação do Vue.

Pasta DOM

Neste módulo, trago códigos referentes ao módulo DOM, onde aprendi conceitos sobre templates, instancia VueJS, binding de atributos, diretivas e tem alguns desafios resolvidos.

Pasta Condicionais-Listas

Neste módulo os códigos são referentes ao uso de Vue com v-if, v-else, v-for, iterando objetos e percorrendo listas.

Pasta instancia-Vue

Neste módulo do curso aprendi conceitos sobre instâncias Vue, como usar multiplas instancias, montar um template, atualizar o DOM, ciclo de vida da intância, e componentes.

Pasta componente-intro-src

Estes arquivos contém uma introdução sobre componentes e como registra-los de forma global.

Pasta componentes-comunicacao-src

Neste módulo o foco foi aprender a fazer a comunicação entre os componentes. Uma das formas abordadas neste módulo foi a comunicação indireta via função callback.

Pasta componente-avancado-desafio-src

Neste desafio, o botão deve retornar a sua respectiva cor na box. Excelente desafio para fixar os estudos sobre a comunicação entre os componentes, e como fazer o registro dos mesmos.

Pasta formulario-exercicios-src

Nesta pasta estão contidos os exercicios que fiz para a criação de um formulário com Vue.Js, além de testar modificadores do input como lazy e trim, prevent, v-model, :value e :key.

Pasta formulario-desafio-src

A proposta desse desafio é criar um formulario que contenha nome e sobrenome, email, senha e um botão para armazenar os dados. Foram criados dois arquivos 'NomeCompleto.vue' e 'Rotulo.vue' que serão importados para o arquivo 'App.vue'.

Pasta diretivas-exercicios-src

Nos exercícios deste módulo vimos as diretivas v-text, v-html, métodos hooks (bind, inserted, update, component, unbind)

Pasta diretivas-desafio-src

Para este desafio foi pedido escrevessemos uma diretiva que funcione com o v-on.

Pasta filtros-mixins-exercicios-src

Esta pasta contem arquivos referentes ao modulo de filtros e mixins do curso. Neste exercicio foi criado um filtro que inverte uma determinada ordem de strings, numeros ou caracteres.

Pasta filtros-mixins-desafio-src

Neste desafio o filtro deve contar o tamanho de cada palavra e escrever o numero relativo ao tamanho ao lado de cada palavra. Para isto foi criado um filtro que contém uma função que vai separar, mapear e unir novamente cada palavra.

Pasta super-quiz-src

Neste desafio criamos um quiz, para demosntrar como ficam as animações com css.

Pasta http-src

Neste exercicio fizemos a integração do vue com o Firebase do Google.

❎ Obs: muitos arquivos contém vários comentários meus, pois é a maneira como gosto de estudar e acho mais facil de absorver o conteúdo, porém eu sei que em um código sério isto não é aceitável. Relevem por favor! ;)