Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/glaucia86/vuejs-workshop

Repositório responsável pelos workshops de Vue.js com Azure App Service
https://github.com/glaucia86/vuejs-workshop

app-service azure azure-app-service mevn-stack mongodb todolist vuejs

Last synced: 4 months ago
JSON representation

Repositório responsável pelos workshops de Vue.js com Azure App Service

Awesome Lists containing this project

README 

        
# Workshop - Vue.js com Azure

[![Tutorial-Todo-List-com-Vuejs-1.png](https://i.postimg.cc/Mp1srBWL/Tutorial-Todo-List-com-Vuejs-1.png)](https://postimg.cc/k2XF2BRN)



Repositório responsável pelos workshops de Vue.js com Azure.



## Recursos Utilizados 🚀



* **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=javascript-0000-gllemos)**

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

* **[Vue.js](https://vuejs.org/)**

* **[Vue-CLI](https://cli.vuejs.org/)**

* **[MongoDb Community Server](https://www.mongodb.com/download-center/community)**

* **[MongoDb Compass GUI](https://www.mongodb.com/download-center/compass)**

* **[Postman](https://www.getpostman.com/)**

* **[Azure Web App Service](https://azure.microsoft.com/services/app-service/?WT.mc_id=javascript-0000-gllemos)**

* **[Azure Storage Account](https://azure.microsoft.com/services/storage/?WT.mc_id=javascript-0000-gllemos)**

* **[Azure CosmosDb](https://azure.microsoft.com/services/cosmos-db/?WT.mc_id=javascript-0000-gllemos)**

* **[Conta - Azure](https://azure.microsoft.com/?WT.mc_id=javascript-0000-gllemos)**



## Conta - Azure for Students ⭐️



Caso você seja um(a) estudante de alguma Instituição de Ensino de Faculdade ou Universidade, poderá criar sua conta no **[Azure for Students](https://azure.microsoft.com/free/students/?WT.mc_id=javascript-0000-gllemos)**. Essa conta te dará o benefício em possuir crédito de USD 100,00 para usar os serviços de maneira gratuita, sem necessidade de possuir um cartão de crédito. Para ativar essa conta, bastam acessar o link ao lado: **[AQUI](https://azure.microsoft.com/free/students/?WT.mc_id=javascript-0000-gllemos)**



## Pré-requisitos 📌



Para a realização dos workshops de Vue.js, se faz necessário ter noções de: **HTML, CSS & JavaScript**. Pensando nisso, estou disponibilizando abaixo dois cursos grátis de:



* **[Crie um site simples usando HTML, CSS e JavaScript](https://docs.microsoft.com/learn/modules/build-simple-website/?WT.mc_id=javascript-0000-gllemos)**



* **[Desenvolva aplicativos Web com o Visual Studio Code](https://docs.microsoft.com/learn/modules/develop-web-apps-with-vs-code/?WT.mc_id=javascript-0000-gllemos)**



Realizando esses 2 cursos, vocês já estarão aptos para realizar os workshops:



* **[workshop-1](workshop-1/workshop-1.md)**



* **[workshop-2](workshop-2/workshop-2.md)**



Já o Workshop-3, se faz necessário ter noções de: **Node.js & MongoDb**. Para isso, recomendo os cursos grátis:



* **[Tutorial: CRUD API RESTful com: Node + Express + MongoDb](https://www.youtube.com/playlist?list=PLb2HQ45KP0WstF2TXsreWRv-WUr5tqzy1)**



* **[Curso: Criando APIs com NodeJs](https://www.youtube.com/playlist?list=PLHlHvK2lnJndvvycjBqQAbgEDqXxKLoqn)**



Realizando esses dois cursos, você já estará totalmente apto para realizar o workshop:



* **[workshop-3](workshop-3/workshop-3.md)**



## O que eu vou aprender?! 📕



Esse repositório possui 3 workshops, dependendo do tempo do meetup que será realizado o desenvolvimento das aplicações. 



Os níveis estão divididos em:



* Inicial (workshop-1)

* Intermediário (workshop-2)

* Avançado (workshop-3)



A intenção é que todas as pessoas desenvolvedoras possam aprender Vue.js desenvolvendo aplicações do dia-a-dia usando desde conceitos básicos à avançados de Vue.js.



Após o desenvolvimento de cada projeto, ensinaremos a realizar o deploy/host dos projetos na nuvem usando o **[Azure App Service](https://azure.microsoft.com/?WT.mc_id=javascript-0000-gllemos)** e **[Azure Storage Account](https://azure.microsoft.com/services/storage/?WT.mc_id=javascript-0000-gllemos)**



## Projetos a serem Desenvolvidos 💾



Conforme explicado, os workshops estão nivelados. Assim sendo, segue a descrição e o tempo que cada worshop terão (aproximadamente):



| Workshop  | Nível  | Projeto  | Tempo de Duração (aproximadamente)  |   

|---|---|---|---|

| **[workshop-1](workshop-1/workshop-1.md)**  | Iniciante  | Calculadora em Vue.js  |  1h 30min |   

| **[workshop-2](workshop-2/workshop-2.md)**  | Intermediário  | Todo-List  | 2h 30min  |   

| **[workshop-3](workshop-3/workshop-3.md)**  | Avançado  | SPA: MEVN  | 4h 30min  |   



## Workshops 💻



Durante o workshop, estaremos trabalhando com 3 workshops, que tem como principal objetivo ensinar a desenvolver projetos em Vue.js e no final integrar as aplicações na plataforma Azure.



* **[workshop-1 - Calculadora em Vue.js](workshop-1/projeto-1/README.md)**

* **[workshop-2 - Todo-List em Vue.js](workshop-2/projeto-2/README.md)**

* **[workshop-3 - Single Page Application com MEVN](workshop-3/projeto-3/README.md)**



## Agenda 📒



* **[Workshop 1 - Calculadora em Vue.js](workshop-1/workshop-1.md)**



* **[Workshop 2 - Todo-List em Vue.js](workshop-2/workshop-2.md)**



* **[Workshop 3 - Single Page Application com MEVN](workshop-3/workshop-3.md)**



## Tenho Dúvidas... O que Faço?! ❓



Caso tenham dúvidas aos códigos dos projetos relacionados aos workshops, sintam-se a vontade em abrir uma **[ISSUE AQUI](https://github.com/glaucia86/vuejs-workshop/issues)**. Assim que possível, estarei respondendo as todas as dúvidas que tiverem!



**(documentação em desenvolvimento)**