<commit_before>---
title: 8 bibliotecas de Javascript para ficar de olho 2018
author: <NAME>
date: 2018-02-22 00:11:13 -0300
url: "/8-bibliotecas-de-javascript-para-ficar-de-olho-2018/"
featured_image: uploads/2017/01/JavaScript_AprendaOnline-1050x600
featured_image_extension: jpg
mvp_post_template:
- def
mvp_featured_image:
- show
post_views_count:
- 593
categories:
- Desenvolvimento Web
tags:
- bibliotecas
- cms
- ferramentas
- frameworks
- javascript

---
JavaScript é a linguagem da web e cada vez mais está se tornando um dos recursos mais importantes de programadores web e até mobile – mesmo com os inúmeros problemas de estruturas e, principalmente, de achar bugs.

Com milhares de bibliotecas disponíveis, entre elas algumas clássicas como jQuery, fica difícil hoje escolher algum recurso para aprendermos com receio que outro se tornará mais requisitado no mercado ou que o que você escolheu irá ser obsoleto em alguns poucos meses.

Nesse artigo vamos ver alguma das bibliotecas que imaginamos que não só crescerão mais do que já são hoje quanto são boas apostas para gastar o tempo e aprender mais a fundo como usar e ganhar um ponto na competição no mercado de trabalho. em 2018

<div id="attachment_333" style="width: 1035px" class="wp-caption aligncenter">
<img class=" wp-image-333" src="/images/uploads/2017/01/jstips-header-blog.gif" alt="" width="1025" height="448" />

<p class="wp-caption-text">
Fonte da imagem: <a href="http://dinki.com.br/blog/index.php/2016/07/08/entendendo-a-criacao-e-instanciacao-de-variaveis-no-javascript/" target="_blank">dinki</a>
</p>
</div>

## <a href="https://nodejs.org/en/" target="_blank">1- Node.js</a>

Todos os desenvolvedores que se mantém um mínimo atualizados já estão bem cansados de ouvir falar em Node.js o tempo todo. Realmente Node criou uma das comunidades que mais cresce no mundo e o <a href="https://www.npmjs.com/" target="_blank">NPM</a>, e <a href="/yarn-package-manager-sera-que-e-melhor-do-que-npm/" target="_blank">agora o novo Yarn</a>, possibilita o gerenciamento de milhares de packages/bibliotecas diretamente da linha de comando com muita simplicidade.

Com o Node.js você pode criar sites que performam bem e são simples de colocar no ar, mas mais do que isso ele te dá a possibilidade de usar suas ferramentas favoritas, como <a href="http://gulpjs.com/" target="_blank">Gulp </a>ou <a href="https://mochajs.org/" target="_blank">Mocha</a>, com a maior simplicidade do mundo. Fazer sites utilizando <a href="http://coffeescript.org/" target="_blank">Coffeescript</a>, <a href="https://pugjs.org/api/getting-started.html" target="_blank">Pug (antigo Jade)</a> e <a href="http://stylus-lang.com/" target="_blank">Stylus </a>gera uma experiência de criação limpa, rápida e muito elegante.

Frameworks, CMS e outras ferramentas estão constantemente sendo atualizadas e melhoradas, fazendo do ambiente em torno dessa tecnologia uma experiência de desenvolvimento incrível.

## <a href="http://www.createjs.com/" target="_blank">2- Biblioteca JavaScript Create.js</a>

<img class="size-full wp-image-334 aligncenter" src="/images/uploads/2017/01/createjs.jpg" alt="" width="900" height="370" srcset="/images/uploads/2017/01/createjs.jpg 900w, /images/uploads/2017/01/createjs-300x123.jpg 300w, /images/uploads/2017/01/createjs-768x316.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" />

Createjs traz uma variedade de bibliotecas que suportam as mais atuais tecnologias audiovisuais na web. De animações a audio, você pode utilizar de suas bibliotecas separadamente para criar experiências interativas e mais modernas na web com muita eficiência.

Cada biblioteca nessa coleção serve um propósito diferente o oferece recursos modernos que funcionam em todos os principais navegadores. Contudo, a maior parte dessas bibliotecas servem para recursos bem específicos, então é importante usá-las em sites com parcimônia e foco no efeito/objetivo intentado. Se você tiver curiosidade, dá uma olhada no site deles e veja todas as sensacionais possibilidades.

## <a href="http://keystonejs.com/" target="_blank">3- Keystone.js</a>

Keystone.js é uma das bibliotecas JavaScript que foram criadas em cima da plataforma Noje.js. Ele é um fantástico exemplo do que o Node.js é capaz e traz um CMS (Content Management System ou Gerenciador de conteúdo) completo.

