APIs-da-Web

Estudo de APIs nativos dos Browsers

Executando o projeto

• Clone o repositório
• Pode utilizar o npm ou a extensão live-server do VScode para iniciar o projeto.
  • Com npm execute o comando npm run start
  • Com a extensão clique em "Go live" no canto inferior direito do VScode.

Estudado até o momento

IndexedDB

IndexedDB

• É criado um mini banco de dados no proprio navegador

Referencias

• CanIUse

Web-RTC

Web-RTC

• Utilizado para conexões peer-to-peer;
• Permite acessar a Câmera e microfone do dispositivo;

Referencias

• WebRTC.org

Web Component - customElements & shadowDOM

Web Component

• São utilizadas as APIs CustomElements e ShadowDOM para poder gerar um WebComponent.
• Com ela, não é necessário o uso de um framework para gerar componentes HTML.
• é possivel criar novas tags ou customizar tags existentes com o CustomElements e o ShadowDOM gerar o conteudo em html dessa tag customizada

Referencias

• MDN doc
  • webComponents
  • shadow DOM
  • customElements
• Anotações do Notion

SVG

SVG

• utilizado para criar desenhos e gráficos no html.
• elemento path é um dos elementos importantes para poder criar elementos com linhas e curvas.
  • ele possui comandos para representar o tipo de movimento que será feito, linha, mover, curva, etc.

Referencias

• w3shools
• path

Canvas

Canvas

• utilizado para criar desenhos com pixels, jogos, renderizações 3D
• ele é mais otimizado se comparado ao SVG

Referencias

• tutorial