O que é o Vanilla JS? JavaScript puro?

Neste artigo você aprenderá o que é o Vanilla JS e porque o chamam desta maneira, e quando é que você está utilizando ele.

o que vanilla js capa

Fala programador e programadora, tudo bem? Vamos aprender mais sobre JavaScript!

O vanilla JS nada mais é do que JavaScript puro!

Isso na verdade é uma pequena piada devido ao surgimento de tantos frameworks e bibliotecas que envolvem a linguagem

E até mesmo para discernir de códigos feitos em jQuery, por exemplo, que era muito comum termos duas variações para mesma coisa

Sendo uma em JavaScript e outra em jQuery

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

474 aulas
20 projetos
39h 27min

A piada

Existe um site que denomina o Vanilla JS como um framework, apresentando como leve e rápido

E utilizado por diversas empresas como: Google, YouTube, Facebook e etc.

Porém verificando a documentação do mesmo, o autor do site utiliza exemplos da linguagem JavaScript sem qualquer framework

Você pode ver o site aqui

Mostrando que a linguagem acaba sendo mais rápida que qualquer framework e as ações feitas nos frameworks não poupam quase código algum

Não tendo porque você utilizar um framework em vez do JavaScript em sua forma pura

Outra vertente

Em inglês existe a expressão “Vanilla alguma coisa”, para se referir a versão mais comum de alguma coisa

Pois o sabor baunilha (vanilla) é o mais comum entre biscoites e doces

Conclusão

Neste artigo vimos O que é o Vanilla JS

Que nada mais é que uma referência a linguagem JavaScript em sua forma pura

Ou um código que seja feito apenas na linguagem, sem qualquer framework ou biblioteca como a jQuery

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

Adicionar um bloco curto e direto, tipo destaque de resposta, respondendo em uma frase ‘Vanilla JS é JavaScript puro, sem nenhum framework ou biblioteca por cima’ e emendando que os termos ‘Vanilla JavaScript’ e ‘JavaScript vanilla’ são a mesma coisa, só a ordem das palavras muda. Reforçar que não é uma biblioteca que você instala, é a própria linguagem rodando sozinha no navegador

Adicionar um exemplo prático curto mostrando manipulação de DOM só com a linguagem: selecionar um elemento com document.querySelector, adicionar um addEventListener e trocar o textContent, comparando lado a lado com o mesmo efeito em jQuery. Explicar o PORQUÊ antes: mostrar que aquilo que a galera fazia com $ dá pra fazer direto no navegador, sem carregar nada. Só APIs padrão da linguagem, nada de número ou versão

Adicionar um bloco qualitativo sobre casos de uso: quando faz sentido ir de JavaScript puro (projetos pequenos, scripts simples, quando você quer performance e zero dependência, pra aprender a base antes de partir pra framework) e quando um framework compensa (apps grandes, muita reatividade, times grandes). Tudo em tom de experiência de dev, sem citar número, benchmark ou versão

Adicionar um mini FAQ com 2 ou 3 perguntas curtas e respostas de uma a duas linhas: ‘Vanilla JS é uma biblioteca?’ (não, é a linguagem pura), ‘Vanilla JavaScript e JavaScript são a mesma coisa?’ (sim, é só um apelido pra deixar claro que não tem framework junto), ‘Preciso instalar o Vanilla JS?’ (não, ele já roda no navegador). Sem dados numéricos, só esclarecimento conceitual