https://github.com/eliasmcastro/alura-tracker

Curso de Vue3: Explorando o framework / Avançando no framework / Composition API e Vuex da Alura
https://github.com/eliasmcastro/alura-tracker

vue vue3

Last synced: 17 days ago
JSON representation

Curso de Vue3: Explorando o framework / Avançando no framework / Composition API e Vuex da Alura

• Host: GitHub
• URL: https://github.com/eliasmcastro/alura-tracker
• Owner: eliasmcastro
• Created: 2021-11-18T15:51:37.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-08-23T20:08:09.000Z (over 1 year ago)
• Last Synced: 2024-11-14T08:38:14.419Z (3 months ago)
• Topics: vue, vue3
• Language: Vue
• Homepage:
• Size: 766 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  





  Curso de Vue3: Explorando o framework / Avançando no framework / Composition API e Vuex da Alura



Desenvolvimento de uma simples aplicação que registra projetos o tempo gasto em cada tarefa do projeto


Por Vinicios Neves - Alura




  Como executar o projeto   |  

  Conteúdo do curso



Front-end




  



## Como executar o projeto

### Requisitos

- [Node.js](https://nodejs.org)

### Clonar este repositório

```bash

git clone https://github.com/eliasmcastro/alura-tracker.git

```

### Back-end

Vamos utilizar uma fake API para prover os dados, para isso entre na pasta back-end e execute

- `npm install` para instalar as dependências do projeto

- `npm run serve` para iniciar a API fake

As rotas disponíveis são:

- http://localhost:3333/projects

- http://localhost:3333/tasks

### Front-end

Para executar o front-end, entre na pasta front-end e execute

- `npm install` para instalar as dependências do projeto

- `npm run serve` para iniciar o servidor de desenvolvimento

- Acessar http://localhost:8080

## Conteúdo do curso

### Curso de Vue3: explorando o framework

- Diferenças entre as versões 2 e 3 do Vue

- Vantagens de se utilizar Vue.JS com TypeScript

- Comunicação entre componentes filho -> pai

- Integração das variáveis de um componente com o seu template, utilizando two-way data binding 

- Delimitando reponsabilidades de um componente

### Curso de Vue3: avançando no framework

- Utilização do vue-router para trabalhar com páginas

- Identificação de code smells

- Vantagens do gerenciamento do estado

- Integração dos estados dos componentes utilizando o Vuex

### Curso de Vue3: composition API e Vuex

- Compreendendo o funcionamento do Vuex

- Diferenças entre actions e mutations

- Vantagens da utilização de módulos no Vuex

- Vantangens da Composition API