Definir padrões de JavaScript moderno
Inclua o contexto do projeto e peça à IA que justifique a escolha técnica.
Linguagem Instrução para IA
JavaScript Moderno
Linguagem, objetos, módulos, async/await, DOM, eventos, rede, storage, Web Components, segurança e performance.
Como usar
Anexe o arquivo à conversa com a IA e declare que ele é o contrato técnico da tarefa. Em seguida, forneça contexto, requisito, restrições e critérios de aceite.
Pronto para anexarFluxo recomendado
Como utilizar este .md em um projeto
1. Declare o ambienteBrowser, servidor, build, versão, dispositivos, compatibilidade e dependências.
2. Defina o objetivo do usuárioNão comece por uma classe/API; comece pelo comportamento que precisa existir.
3. Peça seleção de conceitosA IA deve citar as partes do guia aplicáveis e ignorar o restante.
4. ImplementeGere código somente depois da decisão e preserve a arquitetura existente.
5. ValideChecklist, edge cases, acessibilidade, segurança, responsividade/performance conforme o caso.
Aplicações
Quando anexar este guia
Separar linguagem de APIs do navegador
Inclua o contexto do projeto e peça à IA que justifique a escolha técnica.
Implementar async, módulos e DOM com segurança
Inclua o contexto do projeto e peça à IA que justifique a escolha técnica.
Revisar performance, erros e testabilidade
Inclua o contexto do projeto e peça à IA que justifique a escolha técnica.
Mapa do arquivo
Principais blocos de conhecimento
1. Contrato de execução para a IA
Seção coberta pelo guia Markdown.
2. Fundamentos da linguagem
Seção coberta pelo guia Markdown.
3. Objetos, protótipos e classes
Seção coberta pelo guia Markdown.
4. Coleções e iteração
Seção coberta pelo guia Markdown.
5. Erros e recursos
Seção coberta pelo guia Markdown.
6. Assincronicidade
Seção coberta pelo guia Markdown.
7. Módulos
Seção coberta pelo guia Markdown.
8. Browser: DOM, eventos e formulários
Seção coberta pelo guia Markdown.
9. Rede e dados
Seção coberta pelo guia Markdown.
10. Armazenamento
Seção coberta pelo guia Markdown.
11. Web Components
Seção coberta pelo guia Markdown.
12. Qualidade, segurança e performance
Seção coberta pelo guia Markdown.
Prompt
Prompt-base para copiar
Use o guia “JavaScript Moderno” anexado como contrato técnico para esta tarefa. 1. Diagnostique o requisito e o ambiente. 2. Aponte as seções do guia que serão usadas. 3. Escolha a solução mais simples que preserve semântica, acessibilidade, segurança e manutenção. 4. Não invente APIs/classes. 5. Implemente e revise pelo checklist do guia. Contexto: [DESCREVA o sistema, stack, estado atual e cenário da mudança] Objetivo: [DESCREVA o resultado observável que deve existir ao final] Restrições: [DESCREVA o que não pode mudar, compatibilidade, segurança e limites técnicos]
Exemplo preenchido — o que o usuário pode descrever
Use o modelo acima com dados concretos do projeto. O exemplo abaixo mostra o nível de detalhe esperado.
Contexto: SPA sem framework, usando ES Modules em navegadores modernos e dados JSON obtidos por uma API REST. Objetivo: Carregar registros com fetch, permitir cancelamento da requisição e exibir estados de carregamento e erro sem bloquear a interface. Restrições: Sem jQuery; usar APIs nativas; tratar AbortController e erros HTTP; evitar XSS ao inserir dados no DOM.
ContextoStack, versões, arquitetura, página/módulo afetado, estado atual e comportamento existente.
ObjetivoResultado observável para o usuário ou para o sistema; diga o que deve funcionar ao final.
RestriçõesO que não pode mudar, compatibilidade, segurança, acessibilidade, performance, prazo e limites de escopo.