A demo consiste no desenvolvimento de uma aplicação Todo List. Onde ao final do desenvolvimento do projeto estaremos realizando a hospedagem do projeto no Azure Storage Account.
| Parte | Tópico |
|---|---|
| Tutorial 1 | Criando o Projeto no Vue-CLI |
| Tutorial 2 | Alterando as configurações do Projeto |
| Tutorial 3 | Incluindo Semantic UI e SweetAlert na aplicação Vue.js |
| Tutorial 4 | Alterando o componente no Projeto |
| Tutorial 5 | Alterando as configurações no arquivo 'App.vue' |
| Tutorial 6 | Desenvolvendo o nosso primeiro Componente 'TodoList.vue' |
| Tutorial 7 | Criando Dados para o Componente 'Todo-List' |
| Tutorial 8 | Renderizando os dados do Componente |
| Tutorial 9 | Criando e Editando o Componente 'Todo' |
| Tutorial 10 | Criando Propriedade e Método 'Editar' ao Componente 'Todo.vue' |
| Tutorial 11 | Desenvolvendo o Botão Exclusão ao Componente 'Todo' |
| Tutorial 12 | Desenvolvendo o Botão Adição |
| Tutorial 13 | Desenvolvendo o Botão Pendente/Concluído |
| Tutorial 14 | Inclusão do SweetAlert no arquivo 'App.vue' |
| Tutorial 15 | Inclusão do SweetAlert no arquivo 'TodoList.vue' |
| Tutorial 16 | Alterando a estrutura do projeto & router |
| Tutorial 17 | O que é Azure Storage Account? |
| Tutorial 18 | Criando uma conta no Azure |
| Tutorial 19 | Criando Conta do Azure Storage no Visual Studio Code |
| Tutorial 20 | Realizando Deploy da aplicação no Azure Storage Account no Visual Studio Code |