Introdução

Resumo

JavaScript é uma linguagem de programação versátil e amplamente utilizada para criar interatividade em páginas da Web. Desenvolvida originalmente por Brendan Eich enquanto trabalhava na Netscape Communications Corporation em 1995, JavaScript é um dos alicerces da internet moderna, permitindo aos desenvolvedores criar experiências interativas e dinâmicas para os usuários.

JavaScript é padronizado pela ECMA International. A primeira versão padronizada foi o ECMAScript 1 em 1997. Desde então, a linguagem tem evoluído com novas funcionalidades e atualizações regulares, como o ECMAScript 6 (também conhecido como ES6 ou ES2015), lançado em 2015.

Uma das características mais poderosas do JavaScript é sua capacidade de executar operações de forma assíncrona, permitindo que o código continue a ser executado enquanto aguarda operações de I/O, como solicitações de rede ou acesso a um banco de dados. Isso é fundamental para a criação de aplicativos Web rápidos e responsivos, e é uma das razões pelas quais o JavaScript é tão amplamente utilizado.

⚡ Importante: Uma operação assíncrona não bloqueia a execução do código, assim, ela é executada em segundo plano, sem interromper o fluxo de execução de outras operações.

Outra característica de JavaScript é sua capacidade de poder ser executado diretamente no navegador do usuário, o que significa que não é necessário nenhum software adicional para interpretar o código. Isso torna o JavaScript uma ferramenta poderosa para adicionar comportamentos dinâmicos às páginas da Web, como animações, validação de formulários, manipulação do DOM (Modelo de Objeto de Documento) e muito mais.

Além de sua presença no lado do cliente, o JavaScript também é amplamente utilizado no desenvolvimento do lado do servidor, graças a tecnologias como o Node.js. Isso permite que os desenvolvedores usem JavaScript em todo o stack de desenvolvimento Web, simplificando muitas vezes o fluxo de trabalho e facilitando a criação de aplicativos Web escaláveis e eficientes.

JavaScript também pode ser usado para criar aplicativos móveis, graças a tecnologias como o React Native e o Apache Cordova, que permitem que os desenvolvedores criem aplicativos nativos para iOS e Android usando JavaScript e outras tecnologias da Web.

Ao longo dos anos, o ecossistema JavaScript cresceu significativamente, com o surgimento de uma vasta gama de bibliotecas e frameworks, como React, Angular e Vue.js, que facilitam o processo de desenvolvimento e permitem a criação de aplicativos Web. Além disso, ambientes de desenvolvimento como o Visual Studio Code ajudam os desenvolvedores a escrever, depurar e testar código JavaScript de forma mais eficiente.

JavaScript influenciou o design de muitas outras linguagens de programação modernas, incluindo Python, Ruby e Swift. Por exemplo, a sintaxe de blocos de código condicional “if-else” em Python foi inspirada em JavaScript.

JavaScript é uma das linguagens de programação mais populares do mundo. É amplamente utilizado tanto por grandes empresas quanto por desenvolvedores independentes, e possui uma comunidade muito ativa que contribui co bibliotecas, frameworks e recursos educacionais.

Hello World em JavaScript

Os slides abaixo mostram maneiras distintas de escrever os primeiros códigos em JavaScript:

Executando JavaScript no VSCode com Live Server

Pré-requisitos

  1. Certifique-se de ter o Visual Studio Code instalado em seu computador. Você pode baixá-lo e instalá-lo a partir do site oficial.

  2. Tenha o Node.js instalado em seu sistema. Você pode baixá-lo e instalá-lo a partir do site oficial.

  3. Instale a extensão Live Server no Visual Studio Code. Você pode fazer isso indo para a barra lateral do VSCode, clicando no ícone de extensões (quatro quadrados empilhados) e pesquisando por “Live Server”. Clique em “Instalar” ao lado da extensão.

Passos para Executar JavaScript usando o VSCode e Live Server

  1. Crie um novo arquivo JavaScript:

  • Abra o VSCode.

  • Crie um novo arquivo clicando em “File” > “New File” ou pressionando Ctrl + N.
  • Salve o arquivo com uma extensão .js, por exemplo, script.js. Você pode escolher qualquer nome que desejar.
  1. Escreva seu código JavaScript:
    • No arquivo script.js, escreva o código JavaScript que deseja executar. Por exemplo:
     console.log("Olá, mundo!");
  2. Abra o arquivo com o Live Server:
    • Clique com o botão direito do mouse no arquivo script.js.
    • Selecione “Open with Live Server” no menu suspenso.
    • Uma nova guia do navegador será aberta automaticamente, exibindo o resultado da execução do seu script JavaScript.
  3. Visualize o console do navegador:
    • Se você tiver o console do desenvolvedor aberto no navegador, poderá ver a saída do console do seu script JavaScript.
    • No Chrome, você pode abrir o console clicando com o botão direito do mouse na página e selecionando “Inspecionar” e depois procure na aba “Console”.
  4. Edite e atualize seu código:
    • Se fizer alterações no seu arquivo JavaScript, o Live Server atualizará automaticamente a página do navegador para refletir essas alterações.

Depuração com VSCode e Chrome

Exercício Prático

  1. Hello, World! em JavaScript

    Utilizando o ambiente do JSFidle, escreva um pequeno programa em JavaScript que retorne a mensagem “Hello, World” na função main.

    Dicas:

    • O código deve ser implementado no editor de código JavaScript do JSFifle e o resultado dos testes (correção automática) pode ser visualizado na janela do navegador. Caso o código esteja correto, uma mensagem em verde aparecerá no navegador informando que o teste foi bem sucedido.

    • Você pode fazer um “fork” (no menu superior) para que o exemplo fique salvo na sua conta do JSFiddle.

Referências 📚

Rodrigo Prestes Machado
CC BY 4.0 DEED

Copyright © 2024 RPM Hub. Distributed by CC-BY-4.0 license.