https://github.com/epiled/alura-midi

🥁 Projeto final do curso JavaScript para Web: Crie páginas dinâmicas da escola Alura 🥁
https://github.com/epiled/alura-midi

css html html-css-javascript javascript js

Last synced: 2 months ago
JSON representation

🥁 Projeto final do curso JavaScript para Web: Crie páginas dinâmicas da escola Alura 🥁

• Host: GitHub
• URL: https://github.com/epiled/alura-midi
• Owner: Epiled
• License: mit
• Created: 2023-08-22T16:43:47.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-29T12:56:49.000Z (over 1 year ago)
• Last Synced: 2025-01-20T12:28:05.062Z (4 months ago)
• Topics: css, html, html-css-javascript, javascript, js
• Language: CSS
• Homepage: https://epiled.github.io/alura-midi/
• Size: 949 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![alura-mindi](https://github.com/Epiled/Alura-Midi----JavaScript-para-Web-Crie-p-ginas-din-micas/assets/55258483/002a694e-d6c9-4c5a-8e36-3e8a18090c30)

🔴 🎶 Alura Midi 🎶 🔴




  Projeto final do curso JavaScript para Web: Crie páginas dinâmicas, curso ministrado pela professora 

  Vanessa Me Tonini.



![Badge](https://img.shields.io/github/last-commit/Epiled/alura-midi?style=for-the-badge)

![Badge](https://img.shields.io/github/languages/code-size/Epiled/alura-midi?style=for-the-badge)

![Badge](https://img.shields.io/github/languages/count/Epiled/alura-midi?style=for-the-badge)

![Bagde](https://img.shields.io/badge/repo%20status-Beta-cyan?style=for-the-badge)

![Bagde](https://img.shields.io/github/v/release/epiled/alura-midi?style=for-the-badge)

![Bagde](https://img.shields.io/github/license/Epiled/alura-midi?style=for-the-badge)

![Badge](https://img.shields.io/badge/-HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![Badge](https://img.shields.io/badge/-CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![Badge](https://img.shields.io/badge/-JS-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

 📑 Tabela de Conteúdos 


   * [Sobre](#sobre)

   * [Topicos Desenvolvidos](#topicos-curso)

   * [Demonstração](#demonstracao)

   * [Instalação](#instalacao)

   * [Como usar](#como-usar)

      * [Arquivos Locais](#arquivos_locais)

   * [Tecnologias](#tecnologias)

   * [Autor](#autor)

 👩‍🏫 Topicos desenvolvidos no curso 


  * Identificar os papéis de cada tecnologia da Web para construção de páginas

  * Associar o JavaScript com HTML através do DOM

  * Implementar funções com JavaScript

  * Investigar possibilidades de resolução de problemas de código

  * Selecionar operadores lógicos adequados para diferentes situações

  * Produzir soluções simples para páginas dinâmicas

 👀 Demonstração 


No link abaixo você pode ver a página no ar e rodar seus próprios testes

Alura Midi: epiled.github.io/alura-midi/


![alura-midi-desktop (1)](https://github.com/Epiled/Alura-Midi----JavaScript-para-Web-Crie-p-ginas-din-micas/assets/55258483/6232d3c2-248a-49c3-b611-c6a29693054d)

![alura-midi-mobile](https://github.com/Epiled/Alura-Midi----JavaScript-para-Web-Crie-p-ginas-din-micas/assets/55258483/7e7b8476-5e95-43e2-81b2-f4d5fc5867fa)

 ⚙ Instalação 


```

1. git clone https://github.com/Epiled/alura-midi.git

2. cd alura-midi

```

 👩‍🏫 Como usar 


Arquivos Locais

Nesse ponto o projeto já pode ser executado no navegador através do arquivo "index.html"


 🛠 Tecnologias 


As seguintes tecnologias foram usadas na construção deste projeto:



  
HTML5

  
CSS3

  
JavaScript



 👨‍💻 Autor 




![Felindo](https://user-images.githubusercontent.com/55258483/178338085-2cea8bf2-6d0c-409a-9d0e-23359b7d303e.png)

 


 Felipe De Andrade

Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!

[![Linkedin Badge](https://img.shields.io/badge/-Felipe-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/fademendonca/)](https://www.linkedin.com/in/fademendonca/)

[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])

[![Instagram Badge](https://img.shields.io/badge/-Instagram-e4405f?style=flat-square&logo=Instagram&logoColor=white&link=https://www.instagram.com/felipe.deam/)](https://www.instagram.com/felipe.deam/)

[![Codepen Badge](https://img.shields.io/badge/-Codepen-000000?style=flat-square&logo=Codepen&logoColor=white&link=https://codepen.io/epiled)](https://codepen.io/epiled)