O que é a JavaRoteiro? Introdução com exemplo de "Olá, Mundo!"

O que é a JavaRoteiro?

JavaScript é uma linguagem de programação de alto nível que adiciona comportamento às páginas da web. É uma das três tecnologias principais da web: HTML fornece a estrutura, CSS fornece a aparência e JavaO script fornece a interação. Sempre que uma caixa de pesquisa mostra sugestões enquanto você digita, um carrossel de fotos desliza ou um formulário de inscrição avisa sobre um campo ausente, JavaO script está executando essa tarefa em segundo plano.

O diagrama abaixo mostra como um script se integra à estrutura de uma página web comum.

Durante a maior parte de sua vida JavaO Script era descrito como uma linguagem de script do lado do cliente, pois só funcionava dentro de um navegador. Essa descrição está agora incompleta. Desde o surgimento do Node.js em 2009, a mesma linguagem também passou a ser usada em servidores web, utilitários de linha de comando, aplicativos de desktop e aplicativos móveis. Uma descrição mais precisa hoje seria que... JavaScript é uma linguagem de propósito geral com uma presença excepcionalmente forte no navegador.

As características que definem a língua são:

• Tipagem dinâmica: Uma variável pode armazenar um número em um momento e uma string em seguida, portanto, os tipos são verificados durante a execução do programa.
• Interpretado e compilado em tempo real: Mecanismos como o V8 no Chrome e o Node.js compilam o código executado com frequência em código de máquina para aumentar a velocidade.
• Multiparadigma: Os estilos imperativo, funcional e orientado a objetos são todos suportados.
• Orientado a eventos: O código reage a cliques, pressionamentos de teclas, temporizadores e respostas de rede, em vez de ser executado de cima para baixo e parar.ping.
• Monothread com um loop de eventos: Tarefas lentas, como chamadas de rede, são enfileiradas em vez de congelar a página.

História da JavaScript

Brendan Eich criou JavaEm 1995, na Netscape Communications, foi criado um script que produziu o primeiro protótipo funcional em aproximadamente dez dias. Internamente, o projeto era chamado de ágataEle foi lançado em uma versão beta do Netscape Navigator 2.0 como LiveScriptName Em setembro de 1995, e foi renomeado. JavaScript Em dezembro de 1995, como parte de um acordo de marketing entre a Netscape e a Sun Microsystems, empresa proprietária da empresa. Java no momento.

Essa mudança de nome é o único motivo pelo qual tantos iniciantes ainda presumem JavaScript é uma edição leve de JavaAs duas linguagens não têm relação alguma em termos de design, propriedade e tempo de execução. A Netscape submeteu a linguagem à Ecma International em 1996, e a primeira edição do padrão ECMA-262 foi publicada em junho de 1997. A tabela abaixo lista os marcos mais importantes na leitura de códigos mais antigos.

Devido ao ciclo de lançamento anual, o código escrito antes de 2015 apresenta diferenças notáveis ​​em relação ao código moderno. Tutoriais mais antigos utilizam var em todos os lugares, enquanto o código atual prefere let e const quando declarando variáveis ​​em JavaScript.

O que é a JavaPara que serve o script?

JavaA linguagem Script não se limita mais a pequenos truques em páginas. A mesma sintaxe agora aparece em quatro lugares muito diferentes, e é por isso que ela figura constantemente entre as linguagens mais usadas em pesquisas com desenvolvedores.

Jogos, visualizações de dados, extensões de navegador e pequenos projetos de hardware também dependem dela. Para um iniciante, a consequência prática é simples: o esforço investido na sintaxe agora se transfere diretamente para o trabalho em servidores, dispositivos móveis e automação de testes posteriormente. Se você quiser ver a linguagem aplicada a problemas reais, trabalhe com um conjunto de exercícios. prático JavaExemplos de código de script Assim que o básico estiver dominado.

Como executar JavaRoteiro?

JavaO script não se executa sozinho. Ele precisa de um ambiente host que contenha um JavaScript motorO Chrome e o Edge usam a versão V8. Firefox usa o SpiderMonkey e o Safari usa JavaScriptCore. Quando um navegador baixa uma página HTML e encontra um script, ele passa esse script para seu mecanismo, que o analisa, compila e executa.

O segundo ambiente de hospedagem é o Node.js, que incorpora o mesmo mecanismo V8 fora do navegador. É assim que a mesma linguagem é executada em um servidor ou em um terminal. A vantagem prática de JavaO roteiro é esse todos os navegadores modernos o suportam. on Windows, Linux e macOSAssim, você raramente precisa se preocupar com qual navegador um visitante usa. Isso representa uma melhoria real em relação ao VBScript, que só funcionava no Internet Explorer. Windows e agora está obsoleto, assim como o próprio Internet Explorer.

Ferramentas necessárias

Você precisa de um editor de texto para escrever o código e um navegador para visualizar o resultado. Notepad++, Visual Studio Code, Sublime TextQualquer outro editor com o qual você se sinta confortável servirá, embora um editor com realce de sintaxe e correspondência de colchetes economize bastante tempo de depuração. Qualquer navegador atual funciona: Google Chrome, Firefox, Microsoft Edgeou Safari. Nada mais precisa ser comprado ou instalado além desses dois itens.

Um simples JavaPrograma de script

