Objetivo da live é mostrar para a galera do Python o quão fácil é programar em JS com vue (kkkkkk).
Vamos iniciar um projeto com o vue-cli 3
e criar os componentes para consumir uma api
que vou disponibilizar.
A idéia é ser bem objetivo para em um pequeno prazo de tempo, fazermos algo interessante.
No backend, vamos utilizar uma api padrão do Django Rest Framework com alguns modelos.
- django
- django rest framework
- django-cors-headers
- django-filters
No frontend iremos necessidar do nodejs 10 (ou 11) e dos seguintes pacotes.
- yarn
- @vue/cli
- Instância
- Data
- V's mágicos (v-bind, v-on, v-if, v-else, v-for)
- Lifecycle Hooks
- Components
- Instrutor
- Curso
- Conteudo
Para facilitar nosso desenvolvimento, irei utilizar dois plugins para turbinar nossa produção.
O primeiro é o axios
para consumir nossa ai e o segundo será o vuetify
para não ficar esquentando a cabeça com template, estilo e css.
Padrões de pastas e e seus arquivos
Aqui explico o porque do amor todo
O que é o store, do que ele se alimenta, como ele sobrevive, pra que ele serve.
Vamos tentar autenticar essa parada ai?