If you're seeing this message, it means we're having trouble loading external resources on our website.

Se você está atrás de um filtro da Web, certifique-se que os domínios *.kastatic.org e *.kasandbox.org estão desbloqueados.

Conteúdo principal

O mundo das bibliotecas de JS

Existem milhares de bibliotecas de JavaScript que você poderia usar em sua página web, e elas podem ajudá-lo em muitos aspectos de sua página web:
  • Manipulação DOM
  • Eventos DOM
  • AJAX / recuperação de dados
  • Efeitos e animação
  • Templates HTML
  • Layout de página
  • Widgets de interface do usuário
  • Gráficos e quadros
  • Modelagem de dados
  • Roteamento e navegação
  • Acessibilidade
  • Suporte a vários navegadores
  • Suporte a dispositivos móveis
Temos aqui uma outra forma de pensar nisso - uma página web é composta pela interface do usuário (HTML e CSS), pela interatividade (JS + DOM) e pelos dados (os quais normalmente obtemos usando JS). Você pode criar sua interface de usuário interativa orientada a dados sem uma biblioteca, ou você pode usar diferentes bibliotecas para ajudar em diferentes partes. Algumas bibliotecas servem para várias coisas, algumas servem somente para uma parte:
Uma das partes mais difíceis do desenvolvimento web é decidir quais bibliotecas usar, porque você geralmente vai escrever códigos com base em bibliotecas e é difícil mudar de ideia depois. Não há uma resposta certa - conheça suas opções e faça uma escolha bem pensada.

Frameworks web

Há algumas bibliotecas que "fazem tudo isso" - desde recuperação de dados até manipulação DOM e widgets de interface do usuário. Se você está usando um desses frameworks, você vai usar muito JavaScript em sua página, então você precisa ter certeza de que realmente precisa de tudo o que o framework oferece. Para alguns desenvolvedores, esses frameworks fazem coisas demais, e eles preferem usar bibliotecas menores que se concentram mais em determinadas tarefas.

Frameworks CSS

Uma biblioteca de CSS é uma coleção de regras de estilo CSS e documentação que mostram quais tags HTML e classes usar. Há muitas bibliotecas de CSS populares que facilitam na criação de um website lindamente estilizado. Algumas vezes elas incluem widgets JavaScript opcionais, mas os desenvolvedores geralmente preferem usar outras bibliotecas de JS com uma biblioteca de CSS.

Bibliotecas de navegador JS

Há bibliotecas que facilitam na utilização de funcionalidades do navegador - como a API DOM e o método de janelas - os tópicos que discutimos neste curso. Elas geralmente oferecem a possibilidade de fazer a mesma coisa com menos código, e elas cuidam dos erros entre navegadores.

Bibliotecas de arquitetura de aplicativos JS

Essas bibliotecas ajudam nos aplicativos web, conforme eles ficam maiores. Seu código pode ser gerenciável agora, com algumas centenas de linhas de código, mas quando atingir milhares de linhas, seu código pode se tornar um "código espaguete" - uma bagunça impossível de gerenciar. Essas bibliotecas ajudam você a separar seu "modelo" (dados) de sua "visão" (apresentação), e geralmente usam princípios de programação orientada a objetos para organizar seu código.

Minibibliotecas e microbibliotecas

Você também pode usar pequenas bibliotecas que os desenvolvedores escrevem para uma tarefa específica - quando elas são realmente pequenas, elas às vezes são chamadas de "microbibliotecas". Algumas delas são:
Você pode saber mais acessando microjs.com, ou procurando na internet por "biblioteca javascript [funcionalidade]", por qualquer funcionalidade que você esteja procurando.
Você já experimentou nossa biblioteca de JS em nossas páginas aqui na Khan Academy? Compartilhe nos comentários abaixo.

Quer participar da conversa?

Nenhuma postagem por enquanto.
Você entende inglês? Clique aqui para ver mais debates na versão em inglês do site da Khan Academy.