joaogarciadelima / vuejslive

Live de VueJS

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Live de vueJS Python Pro

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.

O que vamos utilizar

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

Vue Basics

  • Instância
  • Data
  • V's mágicos (v-bind, v-on, v-if, v-else, v-for)
  • Lifecycle Hooks
  • Components

Endpoints

  • Instrutor
  • Curso
  • Conteudo

Instalando plugins

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.

Organizando as coisas

Padrões de pastas e e seus arquivos

Componentes

Aqui explico o porque do amor todo

Que store é esse? (Frase do Tony Lampada)

O que é o store, do que ele se alimenta, como ele sobrevive, pra que ele serve.

Será que da tempo de autenticar?

Vamos tentar autenticar essa parada ai?

About

Live de VueJS


Languages

Language:Vue 47.9%Language:Python 29.8%Language:JavaScript 19.5%Language:HTML 2.8%