Serratec Music

Sistema para controle de músicas.

Resumo

Este projeto contém o material complementar da disciplina de frontend essencial. Neste material criamos um sistema por nome de Serratec Music, onde seu objetivo de além de integrar com uma API, é complementar os estudos dos alunos com as seguintes informações:

• Aprender a criar tela de login
• Aprender a fazer um fluxo de autenticação básico
• Aprender a usar o localStorage
• Conhecer as tags mais utilizadas do HTML
• Trabalhar com vários arquivos externos, CSS e JS
• Ter exemplo de utilização de várias propriedades do CSS
• Trabalhar com Fonts do Google
• Trabalhar com classes básicas do Bootstrap
• Trabalhar com Modais
• Trabalhar com GridSystem Bootstrap
• Utilizar conceitos importantes do JavaScript como:
  • Let, var, const
  • Arrays
  • Objetos
  • Manipulação de DOM
  • Eventos
  • Funções
  • Condicionais
  • Loopings
  • Ternários
  • Classes
  • Promises
  • CRUD utilizando fecth api
  • JSON
  • Funções temporais

Este sistema não tem tudo que a API fornece, mas ele contempla todo o conteúdo da disciplina e muito mais.

Todos os códigos criados estão separados por aulas dentro da pasta codigo-por-aulas.

Tecnologias

Neste projeto usamos as seguintes tecnologias:

• HTML 5
• CSS 3
• JS (ES6)
• Bootstrap 4

Referencias

• https://www.w3schools.com/
• https://developer.mozilla.org/pt-BR/docs/Web/HTTP/Status
• https://www.digitalocean.com/community/tutorials/how-to-use-the-javascript-fetch-api-to-get-data-pt

Saiba mais sobre o Serratec

• https://serratec.org/
• https://www.instagram.com/serratecoficial/
• https://pt-br.facebook.com/serratecoficial/
• https://www.youtube.com/c/SerratecOficial
• https://www.linkedin.com/company/serratecoficial/