O que é JavaScript e como funciona?

O que é JavaScript e como funciona?

JavaScript se tornou um elemento básico no desenvolvimento da web moderno. Essa linguagem poderosa evoluiu para uma ferramenta essencial para qualquer desenvolvedor da web entender.





JavaScript possui recursos especiais que o tornam diferente das linguagens de programação tradicionais. Vamos investigar o que é, como funciona e o que você pode fazer com ele. Vamos decompô-lo.



O que é JavaScript?

JavaScript é uma linguagem de script para a web. É uma linguagem interpretada, o que significa que não precisa de um compilador para traduzir seu código como C ou C ++. O código JavaScript é executado diretamente em um navegador da web.





A versão mais recente do idioma é ECMAScript 2018, lançado em junho de 2018.

JavaScript funciona com HTML e CSS para construir aplicativos da web ou páginas da web. O JavaScript é compatível com a maioria dos navegadores modernos, como Google Chrome, Firefox, Safari, Microsoft Edge, Opera, etc. A maioria dos navegadores móveis para Android e iPhone agora também oferece suporte para JavaScript.



JavaScript controla os elementos dinâmicos das páginas da web. Funciona em navegadores da web e, mais recentemente, também em servidores da web. As interfaces de programação de aplicativos (API) também são suportadas por JavaScript, oferecendo mais funcionalidade.

Entender todas as maneiras como o JavaScript funciona é um pouco mais fácil quando você entende como funciona a programação da web, então vamos aprender mais.



Blocos de construção de aplicativos da web

Existem três componentes que criam sites e aplicativos: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) e JavaScript. Cada um tem uma função na criação de um aplicativo da web.

  • HTML é uma linguagem de marcação que cria o esqueleto da página da web. Todos os parágrafos, seções, imagens, cabeçalhos e texto são escritos em HTML. O conteúdo aparece no site na ordem em que foi escrito em HTML.
  • CSS controla o estilo e os aspectos adicionais do layout. CSS é usado para criar o design do site, criando cores, fontes, colunas, bordas, etc. Leva o site de elementos de texto simples a designs coloridos.
  • O terceiro elemento é JavaScript. HTML e CSS criam a estrutura, mas não fazem nada a partir daí. JavaScript cria atividade dinâmica em seu aplicativo. O script em JavaScript é o que controla as funções quando os botões são clicados, como os formulários de senha são autenticados, como a mídia é controlada.

Todas as três partes funcionam em harmonia umas com as outras para criar aplicativos em grande escala. Seria uma boa ideia aprender mais sobre HTML e CSS se você não estiver totalmente familiarizado com eles.



melhor lugar para comprar camisetas gráficas

Como funciona o JavaScript?

Antes de escrever JavaScript, é importante saber como ele funciona nos bastidores. Há duas partes importantes para aprender sobre: ​​como o navegador da web funciona e o Document Object Model (DOM).

O navegador da web carrega uma página da web, analisa o HTML e cria o que é conhecido como Document Object Model (DOM) a partir do conteúdo. O DOM apresenta uma visualização ao vivo da página da web para o seu código JavaScript.

O navegador irá então pegar tudo relacionado ao HTML, como imagens e arquivos CSS. As informações CSS vêm do analisador CSS.

O HTML e o CSS são colocados juntos pelo DOM para criar a página da web primeiro. Em seguida, o mecanismo JavaScript do navegador carrega arquivos JavaScript e código embutido, mas não executa o código imediatamente. Ele espera que o HTML e o CSS terminem de carregar.

Feito isso, o JavaScript é executado na ordem em que o código é escrito. Isso resulta no DOM sendo atualizado pelo código JavaScript e processado pelo navegador.

A ordem aqui é importante. Se o JavaScript não esperasse que o HTML e o CSS terminassem, ele não seria capaz de alterar os elementos DOM.

O que posso fazer com JavaScript?

JavaScript é uma linguagem de programação completa que pode fazer a maioria das coisas que uma linguagem normal como o Python. Esses incluem:

como instalar um disco rígido secundário
  • Declarando variáveis.
  • Armazenando e recuperando valores.
  • Definir e invocar funções, incluindo funções de seta .
  • Definição de objetos e classes JavaScript.
  • Carregando e usando módulos externos.
  • Escrever manipuladores de eventos que respondem a eventos de clique.
  • Escrevendo o código do servidor.
  • E muito mais.