Com ele você consegue desenvolver webapps baseados na proposta MEAN (Mongodb, Express, Angular e Node.js) com bastante simplicidade. Ele é totalmente gratuito e ainda está nos seus estágios iniciais, mas está ganhando fama por suas boas funcionalidades. Ainda não é uma boa ferramente para sites em produção, mas tem grandes chances de crescer para ser uma referência no mundo do Node.

## <a href="https://www.meteor.com/" target="_blank">4- Meteor</a>

<img class="size-full wp-image-335 aligncenter" src="/images/uploads/2017/01/meteor.jpg" alt="" width="900" height="245" srcset="/images/uploads/2017/01/meteor.jpg 900w, /images/uploads/2017/01/meteor-300x82.jpg 300w, /images/uploads/2017/01/meteor-768x209.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" />

Meu favorito e que acredito ser o mais incrível por aqui.  Você pode integrar qualquer plataforma ao ambiente do Meteor com resultados incríveis. Esse projeto open source ajuda desenvolvedores de aplicações JavaScript a trabalharem com funcionalidades de tempo real, comunidades sociais e dashboards customizados.

Existe até um framework chamado <a href="http://www.telescopeapp.org/" target="_blank">Telescope</a> para se criar comunidades sociais de notícias criada em cima do Meteor. Ele deixa você criar notícias que passam pelo voto de outros usuários, algo similar ao Reddit ou um fórum.

Meteor é um monstro com centenas de funcionalidades. Você pode até gerar aplicativos para Android, Windows Phone e iPhone a partir do mesmo código da web com o uso de comandos no terminal ou prompt de comando. Vale muito a pena começar a dar uma olhada mais séria nessa plataforma para seu próximo projeto, mas já fica o aviso que ela não é tão simples e requer um conhecimento de JavaScript mais profundo para realmente tirar proveito de suas funcionalidades.

 

 

## <a href="http://www.chartjs.org/" target="_blank">5- Chart.js</a>

Com o Chart.js você tem a possibilidade de criar gráficos em linha, bolhas, barras e inúmeros outros utilizando sua API do canvas. Essa é uma das bibliotecas mais simples para gerenciar dados e plotá-los em gráficos. Ela já vem até com uma série de animações que performam muito bem no mais variados navegadores.

Vale a pena mencionar também que ela tem uma documentação muito boa, clara e simples e também é um projeto de código aberto (open source).

 

## <a href="https://webvr.info/" target="_blank">6- WebVR</a>

Realidade virtual está na moda e parece que tudo agora tem que mexer com essa tecnologia para ser “legal”. Centenas de aplicativos, jogos e até websites já estão utilizando dessa ferramenta para trazer um nível de interação impressionante. Por esse motivo naturalmente alguma biblioteca de JavaScript haveria de nascer proporcionando uma experiência mais simples na implementação da realidade virtual nos navegadores.

WebVR funciona com a maioria dos aparelhos de realidade virtual mais populares, como o Oculus Rift e o The Vive, mas ainda é um programa em desenvolvimento. Sua API é open source e está constantemente sendo testada em navegadores modernos para trazer uma experiência otimizada nos aparelhos suportados.

Se essa é uma área que você tem interesse, com certeza pode aproveitar muito dos recursos já disponíveis do WebVR.

## <a href="https://threejs.org/" target="_blank">7- Three.js - Biblioteca JS 2018</a>

<img class="size-full wp-image-336 aligncenter" src="/images/uploads/2017/01/Screenshot_4.jpg" alt="" width="940" height="566" srcset="/images/uploads/2017/01/Screenshot_4.jpg 940w, /images/uploads/2017/01/Screenshot_4-300x181.jpg 300w, /images/uploads/2017/01/Screenshot_4-768x462.jpg 768w, /images/uploads/2017/01/Screenshot_4-450x270.jpg 450w, /images/uploads/2017/01/Screenshot_4-150x90.jpg 150w" sizes="(max-width: 940px) 100vw, 940px" />

Antes da Realidade Virtual, 3D era ainda o rei do pedaço no quesito tecnologia. Mas ainda assim colocar 3D na web é um problemão hoje em dia. A tecnologia está aí, mas colocá-la no código front end sem auxílio de bibliotecas como a Three.js é uma tarefa bem complicada.

Felizmente bibliotecas como a Three.js estão aí e fazem esse processo ser bem mais simples. Já entrando no site da biblioteca JavaScript você verá diversos exemplos de como essa plataforma ajuda na criação de objetos e animações 3D. Você pode criar backgrounds sensíveis a movimento, objetos em 3D, gráficos e interfaces dinâmicas utilizando os efeitos de animação da Three.js. Além disso ela é bem rápida e eficiente para não travar com facilidade.

