Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/glaucia86/intro-starwars-app

Repositório responsável pela artigo escrito no dev.to AQUI em como desenvolver a intro do Star Wars com Node.js & Express.js.
https://github.com/glaucia86/intro-starwars-app

azure azure-blob-storage css express html javascript nodejs star-wars tutorial

Last synced: 2 months ago
JSON representation

Repositório responsável pela artigo escrito no dev.to AQUI em como desenvolver a intro do Star Wars com Node.js & Express.js.

Awesome Lists containing this project

README 

        
# Demo - Intro Star Wars com HTML, CSS, JavaScript & Node.js!



![introstarwars](image/star-wars.gif)



Repositório responsável pela artigo escrito no dev.to **[AQUI](https://dev.to/azure/desenvolvendo-a-intro-do-star-wars-com-html-css-javascript-node-js-oae)** em como desenvolver a intro do Star Wars com Node.js & Express.js.



## Recursos Utilizados 🚀



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

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

* **[Azure Static Web Apps](https://azure.microsoft.com/services/app-service/static/?WT.mc_id=javascript-63934-gllemos)**

* **[Conta - Azure](https://azure.microsoft.com/?WT.mc_id=javascript-63934-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-63934-gllemos)**



# Executando a Aplicação Localmente ❗️



1. Instalar as dependências locais executando o comando:



```bash

npm install

```



2. E depois, executar o comando:



```bash

nodemon

```



## Links & Recursos Importantes 🔥



- ✅ **[Curso Microsoft Learn - Node.Js](https://docs.microsoft.com/learn/paths/build-javascript-applications-nodejs/?WT.mc_id=javascript-63934-gllemos)**

- ✅ **[Documentação Oficial do Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/?WT.mc_id=javascript-63934-gllemos)**

- ✅ **[Curso Microsoft Learn - Publicando uma aplicação e API JavaScript do Angular, React, Svelte ou Vue com Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-63934-gllemos)**

- ✅ **[Curso Microsoft Learn - Criando e publicando uma aplicação Web estático com o Gatsby e Azure Static Web Apps](https://docs.microsoft.com/learn/modules/create-deploy-static-webapp-gatsby-app-service/?WT.mc_id=javascript-63934-gllemos)**

- ✅ **[Curso Microsoft Learn - Compilando fluxos de trabalho de integração contínua (CI) com o GitHub Actions](https://docs.microsoft.com/learn/modules/github-actions-ci/?WT.mc_id=javascript-63934-gllemos)**

* ✅ **[Usando Node.js no Visual Studio Code](https://code.visualstudio.com/docs/nodejs/nodejs-tutorial?WT.mc_id=javascript-63934-gllemos)**

* ✅ **[Depurando Código em Node.js no Vs Code](https://code.visualstudio.com/docs/nodejs/nodejs-debugging?WT.mc_id=javascript-63934-gllemos)**



## Aplicação Disponível On-line com Azure Static Web Apps!



Caso desejam ver a aplicação executando na web, bastam acessar o link **[AQUI](https://calm-cliff-0923da21e.1.azurestaticapps.net/)**



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



Caso tenha dúvidas ao código desenvolvido, sinta-se a vontade em abrir uma **[ISSUE AQUI](https://github.com/glaucia86/intro-starwars-app/issues)** no repositório com a sua dúvida. Assim que possível, estarei respondendo as todas as dúvidas que tiverem!