Introdução ao JavaScript Da Criação à Revolução Web

Olá! Jeff Bruchado por aqui.

Esse é o primeiro artigo da nossa série de artigos que vão cobrir a nossa jornada para Aprender Programação do Zero.

Antes de tudo, eu tenho um nome carinhoso que eu chamo as pessoas que acompanham os meus conteúdos, eu vos chamo de HaWkers.

Então se você ver isso nos próximos artigos, você já sabe o motivo.

Bom, vamos começar!

HaWker, você já se perguntou o que está por trás de todas aquelas páginas da web que são interativas e animadas e que você navega diariamente?

Se sim, a resposta em grande parte é: JavaScript. Mas o que é JavaScript, de onde veio e como se tornou tão essencial na web moderna? Vamos descobrir.

O que é JavaScript?

JavaScript é uma linguagem de programação de alto nível, dinâmica, interpretada e orientada a objetos. É conhecida principalmente como a linguagem de script para páginas da web, mas também é usada em muitos ambientes além do navegador, como Node.js, Apache CouchDB e Adobe Acrobat.

A característica distintiva do JavaScript é a capacidade de executar no navegador, tornando as páginas web interativas e dinâmicas.

Esta interatividade pode variar desde simples pop-ups de alerta até aplicações web complexas, como editores de texto e jogos 3D.

Aplicações Práticas do JavaScript

Geralmente pessoas que estão começando se perguntam por que JavaScript é tão fundamental. 🤔

Além de sua aplicação óbvia em páginas da web, é também amplamente usado em desenvolvimento de servidores backend, criação de aplicativos móveis, jogos, e até na robótica.

A capacidade de atuar tanto no front-end quanto no back-end, por meio do Node.js, transformou o JavaScript em uma linguagem de programação "onipresente". Ou seja, você aprende uma linguagem e tem capacidade de atuar em diferentes áreas dentro do Desenvolvimento de Software.

Inclusive o JavaScript é amplamente utilizado em startups, que geralmente optam por uma velocidade maior no desenvolvimento de suas aplicações.

Consequentemente isso faz com que o mercado de desenvolvimento com JavaScript seja gigantesco.

Bom, a próxima parte pode não ser interessante para a maior parte dos leitores, mas eu as considero importante pra você ter ideia quando for conversar sobre programação com outras pessoas, a história por trás sempre é muito legal de se saber.

História do JavaScript

A história do JavaScript começa em 1995 com a empresa Netscape Communications, que estava desenvolvendo seu navegador, Netscape Navigator. Para tornar seu navegador mais dinâmico e interativo, a Netscape decidiu incluir uma linguagem de script leve.

A linguagem foi inicialmente chamada de Mocha, depois LiveScript e, finalmente, JavaScript - embora não tenha relação direta com a linguagem Java. O nome foi mais um movimento de marketing, pois Java era uma linguagem extremamente popular naquela época.

Brendan Eich, um engenheiro da Netscape, criou o JavaScript em apenas 10 dias. Apesar de sua criação apressada e algumas inconsistências, a linguagem ganhou popularidade rapidamente.

Em 1996, o Microsoft Internet Explorer lançou sua própria versão do JavaScript, chamada JScript, para driblar problemas de licenciamento. Isso levou a inconsistências entre as implementações da linguagem nos diferentes navegadores, tornando o desenvolvimento web um desafio.

Para padronizar a linguagem, a Netscape submeteu o JavaScript ao Ecma International, um grupo de padronização.

O resultado foi a primeira edição do padrão ECMAScript em 1997. Este padrão é o que os navegadores e outros interpretadores JavaScript usam como referência para implementar a linguagem.

Neste momento que você conhece a história, você entende porque as versões do JavaScript usam esse nome ECMAScript.

Desafios do JavaScript na Atualidade

Embora o JavaScript tenha uma vasta gama de aplicações e seja extremamente popular, ele não está isento de desafios. Com a evolução da web, surgem preocupações com segurança, otimização de desempenho e compatibilidade entre navegadores.

Além disso, com a proliferação de frameworks e bibliotecas, a escolha da tecnologia correta pode ser, por vezes, avassaladora para desenvolvedores novatos.

