Aprenda as partes usadas para construir a web e os testes que mostram se funcionam bem.
Abrir um termo para um significado simples, um exemplo, quando usá-lo, quão oficial ele é, e seu nome de código.
Este pacote de aprendizado combina três campos de qualidade. A acessibilidade verifica quem pode usar o produto. O desempenho verifica a velocidade de resposta e o custo dos recursos. A observabilidade ajuda a explicar um sistema em execução. O pacote não é uma métrica de qualidade padrão.
↗Um empacotador de módulos segue os links entre módulos de código e deixa os arquivos prontos para implantação. Ele frequentemente divide, altera e melhora esses arquivos.
↗O cancelamento de solicitação indica que o trabalho do cliente não finalizado não é mais necessário. APIs suportadas recebem um sinal de aborto.
↗Um Test Case checa um comportamento ou risco. Ele nomeia a configuração inicial, a ação e o resultado esperado.
↗O ciclo de vida de busca de dados segue uma solicitação de leitura. Passa do estado de espera para sucesso ou erro. O sucesso pode conter dados ou estar vazio.
↗A cobertura de teste mostra quais códigos, necessidades, estados ou riscos os testes verificam. Uma porcentagem é apenas um sinal aproximado.
↗Uma corrida assíncrona acontece quando trabalhos sobrepostos terminam em uma ordem inesperada. Um resultado mais antigo pode sobrescrever um mais recente.
↗Um Build transforma arquivos-fonte e dependências listadas em um resultado verificado que pode ser executado, testado ou implantado.
↗CSS é um conjunto de regras da web que controla como os elementos do documento aparecem e se encaixam. Ele pode definir cor, espaçamento, layout, mudanças de tamanho de tela e estados visuais.
↗Dados de teste e fixtures são entradas conhecidas e etapas de configuração. Eles colocam o sistema no mesmo estado para cada teste.
↗A deduplicação de solicitação permite que chamadores correspondentes compartilhem uma solicitação que já está em execução. Cada chamador recebe o mesmo resultado.
↗O desenvolvimento orientado a testes (TDD) repete três etapas. Escreva um pequeno teste que falhe. Escreva o mínimo de código que o faça passar. Em seguida, limpe o código sem mudar como ele funciona.
↗O Modelo de Objeto de Documento (DOM) transforma um documento em uma árvore de objetos chamada nós. Os programas usam suas ferramentas padrão para ler e alterar o documento.
↗O estado do servidor são dados remotos que o servidor possui. A tela mantém uma cópia e deve atualizá-la.
↗A geração de site estático (SSG) cria o HTML de cada rota antes que os visitantes o solicitem, normalmente durante a compilação. O servidor pode então enviar arquivos já prontos.
↗Um gerenciador de pacotes encontra, instala, registra, atualiza e publica pacotes de software e os pacotes dos quais eles dependem.
↗O gerenciamento de estado do frontend decide o que uma tela lembra, onde esses dados vivem e o que pode alterá-los.
↗A hidratação conecta o comportamento e o estado do navegador ao HTML que um servidor ou build já criou. Isso transforma partes escolhidas da página em controles interativos.
↗HTML é a linguagem de marcação padrão que fornece as partes e o significado de uma página web. Ela informa ao navegador o que é um cabeçalho, link, imagem, formulário e mais.
↗A invalidação de consulta marca os dados em cache correspondentes como antigos. Dados relacionados que estão na tela podem então se atualizar em segundo plano.
↗IU otimista mostra o resultado esperado antes de o servidor confirmá-lo. A falha restaura o resultado antigo e explica o que aconteceu.
↗JavaScript é uma linguagem de programação baseada no padrão ECMAScript. É frequentemente usada para fazer sites e outros programas responderem a ações e mudarem ao longo do tempo.
↗Um limite de erro captura uma falha de tela dentro de uma parte de uma árvore de componentes. Ele mostra um substituto seguro ali.
↗Lint checa o código sem executá-lo. Ele encontra possíveis bugs, padrões inseguros, problemas de estilo e regras de projeto quebradas.
↗Markdown formata texto simples com pequenas marcas. Essas marcas criam cabeçalhos, listas, links e blocos de código.
↗Uma mutação de dados cria, altera ou remove dados no servidor. A tela acompanha seu resultado pendente e final.
↗Next.js é um framework construído sobre React. Ele adiciona roteamento, renderização no servidor e no navegador, carregamento de dados, otimização de recursos e regras de implantação.
↗npm é um registro de pacotes JavaScript e uma ferramenta de linha de comando. Ele instala, lista e publica pacotes, e executa scripts de projetos.
↗Obsoleto-enquanto-revalida pode mostrar um cache obsoleto permitido de uma vez enquanto verifica uma resposta nova em segundo plano.
↗Um orçamento de desempenho é um limite definido antes do início do trabalho para tamanho de arquivo, tempo ou experiência do usuário. Ele ajuda a guiar escolhas de design e código.
↗SEO ajuda páginas públicas úteis a serem encontradas e compreendidas. Também mantém-nas fáceis de rastrear e indexar.
↗A pesquisa repete uma leitura em um temporizador para verificar mudanças. O intervalo pode se adaptar, pausar ou parar quando o trabalho termina.
↗A pré-busca de dados carrega dados provavelmente necessários antes de sua tela abrir. Um resultado em cache recente pode tornar a próxima tela mais rápida.
↗Python é uma linguagem de programação de propósito geral com código legível. Suas ferramentas abrangem serviços web, automação, dados e aprendizado de máquina.
↗React é uma biblioteca JavaScript para interfaces baseadas em componentes. Mudanças em dados, props ou estado podem atualizar a tela. Não é ReAct.
↗A renderização do lado do servidor (SSR) cria HTML em um servidor para cada solicitação e, em seguida, envia a página pronta para o navegador. O comportamento do cliente pode ser anexado posteriormente.
↗Renderização no lado do cliente (CSR) significa que o navegador constrói a maior parte da tela do aplicativo após o JavaScript e os dados necessários chegarem.
↗shadcn/ui fornece às aplicações a fonte de componentes de UI editáveis. Frequentemente combina controles base acessíveis com Tailwind CSS.
↗Sinais de observabilidade são evidências que um sistema envia sobre seu próprio comportamento. Sinais comuns são rastros, métricas, logs e bagagem, que carrega pequenos contextos entre serviços.
↗A sincronização local-primeiro mantém uma cópia de trabalho no dispositivo. As pessoas podem ler e escrever offline, e depois unir as alterações com as cópias em outros dispositivos.
↗Este pacote de aprendizado conecta três tecnologias de navegador. HTML dá significado a um documento. CSS controla sua aparência. JavaScript ou TypeScript adiciona comportamento. Esta visão de sistemas não é uma tecnologia padrão.
↗Tailwind CSS é um framework CSS baseado em utilidades. Pequenas classes no HTML aplicam valores e variantes de design compartilhados.
↗Um Terminal é uma janela de texto para um command shell e ferramentas. Ele pode ver arquivos, rodar comandos e automatizar trabalhos.
↗O teste de acessibilidade usa ferramentas e pessoas para verificar se o conteúdo e os controles atendem às necessidades de acessibilidade. Inclui testes com teclados e tecnologia assistiva.
↗O teste de carga verifica a velocidade e a confiabilidade de um sistema sob tráfego planejado. O plano define o número e o padrão de usuários, solicitações ou tarefas.
↗Um teste de componente coloca uma parte da interface em um espaço de renderização real. Ele fornece à parte entradas e dados controlados, e então verifica seu comportamento.
↗O teste de contrato verifica se dois sistemas que podem ser implantados separadamente ainda trocam mensagens no formato acordado.
↗Um Smoke Test é um conjunto pequeno e rápido de checagens. Ele mostra se uma versão pode receber testes mais profundos ou uso.
↗Um teste de integração verifica se duas ou mais partes de um sistema funcionam juntas através de seus pontos de conexão reais.
↗Um teste de ponta a ponta (E2E) acompanha uma jornada completa do usuário ou de negócios através do sistema montado e implantado.
↗Um Regression Test checa se uma mudança no código não quebrou algo que já funcionava antes.
↗Um teste de regressão visual compara a imagem renderizada de hoje com uma imagem de referência aprovada sob as mesmas condições do navegador.
↗O teste de segurança usa um plano claro para verificar regras de segurança e encontrar fraquezas que atacantes poderiam usar. Ele cobre design, código, configurações e operação do sistema.
↗Um teste de unidade verifica uma pequena parte do software isoladamente. Sistemas externos lentos ou pouco confiáveis são mantidos fora do teste.
↗Um Test Double assume o lugar de uma parte real do sistema. Stubs, fakes, spies e mocks dão controle ou visibilidade.
↗Um Flaky Test pode passar ou falhar sem nenhuma mudança no código. Tempo, ordem, estado compartilhado, aleatoriedade ou sistemas externos costumam causar isso.
↗Este pacote de aprendizado compara três escopos de teste. Testes unitários verificam a lógica por si só. Testes de integração verificam os limites entre as partes. Testes de ponta a ponta percorrem o sistema que as pessoas usam. O pacote não é um nível de teste padrão.
↗Um transpiler é um compilador que transforma código-fonte de uma versão de linguagem ou sintaxe em outro código-fonte.
↗Versionamento Semântico (SemVer) usa números MAJOR.MINOR.PATCH para mostrar como uma API pública mudou. Também define regras para rótulos de pré-lançamento e de build.
↗Vue é um framework JavaScript para interfaces de componentes. Seus templates descrevem a tela, e dados reativos a atualizam.
↗Web Vitals principais é o conjunto de medidas de usuários reais do Google para carregamento de página, resposta a entradas e estabilidade visual. As medidas atuais são LCP, INP e CLS.
↗