Aviso: Como o JavaScript é uma linguagem tão poderosa, também é possível escrever malware, vírus e hacks de navegador para infligir aos usuários. Isso vai desde o roubo de cookies do navegador, senhas e cartões de crédito até o download de vírus em seu computador.

Usando JavaScript

Vejamos alguns fundamentos do JavaScript com exemplos de código.

Declarando variáveis

O JavaScript é digitado dinamicamente, o que significa que você não precisa declarar o tipo de suas variáveis ​​em seu código.

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

Operadores

Adição

12 + 5
>> 17

Subtração

20 - 8
>> 12

Multiplicação

5 * 2
>> 10

Divisão

50 / 2
>> 25

Módulo

45 % 4
>> 1

Arrays

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

Funções

JavaScript pode escrever funções, aqui está uma função simples que adiciona números.

function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

rotações

JavaScript pode executar loops para iteração, loops como para loops e while loops.

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

Comentários

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

Em uma página da web

A maneira mais comum de carregar JavaScript em uma página da web é usar o roteiro Tag HTML. Dependendo de seus requisitos, você pode usar um dos seguintes métodos.

  • Carregue um arquivo JavaScript externo em uma página da web da seguinte maneira:
  • Você pode especificar o URL completo se o javascript for de um domínio diferente da página da web da seguinte maneira:
  • JavaScript pode ser incorporado diretamente no HTML. Aqui está um
    alert('Page is loaded');

Além desses métodos, existem maneiras de carregar código JavaScript sob demanda. Na verdade, existem estruturas dedicadas a carregar e executar módulos JavaScript com dependências adequadas resolvidas em tempo de execução.

Esses são tópicos mais avançados, agora você está aprendendo o básico.

Amostra de trechos de código JavaScript

Aqui estão alguns exemplos de código JavaScript simples para ilustrar como ele é usado em páginas da web. Estes são exemplos de código que funcionam com o DOM.

  • O seguinte seleciona todos negrito elementos no documento e define a cor do primeiro como vermelho. var elems = document.getElementsByTagName('b');
    elems[0].style.color = 'red';
  • Quer mudar a imagem em um img marcação? O seguinte associa um manipulador de eventos para o clique evento de um botão.
    Change Image
  • Atualizar o conteúdo do texto de um parágrafo ( p ) elemento? Colocou o innerHTML propriedade do elemento como mostrado:

    Hello World


    Click me

Esses exemplos de código oferecem apenas um vislumbre do que você pode fazer usando JavaScript em sua página da web. Existem muitos tutoriais que podem ensiná-lo a codificar para você começar. Você pode experimentar em qualquer página da web, até mesmo nesta! Abra seu console e experimente alguns códigos JavaScript.

Agora você sabe o que o JavaScript faz

Esperançosamente, esta introdução trouxe alguns insights sobre JavaScript e empolgou você com a programação da web. Você pode recapitular tudo em nossa prática folha de dicas de JavaScript . Há muito mais para aprender sobre JavaScript. Quando você se sentir mais confortável, por que não tentar aprender a usar o Document Object Model? Você também pode estar interessado em aprender sobre o TypeScript.

Compartilhado Compartilhado Tweet O email Como limpar seu PC com Windows usando o prompt de comando

Se o seu PC com Windows estiver com pouco espaço de armazenamento, limpe o lixo usando esses utilitários de prompt de comando rápidos.

meu telefone está fazendo coisas sozinho
Leia a seguir Tópicos relacionados
  • Tecnologia Explicada
  • Programação
  • Desenvolvimento web
  • JavaScript
  • Scripting
Sobre o autor Anthony Grant(40 artigos publicados)

Anthony Grant é um escritor freelance cobrindo Programação e Software. Ele é formado em Ciência da Computação e se interessa por programação, Excel, software e tecnologia.

Mais de Anthony Grant

Assine a nossa newsletter

Junte-se ao nosso boletim informativo para dicas de tecnologia, análises, e-books grátis e ofertas exclusivas!

Clique aqui para se inscrever