https://github.com/marcos-monte/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. 🚀
https://github.com/marcos-monte/vue-coder

javascript vue-router vuejs vuex

Last synced: about 2 months ago
JSON representation

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. 🚀

• Host: GitHub
• URL: https://github.com/marcos-monte/vue-coder
• Owner: Marcos-Monte
• Created: 2024-11-14T15:22:00.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-06T11:37:05.000Z (about 2 months ago)
• Last Synced: 2024-12-10T01:08:54.979Z (about 2 months ago)
• Topics: javascript, vue-router, vuejs, vuex
• Language: HTML
• Homepage:
• Size: 146 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# 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! 🚀