Nesse workshop, estaremos desenvolvendo uma Calculadora Simples em Vue.js, visando aprender conceitos básicos da biblioteca.
Ao final do desenvolvimento da aplicação, estaremos hospedando a nossa aplicação usando o Azure App Service.
| Parte | Tópico |
|---|---|
| Tutorial 1 | Criando o Projeto no Vue-CLI |
| Tutorial 2 | Alterando as configurações do Projeto |
| Tutorial 3 | Alterando o componente no Projeto |
| Tutorial 4 | Incluindo Css no Componente Calculadora.vue |
| Tutorial 5 | Desenvolvendo o 'Display' |
| Tutorial 6 | Desenvolvendo o Botão 'C' |
| Tutorial 7 | Desenvolvendo o Botão '+/-' |
| Tutorial 8 | Desenvolvendo o Botão '%' |
| Tutorial 9 | Desenvolvendo a Junção dos Números |
| Tutorial 10 | Desenvolvendo o Botão '.' (ponto) |
| Tutorial 11 | Desenvolvedo a lógica para Setar os Números no Display |
| Tutorial 12 | Desenvolvendo o Botão '=' (resultado) |
| Tutorial 13 | Desenvolvendo o Botão '÷' (dividir) |
| Tutorial 14 | Desenvolvendo o Botão 'x' (multiplicar) |
| Tutorial 15 | Desenvolvendo o Botão '-' (diminuir) |
| Tutorial 16 | Desenvolvendo o Botão '+' (somar) |
| Tutorial 17 | Refatorando o projeto |
| Tutorial 18 | Separando os arquivos do componente 'Calculadora.vue' |
| Tutorial 19 | Realizando a separação do bloco style |
| Tutorial 20 | Realizando a separação do bloco script |
| Tutorial 21 | Finalização do desenvolvimento do arquivo 'index.vue' |
| Tutorial 22 | O que é Azure App Service? |
| Tutorial 23 | Criando uma conta no Azure |
| Tutorial 24 | Hospedando a aplicação no Azure App Service |