Versões

Desde sua padronização, o ECMAScript teve várias edições que trouxeram novas funcionalidades e mudanças à linguagem:

• ES1 (1997): A primeira edição.
• ES2 (1998): Uma edição editorial do padrão para estar em conformidade com as regras ISO.
• ES3 (1999): Introduziu muitos recursos que são fundamentais na linguagem hoje, como expressões regulares e manipulação de strings e arrays.
• ES4: Esta versão nunca foi lançada. Houve muitas propostas, mas o comitê não conseguiu chegar a um acordo sobre elas.
• ES5 (2009): Introduziu recursos importantes, como getters e setters, e funcionalidades nativas de JSON.
• ES6 ou ES2015: Foi uma atualização significativa para a linguagem, trazendo classes, módulos, promessas, let/const e muitos outros recursos que modernizaram a linguagem.
• ES2016 e subsequentes: O comitê decidiu atualizar o padrão anualmente. Estas versões trazem menos recursos, mas garantem que a linguagem continue evoluindo.

A Beleza da Simplicidade do JavaScript

Uma das coisas mais apreciadas no JavaScript é sua simplicidade quando se quer realizar tarefas básicas. Por exemplo, exibir uma mensagem na tela é tão simples quanto:

Este código cria um pop-up com a mensagem "Olá, HaWkers!" quando a página é carregada.

Manipulação de DOM com JavaScript

A manipulação do Document Object Model (DOM) é um dos usos mais comuns do JavaScript em aplicações web. Quer alterar o texto de um elemento HTML? É fácil:

Este código procura um elemento com o ID "meuElemento" e muda seu conteúdo para "Novo Texto!".

Mas se você não entendeu o que eu quis dizer acima, fica tranquilo! Em breve você vai estar dominando isso.

Não se assuste!

Funções no JavaScript

As funções são blocos de código que podem ser reutilizados. Por exemplo, se você quiser criar uma função que cumprimente alguém pelo nome, poderia fazer:

ES6 e Além: Sintaxe Moderna

A introdução do ES6 trouxe uma sintaxe mais elegante e recursos poderosos. Um desses recursos é a arrow function, que fornece uma maneira mais concisa de escrever funções:

Assincronicidade no JavaScript

JavaScript introduziu conceitos de programação assíncrona, como Promises e async/await, que ajudam a gerenciar operações que levam tempo, como solicitações de rede:

Neste exemplo, usamos a API fetch para pegar dados de um endpoint e depois exibir esses dados.

A Comunidade por trás do JavaScript

Uma das grandes forças do JavaScript é sua comunidade ativa e engajada. Por ser uma linguagem open source, muitos desenvolvedores contribuem para a evolução e manutenção de frameworks, bibliotecas e ferramentas.

Plataformas como GitHub e npm são repletas de pacotes e soluções criadas por entusiastas do JavaScript, prontas para serem usadas e adaptadas conforme a necessidade.

Conclusão

Pois bem HaWker, como vocês podem perceber, o JavaScript passou de uma linguagem criada às pressas para se tornar uma das linguagens de programação mais importantes e amplamente usadas no mundo.

Seu impacto na web e sua evolução contínua garantem que permaneça relevante por muitos anos.

Neste instante que você tem uma base sobre Programação, mais especificamente sobre o que é o JavaScript e sua rica história, está pronto para mergulhar mais fundo e explorar seu potencial completo.

Ufa! 😮‍💨

Chegamos ao fim do nosso primeiro artigo.

E se você chegou até aqui, responda esse email com "Cheguei até o final".

Somente um verdadeiro HaWker chega até o final.

Parabéns!

Estou feliz em te ter aqui.

te vejo em breve, bora pra cima! 🦅

- Jeff Bruchado

Parabéns por chegar até aqui, HaWker! 🎉

Agora que você aprendeu sobre a história e a importância do JavaScript, que tal testar seus conhecimentos? Participe do quiz abaixo e veja o quanto você absorveu do nosso artigo. É uma ótima maneira de fixar o aprendizado e se preparar para os próximos passos na sua jornada de programação.

Clique aqui para acessar o quiz.

Boa sorte e divirta-se!