/vue-coder

Este repositório é dedicado aos meus estudos iniciais em Vue.js. Aqui registro minha evolução, desde os conceitos básicos até exemplos práticos. O objetivo é aprender e documentar o progresso, tornando o aprendizado útil também para outros iniciantes. 🚀

Primary LanguageVue

Estudos em Vue.js

Este repositório é dedicado aos meus estudos iniciais em Vue.js. Aqui registro minha evolução, desde os conceitos básicos até exemplos práticos.

O objetivo é aprender e documentar o progresso, tornando o aprendizado útil também para outros iniciantes. 🚀


Visão Geral do Curso

Interagindo com a DOM (Templates)

Todo o core do Vue será abordado neste capítulo:

  • Manipulação do template (HTML)
  • Eventos
  • Propriedades Reativas
  • Estilos
  • Adicionar classes nos elementos HTML

Entendendo a Instância Vue.js

Aprofundamento nos conceitos de instâncias usando Vue.js.

Vue CLI

Inicialmente será feita a importação direta do arquivo JS, evoluindo para o uso do Vue CLI.

O que é o Vue CLI?

  • Ferramenta de linha de comando que cria e configura projetos Vue.js.

Componentes

Conceito essencial para todos os principais frameworks JavaScript:

  • Fundamental para a profissionalização do código.

Formulários

  • Trabalhar com formulários e validações no Vue.js.

Diretivas, Filtros e Mixins

  • Diretivas: Atributos especiais como v-if e v-for que aplicam comportamento reativo.
  • Filtros: Formatam valores antes da exibição.
  • Mixins: Permitem compartilhar lógica entre componentes.

Animações e Transições

  • Transições: Adicionam efeitos de entrada e saída a elementos com diretivas como v-if e v-show.
  • Animações: Criam efeitos mais complexos com CSS ou JavaScript.

Trabalhando com HTTP

  • Requisições Ajax utilizando a biblioteca Axios.
  • Axios é baseada em Promises.

Aplicações SPA - Single Page Applications

Roteamento

  • Navegação entre múltiplas páginas com o vue-router.

Gerenciamento de Estado (Vuex)

  • Gerencia o estado de forma eficiente, ideal para aplicações maiores.

Deploying

  • Implantação da aplicação em produção, utilizando ferramentas na nuvem.

Exercícios

  • Aulas com exercícios e desafios práticos.

Projetos

Serão desenvolvidos 5 projetos práticos:

  1. Projeto 1: Interação com Templates.
  2. Projeto 2: Trabalhando com Componentes.
  3. Projeto 3: Aplicando Animações.
  4. Projeto 4: Rotas e Gerenciamento de Estado.
  5. Projeto Final: Aplicação voltada ao mercado.

Acompanhe minha evolução e sinta-se à vontade para contribuir! 🚀