Introdução ao JavaScript

Neste tópico, discutimos a Introdução ao JavaScript, pois é uma linguagem de programação dinâmica leve. Os programas escritos nessa linguagem são chamados de scripts, esses scripts são incorporados em páginas da Web e podem manipular o conteúdo HTML. Esses scripts são executados à medida que as páginas da Web são carregadas, e os JavaScript não precisam ter cumprido para serem executados. Anteriormente, o JavaScript era conhecido como LiveScript, mas depois foi alterado para JavaScript. Como o Java era muito popular na época, a introdução de uma nova linguagem com a semelhança nos nomes seria benéfica para eles. Mais tarde, porém, o JavaScript se tornou uma linguagem independente com sua própria especificação chamada ECMAScript. O Netscape 2.0 é o primeiro em que a implementação do JavaScript foi vista pela primeira vez. A sintaxe do JavaScript é mais influenciada pela linguagem de programação 'C'.

Execução de JavaScript

Como discutimos acima na Introdução ao JavaScript, agora vamos estudar a Execução do JavaScript:

O JavaScript é uma linguagem de script que não pode ser executada por si só; portanto, precisamos de uma plataforma para executá-lo. Essa plataforma nada mais é do que o navegador em que abrimos a página da web; os navegadores já possuem mecanismos de execução internos. Em épocas anteriores, ele era suportado principalmente pelo IE (Internet Explorer); portanto, para muitos sites, costumava haver uma nota para um melhor desempenho, usando o IE7 ou algo assim. Hoje em dia, todos os navegadores suportam JavaScript, portanto, não precisamos nos preocupar se nosso site funcionará corretamente para todos os navegadores ou será suportado apenas por qualquer navegador específico. Os scripts podem ser executados com a ajuda do mecanismo JavaScript, a presença desses mecanismos garante a execução de scripts no navegador, servidor ou qualquer outro dispositivo. O nome dos mecanismos difere como navegador, alguns mecanismos incorporados ao navegador são chamados de "JavaScript Virtual Machine", enquanto outros estão listados abaixo:
• V8 é o mecanismo JavaScript de código aberto do Google Chrome desenvolvido pelo Chromium Project.
• SpiderMonkey é o primeiro mecanismo desenvolvido pela Netscape Communications.
• Nashorn, JScript, Rhino, etc. Existem alguns outros mecanismos JavaScript.

JavaScript do lado do cliente

Uma forma mais comum de linguagem é o JavaScript do lado do cliente. Os navegadores precisam interpretar os scripts, para isso, eles devem ser incluídos ou apontados pelo documento HTML. O JavaScript está incluído no HTML; para isso, não é obrigatório que o HTML seja estático. Mas, adicionando scripts, podemos criar uma página da Web mais interativa. Os scripts do lado do cliente oferecem vantagens sobre os scripts tradicionais do lado do servidor, por exemplo, implementamos o JavaScript para validar informações básicas preenchidas na página da Web, como idade para números, email para @ e .com etc. Os scripts desenvolvidos e incorporados para validação, são executados assim que o usuário envia o formulário e, se as entradas forem válidas, o formulário será enviado, caso contrário, a mensagem de erro será exibida.

Recursos do JavaScript do lado do cliente

Neste tópico Introdução ao JavaScript, também mostramos os recursos do JavaScript:

• Podemos controlar a aparência e o conteúdo dos documentos
• Podemos controlar o navegador como caixas pop-up
• Interaja com formulários HTML, por exemplo, podemos ter que enviar o botão
• Interaja com o usuário, por exemplo, exibimos mensagens em um determinado texto ou palavra.

Por que o JavaScript é único?

