O que dá para fazer com JavaScript + Dicas de Framework

Tempo de leitura: 5 minutos

Olá Desenvolvedores, tudo tranquilo por aí?

Não sei se você já sabe, mas inicialmente o JavaScript foi desenvolvido como um complemento para o navegador da Netscape.

E por anos ele foi visto como uma linguagem horrível, desorganizada e muito lenta, pois realmente essa era a realidade.

Porém ele rejeitou todos as reclamações e decidiu evoluir. Hoje está bem mais organizado e poderoso.

Conta com uma variedade de recursos que nos facilitam criar uma infinidade de aplicações. E o melhor de tudo é que a linguagem não está limitada mais apenas aos navegadores.

Portanto no artigo de hoje vamos conhecer o verdadeiro poder do JavaScript além do seu uso padrão e até fora dos navegadores. Preparado?

O que iremos aprender hoje?

// Websites dinâmicos
// Servidores
// Banco de dados
// Testes
// Aplicativos Mobile
// Desenvolvimento de Games

Websites dinâmicos

websites dinamicos

Em websites o JavaScript entra fazendo os acabamentos finais, sendo aquele que irá se responsabilizar pelas funcionalidades e comportamento do site.

Lembra daquele menu lindão que abre e fecha quando clicado? Pois é, esse é um ótimo exemplo do que o JavaScript é capaz!

Além disso, ele pode ser utilizado para automatizar uma série de operações e trazer funcionalidades extras para o site (comportamento).

Se deseja se aprofundar mais em JavaScript clique aqui e acesse nossa introdução completa à linguagem.

Servidores

servidores

Sim, isso mesmo, o JavaScript não está só no campo do Front-end mas também do Back-end. Se você já estuda desenvolvimento web deve saber que normalmente os códigos escritos no lado do servidor são feitos com linguagens como PHP, Java, Ruby, etc.

Com a entrada do Node.js em campo foi possível escrever código para o servidor com JavaScript.

Inclusive no passado foram feitas outras tentativas, mas o Node.js foi o mais bem sucedido no processo.

Vou deixar abaixo o link de alguns frameworks mais conhecidos para Node.js.

https://hapijs.com/
http://expressjs.com
http://koajs.com/

Também temos o Meteor, com ele criamos código Back End. Ele é uma plataforma de desenvolvimento fullstack.

Além disso ela é uma plataforma open-source para desenvolver aplicativos tanto para web quanto para mobile.

Banco de Dados

banco de dados

Já conhece o MongoDB? Ele é um banco de dados orientado a documentos. O console que usamos para acessar os dados executa JavaScript.

Se você já tem um certo conhecimento de JavaScript, irá ter facilidade em aprender a gerenciar o MongoDB.

https://www.mongodb.com/

Testes

testes

Não sei se você já tem essa prática, mas é fundamental fazer testes quando se está escrevendo código, para você ter certeza de que suas funções estão retornando o valor esperado.

É bom sempre testar a mesma função passando vários valores diferentes, inclusive valores que a função não aceita para ver se há necessidade de criar um tratamento para a aplicação não quebrar.

Acontece que qualquer alteração em uma função pode afetar outras funções. Então há ferramentas que facilitam a criação de testes.

Vou deixar o link abaixo dos mais utilizados no mercado:

https://mochajs.org/
https://qunitjs.com/
https://jasmine.github.io/

Aplicativos Mobile

aplicativos mobile

Com JavaScript também é possível desenvolver aplicativos mobile de primeira linha. A vantagem aqui é utilizar uma única linguagem para as mais variadas plataformas.

A forma mais conhecido é utilizar o Cordova/PhoneGap. Com eles nós criamos aplicações híbridas.

https://phonegap.com/
https://cordova.apache.org/

O fato de unirem duas tecnologias diferentes faz com que sejam chamadas de “híbridas”.

Um exemplo disso é o código nativo do Android que é escrito em Java. Com o Cordova pode-se criar aplicações web comuns, com HTML, CSS e JavaScript.

Para acessar funcionalidades do dispositivo, há uma integração do código nativo em Java e nós acessamos essas funcionalidades pelo JavaScript.

Quando abrimos o aplicativo, estamos na verdade abrindo um navegador interno que irá apresentar a nossa aplicação e que pode acessar funcionalidades do dispositivo que não poderíamos acessar a partir de uma aplicação web comum.

Então “híbrido” significa que estamos mesclando tecnologia web com a tecnologia nativa.

https://reactnative.dev/

Com o React Native e Native Script também podemos criar aplicações nativas.

Aqui podemos desenvolver telas com XML ao invés de HTML, e ainda podemos estilizar com CSS.

Isso será convertido para uma tela nativa de cada plataforma, como Android e iOS. Já as ações são escritas com JavaScript.

A vantagem aqui ocorre porque é uma aplicação nativa ao e não uma aplicação com um navegador, ou seja, teremos uma performance bem melhor do que com uma aplicação híbrida.

Desenvolvimento de Games

desenvolvimento de games com javascript

Sabia que também é possível desenvolver games com JavaScript?

Sim, graças ao elemento canvas do HTML5, que nos deixa desenhar na tela com JavaScript.

Há alguns frameworks que nos dão a possibilidade de desenvolver jogos com JavaScript.

Uma das mais populares é o Impact, que é paga. Uma outra famosa, que é gratuita, é o Phaser.

https://impactjs.com/
https://phaser.io/

Nesse caso, os jogos usarão somente o elemento canvas do HTML5 e JavaScript, você poderá desenvolver seus jogos para qualquer local que os suporte ou tenha um navegador.

Você também poderá utilizar ferramentas como o Cordova/Phonegap, mas também há outras ferramentas que ajudam a otimizar jogos feitos com JavaScript para dispositivos móveis.

Conclusão de o que dá para fazer com JavaScript

conclusao o que da para fazer com javascript

Gostou de saber o que dá para fazer com JavaScript? E se eu te falar que dá para fazer muito mais!

Sim, o JavaScript hoje está quase ilimitado e com ele também podemos desenvolver projetos para programação de hardware, hologramas, realidade virtual e realidade aumentada, incrível hein?

E se você pudesse aprender mais e mais sobre desenvolvimento Full Stack e entender profundamente sobre JavaScript e as mais incríveis tecnologias do mercado web?

Conheça o Pacote Full Stack que já mudou a vida de mais de 15.000 pessoas e pode mudar a sua também!

>> Acesse aqui o Pacote Full-Stack e entenda o motivo de nosso treinamento ser o mais requisitado do país.