Mexer com essa plataforma não é necessariamente fácil, mas você encontrará muitos recursos para dar seu start na criação de efeitos e objetos 3D logo de cara.

 

 

## <a href="https://d3js.org/" target="_blank">8- D3.js</a>

<img class=" wp-image-332 aligncenter" src="/images/uploads/2017/01/Screenshot_3.png" alt="" width="1189" height="700" srcset="/images/uploads/2017/01/Screenshot_3.png 1308w, /images/uploads/2017/01/Screenshot_3-300x177.png 300w, /images/uploads/2017/01/Screenshot_3-768x452.png 768w, /images/uploads/2017/01/Screenshot_3-1024x603.png 1024w" sizes="(max-width: 1189px) 100vw, 1189px" />

Visualização de informações e dados está cada vez mais importante com o mais simples acesso às tecnologias de big data, então a biblioteca JavaScript D3 oferece o que há de melhor nessa área. Muitas bibliotecas competem por um espaço no âmbito de visualização e demonstração de dados de forma interativa e intuitiva, mas a D3 já há algum tempo tem seu espaço garantido lá na frente. Essa biblioteca funciona com elementos SVG e Canvas para renderizar seus gráficos e visualizações dinâmicas na web.

Ela é completamente gratuita para usar e é uma das ferramentas mais poderosas hoje em JavaScript para esse fim. Se você deseja algo moderno para renderizar informações no navegador não precisa procurar muito e vai direto aprender mais sobre a D3.js.

Espero que tenham gostado dessa seleção de bibliotecas JavaScript para ficar de olho em 2018. Existem muitas outras que não mencionei, mas eventualmente imagino que devemos fazer uma parte 2 pois o ambiente JavaScript está incrível e se desenvolvendo muito rapidamente.

Se você tem alguma sugestão, não deixe de comentar abaixo e vamos completar nossos conhecimentos!

 

Divirta-se!

 

 <commit_msg>Update from Forestry.io - 2017-01-02-8-blibiotecas-de-javascript-para-ficar-de-olho-2017.md<commit_after>---
title: 8 bibliotecas de Javascript para ficar de olho 2018
author: <NAME>
date: 2018-02-22 00:11:13 -0300
url: "/8-bibliotecas-de-javascript-para-ficar-de-olho-2018/"
featured_image: uploads/2017/01/JavaScript_AprendaOnline-1050x600
featured_image_extension: jpg
mvp_post_template:
- def
mvp_featured_image:
- show
post_views_count:
- 593
categories:
- Desenvolvimento Web
tags:
- bibliotecas
- cms
- ferramentas
- frameworks
- javascript

---
JavaScript é a linguagem da web e cada vez mais está se tornando um dos recursos mais importantes de programadores web e até mobile – mesmo com os inúmeros problemas de estruturas e, principalmente, de achar bugs.

Com milhares de bibliotecas disponíveis, entre elas algumas clássicas como jQuery, fica difícil hoje escolher algum recurso para aprendermos com receio que outro se tornará mais requisitado no mercado ou que o que você escolheu irá ser obsoleto em alguns poucos meses.

Nesse artigo vamos ver alguma das bibliotecas que imaginamos que não só crescerão mais do que já são hoje quanto são boas apostas para gastar o tempo e aprender mais a fundo como usar e ganhar um ponto na competição no mercado de trabalho. em 2018

<div id="attachment_333" class="wp-caption aligncenter"> <img class=" wp-image-333" src="/images/uploads/2017/01/jstips-header-blog.gif" alt="" width="1025" height="448" />

<p class="wp-caption-text">
Fonte da imagem: <a href="http://dinki.com.br/blog/index.php/2016/07/08/entendendo-a-criacao-e-instanciacao-de-variaveis-no-javascript/" target="_blank">dinki</a>
</p>
</div>

## <a href="https://nodejs.org/en/" target="_blank">1- Node.js</a>

Todos os desenvolvedores que se mantém um mínimo atualizados já estão bem cansados de ouvir falar em Node.js o tempo todo. Realmente Node criou uma das comunidades que mais cresce no mundo e o <a href="https://www.npmjs.com/" target="_blank">NPM</a>, e <a href="/yarn-package-manager-sera-que-e-melhor-do-que-npm/" target="_blank">agora o novo Yarn</a>, possibilita o gerenciamento de milhares de packages/bibliotecas diretamente da linha de comando com muita simplicidade.