Se você continuar JavaO script deve estar inserido dentro do próprio documento HTML; todo o código deve estar entre uma tag de abertura e uma tag de fechamento. <script> etiqueta e um fechamento </script> tag. É assim que o navegador diferencia seu código da marcação ao redor. Páginas mais antigas também definem uma type atributo, escrito como <script type="text/javascript">, que era necessário quando existiam linguagens concorrentes do lado do cliente, como o VBScript. As páginas modernas omitem isso, porque o HTML5 trata text/javascript como padrão. As duas versões abaixo são funcionalmente idênticas e ambas continuam válidas.

Exemplo Olá Mundo

O primeiro programa tradicional exibe uma mensagem. Coloque o seguinte código HTML em um arquivo chamado hello.html e abra-o em um navegador.

<html>
<head>
	<title>My First JavaScript code!!!</title>
	<script type="text/javascript">
		alert("Hello World!");
	</script>
</head>
<body>
</body>
</html>

Saída:

A browser dialog box opens containing the text:

Hello World!

Observação: type="text/javascript" Não é necessário em HTML5. O código a seguir funciona exatamente da mesma maneira.

<html>
<head>
	<title>My First JavaScript code!!!</title>
	<script>
		alert("Hello World!");
	</script>
</head>
<body>
</body>
</html>

Saída:

A browser dialog box opens containing the text:

Hello World!

Quando uma página ultrapassa algumas linhas, o roteiro passa a ter sua própria identidade. .js O arquivo mantém a marcação legível e permite que o navegador armazene o código em cache. As diferenças são abordadas em detalhes nesta comparação de interno e externo JavaScript.

Como escrever e executar seu primeiro roteiro

Existem três maneiras práticas de executar JavaRoteiro, e um iniciante deve experimentar os três, pois cada um se adequa a uma situação diferente.

1. O console do navegador. Esta é a opção mais rápida e não requer nenhum arquivo. Abra qualquer página da web e pressione F12 (ou Ctrl+Shift+Eu em Windows e no Linux, Cmd+Option+I em macOS), e selecione o cônsul Na guia, digite uma linha, pressione Enter e o resultado aparecerá imediatamente. É o local ideal para testar uma única expressão ou verificar o que uma função retorna.

// Type each line into the browser console and press Enter
console.log(2 + 2);
console.log("Guru" + 99);
console.log(Math.max(4, 12, 7));
console.log(typeof "hello");

Saída:

4
Guru99
12
string

Observe a segunda linha. Adicionando o número 99 à sequência “Guru” produz a string “Guru99” em vez de um erro, porque JavaO script converte o número em texto automaticamente. Esse comportamento é conveniente, mas também uma fonte clássica de erros comuns entre iniciantes.

2. Um arquivo HTML. Este é o exemplo "Olá Mundo" mostrado acima. Use-o sempre que o código precisar interagir com a página, por exemplo, para ler o valor de um formulário ou alterar um elemento.

3. Node.js a partir do terminal. Instale o Node.js e salve o código em um arquivo com um nome de arquivo. .js extensão, depois execute node first-script.jsNada é renderizado, então console.log Torna-se seu canal de saída. Este é o caminho a seguir quando você deseja praticar recursos de linguagem puros, sem nenhum HTML envolvido.

// first-script.js
const language = "JavaScript";
const createdBy = "Brendan Eich";
const releaseYear = 1995;

console.log(language + " was created by " + createdBy + " in " + releaseYear + ".");

const usedFor = ["Interactive web pages", "Server apps with Node.js", "Mobile apps"];

usedFor.forEach(function (item, index) {
  console.log(index + 1 + ". " + item);
});

Saída:

JavaScript was created by Brendan Eich in 1995.
1. Interactive web pages
2. Server apps with Node.js
3. Mobile apps

Este pequeno script já utiliza três ideias que você encontrará constantemente: constantes declaradas com const, um ordem contendo uma lista de valores e uma função de retorno de chamada passada para forEachReescrevendo o mesmo loop com um for A afirmação é um exercício útil depois de você ter estudado. loops em JavaScript.

JavaRoteiro vs. Java

Os nomes são o maior acidente da história da programação, e a confusão que causam merece ser esclarecida o quanto antes. JavaO Script foi renomeado de LiveScript para Script puramente por razões de marketing em 1995, numa altura em que Java Era a tecnologia mais comentada na web. As duas linguagens foram desenvolvidas por pessoas diferentes, em empresas diferentes, para problemas diferentes.

A única semelhança real é que ambas as linguagens utilizam a sintaxe de chaves do C. Aprender uma não ensina a outra, embora a sintaxe compartilhada torne a segunda linguagem um pouco mais fácil de ler. Se for estritamente tipadoping atrativo pra você, TypeScript adiciona uma camada de tipo estático sobre JavaScript durante a compilação para texto simples JavaRoteiro, e as diferenças estão descritas neste documento. TypeScript e JavaComparação de roteiros.

Com o básico estabelecido, os próximos passos naturais são: interativo JavaExercícios de roteiro, Em seguida variáveis ​​e tipos de dados, Seguido por matrizes e laços. Depois disso, Orientado a Objeto JavaScript Explica como objetos, protótipos e classes se encaixam, e formatação de string Abrange o tratamento de texto que você usará em quase todos os roteiros.

Perguntas Frequentes