Conteúdo principal
Programação
Curso: Programação > Unidade 6
Lição 7: Usando bibliotecas de JS em sua página webO 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:
- DOM: tinyDOM
- Eventos: Events.js
- AJAX: MicroAjax
- Animação: Morpheus, Viper
- Modelagem de dados: Spine, Knockout
- Modelos: Handlebars, Mustache
- Encaminhamento: PathJS
- Orientação a objeto: Classy, Klass
- Artes gráficas: Processing.JS (Veja exemplos em KA), RaphaelJS (Veja exemplos em KA), D3, Three.JS (Veja exemplos em KA), Paper.js
- Gráficos: gRaphael, High Charts
- Data/hora: moment.js
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.