Com o Node.js você pode criar sites que performam bem e são simples de colocar no ar, mas mais do que isso ele te dá a possibilidade de usar suas ferramentas favoritas, como <a href="http://gulpjs.com/" target="_blank">Gulp </a>ou <a href="https://mochajs.org/" target="_blank">Mocha</a>, com a maior simplicidade do mundo. Fazer sites utilizando <a href="http://coffeescript.org/" target="_blank">Coffeescript</a>, <a href="https://pugjs.org/api/getting-started.html" target="_blank">Pug (antigo Jade)</a> e <a href="http://stylus-lang.com/" target="_blank">Stylus </a>gera uma experiência de criação limpa, rápida e muito elegante.

Frameworks, CMS e outras ferramentas estão constantemente sendo atualizadas e melhoradas, fazendo do ambiente em torno dessa tecnologia uma experiência de desenvolvimento incrível.

## <a href="http://www.createjs.com/" target="_blank">2- Biblioteca JavaScript Create.js</a>

<img class="size-full wp-image-334 aligncenter" src="/images/uploads/2017/01/createjs.jpg" alt="" width="900" height="370" srcset="/images/uploads/2017/01/createjs.jpg 900w, /images/uploads/2017/01/createjs-300x123.jpg 300w, /images/uploads/2017/01/createjs-768x316.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" />

Createjs traz uma variedade de bibliotecas que suportam as mais atuais tecnologias audiovisuais na web. De animações a audio, você pode utilizar de suas bibliotecas separadamente para criar experiências interativas e mais modernas na web com muita eficiência.

Cada biblioteca nessa coleção serve um propósito diferente o oferece recursos modernos que funcionam em todos os principais navegadores. Contudo, a maior parte dessas bibliotecas servem para recursos bem específicos, então é importante usá-las em sites com parcimônia e foco no efeito/objetivo intentado. Se você tiver curiosidade, dá uma olhada no site deles e veja todas as sensacionais possibilidades.

## <a href="http://keystonejs.com/" target="_blank">3- Keystone.js</a>

Keystone.js é uma das bibliotecas JavaScript que foram criadas em cima da plataforma Noje.js. Ele é um fantástico exemplo do que o Node.js é capaz e traz um CMS (Content Management System ou Gerenciador de conteúdo) completo.

Com ele você consegue desenvolver webapps baseados na proposta MEAN (Mongodb, Express, Angular e Node.js) com bastante simplicidade. Ele é totalmente gratuito e ainda está nos seus estágios iniciais, mas está ganhando fama por suas boas funcionalidades. Ainda não é uma boa ferramente para sites em produção, mas tem grandes chances de crescer para ser uma referência no mundo do Node.

## <a href="https://www.meteor.com/" target="_blank">4- Meteor</a>

<img class="size-full wp-image-335 aligncenter" src="/images/uploads/2017/01/meteor.jpg" alt="" width="900" height="245" srcset="/images/uploads/2017/01/meteor.jpg 900w, /images/uploads/2017/01/meteor-300x82.jpg 300w, /images/uploads/2017/01/meteor-768x209.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" />

Meu favorito e que acredito ser o mais incrível por aqui.  Você pode integrar qualquer plataforma ao ambiente do Meteor com resultados incríveis. Esse projeto open source ajuda desenvolvedores de aplicações JavaScript a trabalharem com funcionalidades de tempo real, comunidades sociais e dashboards customizados.

Existe até um framework chamado <a href="http://www.telescopeapp.org/" target="_blank">Telescope</a> para se criar comunidades sociais de notícias criada em cima do Meteor. Ele deixa você criar notícias que passam pelo voto de outros usuários, algo similar ao Reddit ou um fórum.

Meteor é um monstro com centenas de funcionalidades. Você pode até gerar aplicativos para Android, Windows Phone e iPhone a partir do mesmo código da web com o uso de comandos no terminal ou prompt de comando. Vale muito a pena começar a dar uma olhada mais séria nessa plataforma para seu próximo projeto, mas já fica o aviso que ela não é tão simples e requer um conhecimento de JavaScript mais profundo para realmente tirar proveito de suas funcionalidades.

## <a href="http://www.chartjs.org/" target="_blank">5- Chart.js</a>

Com o Chart.js você tem a possibilidade de criar gráficos em linha, bolhas, barras e inúmeros outros utilizando sua API do canvas. Essa é uma das bibliotecas mais simples para gerenciar dados e plotá-los em gráficos. Ela já vem até com uma série de animações que performam muito bem no mais variados navegadores.

Vale a pena mencionar também que ela tem uma documentação muito boa, clara e simples e também é um projeto de código aberto (open source).

## <a href="https://webvr.info/" target="_blank">6- WebVR</a>

