Conteúdo

Bytes4Future – PowerUP Aula 1 – Introdução ao JavaScript Conteúdo

História do Javascript

Foi criado em 1995 pelo Netscape Communications Corporation.
Inicialmente, era conhecido como “LiveScript” e posteriormente foi renomeado para “JavaScript”.
Em 1997, o JavaScript foi padronizado pela ECMA International, resultando no ECMAScript, uma especificação que serve como base para o JavaScript moderno.
Essa padronização permitiu que o JavaScript se tornasse uma linguagem mais amplamente aceita e utilizada em diferentes navegadores.

JavaScript é uma linguagem de programação de alto nível amplamente usada para o desenvolvimento web para adicionar interatividade e dinamismo a sites e aplicações web.

Hello world em JavaScript

console.log("Olá Bytes4Future!");

Abrir a consola no Navegador

Abrir Google Chrome
Clicar no F12 no teclado ou clique com o botão direito em qualquer lugar da página e selecione “Inspecionar”.
Vá para a guia “Console”.
Executa: console.log(“Hello World!”);

VSCODE

Como criar um script

Há duas maneiras de adicionar JavaScript ao ficheiro:

É sempre colocado no final do body!

Inline:

<html>
   <head>
      <title> Exemplo de Script Inline </title>
   </head>
<body>
   <h1>Exemplo de Script Inline </h1>
   
   <script>
        // Código JavaScript Inline
        let mensagem = "Olá Mundo!";
        console.log(mensagem)
   </script>
</body>
</html>

Externo

<html>
   <head>
      <title> Minha Página </title>
   </head>
<body>
   <h1>Minha Página </h1>
   <script src="script.js"></script>
</body>
</html>

Como criar um ficheiro JavaScript

Abre o VsCode
Cria um Novo Ficheiro e guarda-o com a extensão .js
Começar a escrever código

Por exemplo:

console.log("Hello World!");

Para executar código no terminal, abre o terminal do VsCode. (windows ctrl + ç) (macOs ctrl + ~)

Executa o código no terminal: node + nome do ficheiro

Como comentar em JS

Comentários de uma única linha

// Escreve o teu comentário aqui

Comentário de multiplas linhas:

/* Escreve o teu
    Comentário
      aqui */

Variáveis

São usadas para armazenar dados e valores.

Elas servem como caixas, que podem conter diferentes tipos de informações.

Para criar uma variável em JavaScript, pode usar as palavra-chave var, let ou const, seguidas pelo nome da variável.

Variáveis são nomes que guardam um valor que pode ser alterado.

São declaradas com a palavra reservada var ou let. Dá preferencia ao let.

let aMinhaVariavel = 1;
let outraVariavel = "Teste";

Como dar nomes a Variáveis

As variáveis costumam seguir a regra camelCase, ou seja, começam por letra minúscula e a primeira letra de cada nova palavra em maiúscula.

let gradeAverage = 0
let totalScore = 9000

As variáveis em JavaScript não estão diretamente associadas a nenhum tipo de valor específico, e qualquer variável pode receber (e reatribuir) valores de todos os tipos:

let exemplo = 42; // a variável é do tipo number
exemplo = "bar"; // exemplo agora é do tipo string
exemplo = true; // agora é um boolean

Constantes

Constantes são variáveis que guardam um valor que não pode ser alterado. São declaradas com a palavra reservada const

const A_MINHA_CONSTANTE = 1;
const OUTRA_CONSTANTE = "Teste";

As constantes servem para guardar um valor que sabemos antes da execução do código e que não vai mudar.

Principalmente quando este valor é utilizado em muitos pontos no código.

Como dar nomes a constantes ?

Já as constantes devem ter nomes em MAIÚSCULAS, separadas por _

const MAX_NUMBER = 1000
const MIN_NUMBER = 0

Module anterior

Voltar para Module

Seguinte Lesson

Bytes4Future – PowerUP