Criar um site excelente exige muitas habilidades, mas nem sempre é necessário desenvolver tudo do zero. Para usar qualquer uma das bibliotecas JavaScript apresentadas neste artigo, você precisará ter pelo menos algumas habilidades JavaScript existentes, mas também não precisa necessariamente ser um especialista.
O que você precisa ser especialista é como misturar as bibliotecas em um site para obter o máximo benefício delas. Isso não é realmente algo que pode ser ensinado. É uma habilidade que você só pode aprender fazendo. Depois de ter dominado os conceitos, no entanto, não há limite para a sua criatividade e o que você pode alcançar com ela.
Coletada aqui está nossa lista das bibliotecas JavaScript mais úteis disponíveis para programadores para aprimoramento do site. Você pode não ver seu favorito listado aqui, mas isso não significa que não seja recomendado. Na verdade, qualquer biblioteca JavaScript que o ajude a conseguir algo de valor não pode ser descartada. Mas, com literalmente milhões de bibliotecas para escolher, temos que definir o limite em algum lugar.
1. jQuery
É melhor começar com o óbvio. É quase certo que você já esteja usando esta biblioteca de alguma forma, mesmo que ainda não saiba. Essencialmente, o jQuery permite que você faça coisas dinâmicas em páginas da web estáticas mais facilmente do que outros métodos e não requer programação do lado do servidor para atingir os resultados. Isso também significa que as atualizações podem acontecer mais rapidamente do que com alternativas do lado do servidor. Muitas outras bibliotecas incluem jQuery como uma dependência, então você provavelmente precisará incorporá-lo em suas páginas, mesmo se não acessar diretamente seus recursos.
2. Protótipo
Isso, de certa forma, pode ser considerado um concorrente do jQuery. Não é necessariamente inferior, mas é muito menos amplamente adotado. Usar protótipo e jQuery juntos pode levar a conflitos, a menos que você execute etapas especiais para lidar com esse problema. É por isso que você precisa conhecer as dependências das outras bibliotecas JavaScript que usa.
3. Modernizr
Esta biblioteca ajuda a superar problemas com renderização de página em navegadores mais antigos que não suportam totalmente HTML5. Embora esses navegadores estejam se tornando mais raramente encontrados, eles ainda fazem parte do cenário e ter o Modernizr pode ajudá-lo a lidar com o problema de forma eficiente.
4. Bootstrap
Em apenas seis anos, o Bootstrap alcançou uma enorme proliferação em todo o mundo do desenvolvimento web. Ele se preocupa apenas com o layout da interface do usuário e a integração de componentes, mas faz isso muito bem. Você precisará modificar as configurações padrão para quase tudo, no entanto, porque elas são baseadas em Twitteresquema de cores, que não é a mais amigável das interfaces de usuário.
5. PDF.js
Você deve saber que o PDF format está sujeito a certas vulnerabilidades. Para contornar esse problema, o PDF.js foi criado para renderizar o conteúdo do PDF no HTML5 Canvas. Obviamente, isso também significa que só funciona em um navegador que suporte HTML5 e Canvas.
6. Gráficos JS
Uma excelente biblioteca que fornece um gerador de gráficos simples, mas poderoso, para que você possa criar todos os tipos de gráficos de aparência profissional para o seu site sem investir muito tempo e esforço. A versão gratuita é igualmente poderosa em comparação com a versão paga, mas inclui uma marca d'água. A compra de uma licença remove essa marca d'água.
7. Chart.js
Esta é uma alternativa realmente boa, totalmente gratuita e sem marca d'água aos gráficos JS. É fácil de usar, bem documentado e pode ser personalizado de inúmeras maneiras. Usá-lo requer um pouco mais de habilidade em JavaScript do que os gráficos JS.
8. D3.js
Este é um irmão mais velho dos dois exemplos anteriores, que se destinam ao uso leve. Se você está analisando dados nas grandes ligas, no entanto, a D3 oferece os recursos avançados que podem levar sua apresentação online para o próximo nível. Qualquer tipo de dado pode ser visualizado e expresso de várias maneiras. Basta verificar os exemplos no site da D3 para ver o que você está perdendo.
9. bHive
Um ótimo framework gráfico que é tão revolutionário para o HTML5 Canvas como Raphaël foi para o HTML4. bHive permite criar rapidamente gráficos SVG, animações e até mesmo incorporar interatividade que pode ser usada de várias maneiras diferentes, como jogos simples e aplicativos educacionais.
10. Owl Carousel
Embora o uso excessivo de carrosséis não deva ser incentivado, para aqueles momentos em que você realmente precisa usar um, o Owl é um dos plug-ins de carrossel mais recomendados já criados para jQuery. É compatível com telas sensíveis ao toque e dispositivos apontadores. Ele suporta deslizar e arrastar e soltar. É totalmente personalizável e responsive por padrão.
11. Date.js
Às vezes você precisa ser capaz de expressar a data emformation de diferentes maneiras para dar um contexto ao site. Os recursos do Date.js permitem que você faça exatamente isso, usando uma sintaxe muito direta que não poderia ser mais fácil de aprender.
13. Moment.js
Outra data formatbiblioteca de programação e processamento. É um pouco mais complexo que Date.js, mas permite que você faça certos cálculos específicos com facilidade (isAfter, isBefore, isSameOrAfter, isSameOrBefore, isBetween, isLeapYear, isDate e assim por diante). Quando você não precisar de toda a sobrecarga que vem com esses recursos extras, use Date.js.
13. dateDropper
Quando você precisa exibir um controle de calendário / controle de data no seu site, o dateDropper é a solução mais elegante e simples que já vimos (e vimos muito). Também é mais compatível com interfaces móveis do que muitas outras soluções.
13. Numeral.js
Faz para números o que o Date.js faz para datas.
14. wForms
Uma biblioteca simples, mas útil, mantida no arquivo do Google Code, o wForms facilita o trabalho de tarefas comuns relacionadas aos formulários de entrada do usuário. Isso inclui validação de entrada, dicas de ferramentas e outros recursos úteis.
15. sortTable
As tabelas classificáveis existem há quase tanto tempo quanto as tabelas (tabelas de dados, de qualquer forma). Mas com essa biblioteca JavaScript de mão, você pode tornar qualquer tabela facilmente classificável apenas adicionando uma classe à tabela ao criá-la, o que é tão simples quanto:
imagem de cabeçalho cortesia de Rogie
Comentários Respostas 0