Realidade virtual está na moda e parece que tudo agora tem que mexer com essa tecnologia para ser “legal”. Centenas de aplicativos, jogos e até websites já estão utilizando dessa ferramenta para trazer um nível de interação impressionante. Por esse motivo naturalmente alguma biblioteca de JavaScript haveria de nascer proporcionando uma experiência mais simples na implementação da realidade virtual nos navegadores.

WebVR funciona com a maioria dos aparelhos de realidade virtual mais populares, como o Oculus Rift e o The Vive, mas ainda é um programa em desenvolvimento. Sua API é open source e está constantemente sendo testada em navegadores modernos para trazer uma experiência otimizada nos aparelhos suportados.

Se essa é uma área que você tem interesse, com certeza pode aproveitar muito dos recursos já disponíveis do WebVR.

## <a href="https://threejs.org/" target="_blank">7- Three.js - Biblioteca JS 2018</a>

<img class="size-full wp-image-336 aligncenter" src="/images/uploads/2017/01/Screenshot_4.jpg" alt="" width="940" height="566" srcset="/images/uploads/2017/01/Screenshot_4.jpg 940w, /images/uploads/2017/01/Screenshot_4-300x181.jpg 300w, /images/uploads/2017/01/Screenshot_4-768x462.jpg 768w, /images/uploads/2017/01/Screenshot_4-450x270.jpg 450w, /images/uploads/2017/01/Screenshot_4-150x90.jpg 150w" sizes="(max-width: 940px) 100vw, 940px" />

Antes da Realidade Virtual, 3D era ainda o rei do pedaço no quesito tecnologia. Mas ainda assim colocar 3D na web é um problemão hoje em dia. A tecnologia está aí, mas colocá-la no código front end sem auxílio de bibliotecas como a Three.js é uma tarefa bem complicada.

Felizmente bibliotecas como a Three.js estão aí e fazem esse processo ser bem mais simples. Já entrando no site da biblioteca JavaScript você verá diversos exemplos de como essa plataforma ajuda na criação de objetos e animações 3D. Você pode criar backgrounds sensíveis a movimento, objetos em 3D, gráficos e interfaces dinâmicas utilizando os efeitos de animação da Three.js. Além disso ela é bem rápida e eficiente para não travar com facilidade.

Mexer com essa plataforma não é necessariamente fácil, mas você encontrará muitos recursos para dar seu start na criação de efeitos e objetos 3D logo de cara.

## <a href="https://d3js.org/" target="_blank">8- D3.js</a>

<img class=" wp-image-332 aligncenter" src="/images/uploads/2017/01/Screenshot_3.png" alt="" width="1189" height="700" srcset="/images/uploads/2017/01/Screenshot_3.png 1308w, /images/uploads/2017/01/Screenshot_3-300x177.png 300w, /images/uploads/2017/01/Screenshot_3-768x452.png 768w, /images/uploads/2017/01/Screenshot_3-1024x603.png 1024w" sizes="(max-width: 1189px) 100vw, 1189px" />

Visualização de informações e dados está cada vez mais importante com o mais simples acesso às tecnologias de big data, então a biblioteca JavaScript D3 oferece o que há de melhor nessa área. Muitas bibliotecas competem por um espaço no âmbito de visualização e demonstração de dados de forma interativa e intuitiva, mas a D3 já há algum tempo tem seu espaço garantido lá na frente. Essa biblioteca funciona com elementos SVG e Canvas para renderizar seus gráficos e visualizações dinâmicas na web.

Ela é completamente gratuita para usar e é uma das ferramentas mais poderosas hoje em JavaScript para esse fim. Se você deseja algo moderno para renderizar informações no navegador não precisa procurar muito e vai direto aprender mais sobre a D3.js.

Espero que tenham gostado dessa seleção de bibliotecas JavaScript para ficar de olho em 2018. Existem muitas outras que não mencionei, mas eventualmente imagino que devemos fazer uma parte 2 pois o ambiente JavaScript está incrível e se desenvolvendo muito rapidamente.

Se você tem alguma sugestão, não deixe de comentar abaixo e vamos completar nossos conhecimentos!

Divirta-se!
{'fraction_non_alphanumeric': 0.07823225199811942, 'fraction_numerical': 0.03972731546779502, 'mean_word_length': 4.826075047932074, 'pattern_counts': {'":': 0, '<': 91, '<?xml version=': 0, '>': 91, 'https://': 16, 'lorem ipsum': 0, 'www.': 10, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6101499', 'n_tokens_mistral': 7833, 'n_tokens_neox': 6974, 'n_words': 2697}