Existem várias ferramentas e linguagens de programação disponíveis para a criação de navegadores da web. O JavaScript é distinto de qualquer um deles devido à presença de três recursos que são combinados exclusivamente. A incorporação desses três recursos juntos é disponibilizada apenas em JavaScript e isso o torna uma linguagem de programação exclusiva, especialmente para o design de interface.

  • Ele fornece integração completa com HTML. HTML é uma ferramenta padrão para o desenvolvimento de páginas da web. A assimilação do JavaScript traz poderosas bibliotecas e ferramentas para lidar com a maioria dos requisitos
    tarefas.
  • Além de ser integrado ao HTML, também é suportado por todos os navegadores, o que o torna a melhor escolha
  • A linguagem de programação é eficiente com bibliotecas em constante evolução. Isso torna o JavaScript uma linguagem de programação de alto desempenho em todas as áreas da Web, desenvolvimentos de aplicativos para dispositivos móveis e até IOT.

Exemplos de Javascript

Aprendemos sobre a introdução ao Javascript na seção acima e agora prosseguimos com os exemplos de Javascript listados abaixo:

Script incorporado

Devemos manter todo o nosso código JavaScript dentro de … tags, se estiver incluindo nosso código no documento HTML. Isso irá distinguir nosso código do resto do código. Existem muitas linguagens de script do lado do cliente disponíveis, é recomendável especificar a linguagem de script. Para fazer isso, basta adicionar o atributo type dentro da tag da seguinte maneira:
Agora veremos o exemplo em que incorporamos "Hello World!" No JavaScript da seguinte maneira:


My First JavaScript code!!!
alert("Hello World!");



My First JavaScript code!!!
alert("Hello World!");


  • Script externo

Às vezes, podemos querer que um único JavaScript seja executado em muitas outras páginas, sem precisar escrever o mesmo script em todas as páginas. Para implementar isso, podemos escrever um JavaScript em um arquivo externo. Depois de escrever, devemos salvar o script externo com uma extensão .js específica. O script externo não deve ter ou tags. Podemos fazer uso desse script apontando para o arquivo .js no atributo "src" na tag da seguinte maneira:
Abaixo está o exemplo de um script externo, onde usamos o javascript1.js como um arquivo externo




Vantagens e desvantagens do Javascript

Conforme aprendemos sobre o conceito básico de introdução ao JavaScript, agora iremos adiante com as vantagens e desvantagens do JavaScript.

Vantagens do JavaScript

• A validação dos dados pode ser feita antes de enviá-los ao servidor. Isso economiza tráfego no servidor, evitando carga desnecessária no servidor.
• Formulários da Web fáceis de usar podem ser criados, quando os usuários esquecem de preencher ou cometem algum erro, eles não precisam esperar a recarga da página e podem ser solicitados na mesma hora.
• Podemos criar interfaces que orientam os usuários quando passam o mouse sobre eles através do mouse.
• Usando JavaScript, podemos adicionar uma lista suspensa, controles deslizantes etc.
• O objeto de data do JavaScript facilita o trabalho com datas e hora.
• Animação e imagens sobrepostas podem ser exibidas.
• A data da última modificação do documento pode ser marcada com carimbo de data / hora usando o objeto Documento.

Desvantagens do JavaScript

• O JavaScript do lado do cliente não permite a leitura e gravação de arquivos, pois não podemos permitir que nenhum script aleatório organize nosso disco.
• Os aplicativos de rede não são compatíveis com JavaScript.
• Multi-tarefa multi-threading não é suportada por JavaScript.

Conclusão - Introdução ao Javascript

• JavaScript é uma linguagem de script que não precisa ser compilada.
• JavaScript pode ser executado em quase todos os navegadores disponíveis.

Artigos recomendados

Este foi um guia para Introdução ao JavaScript. Aqui discutimos o conceito básico de introdução ao JavaScript com Execução, Características, Exemplo e Vantagens do JavaScript. Você também pode consultar os seguintes artigos:

  1. CSS vs JavaScript
  2. Cheat Sheet JavaScript
  3. TypeScript vs JavaScript
  4. JavaScript vs VBScript
  5. Funções matemáticas de JavaScript
  6. Ferramentas JavaScript diferentes