Stock Price Web Component

Veja o projeto rodando aqui

Sobre o Stock Price Web Component

Este Stock Price Web Component foi criado com o intuito de servir como base para estudos sobre a criação e utilização de Web Components, explorando funcionalidades como busca de preços de ações e interação entre componentes personalizados. O objetivo é entender como manipular elementos nativos do navegador, como o uso de Shadow DOM, eventos personalizados e a implementação de atributos dinâmicos, além de estudar boas práticas na criação de componentes reutilizáveis.

Funcionalidades

• Busca e exibição de preços de ações em tempo real com base no símbolo informado.
• Busca de ações pelo nome, exibindo resultados relacionados.
• Comunicação entre componentes através de eventos personalizados.
• Encapsulamento completo de estilos e lógica utilizando Shadow DOM.

O que é um Web Component?

Um Web Component é uma forma de construir componentes de UI de forma nativa no navegador. Ele combina quatro principais tecnologias:

• Custom Elements: Definem novos tipos de elementos HTML.
• Shadow DOM: Proporciona encapsulamento de estilo e estrutura.
• HTML Templates: Permitem definir conteúdo reutilizável.
• ES Modules: Oferecem modularização de código nativa.

Web Components são componentes reutilizáveis e encapsulados que podem ser utilizados em qualquer aplicação web, sem a necessidade de frameworks específicos.

Como usar

1. Clone o repositório ou baixe os arquivos.
2. Abra o arquivo index.html em seu navegador.
3. Acesse o link para visualizar o projeto rodando: Veja o projeto rodando aqui.