INTRODUÇÃO À JAVASCRIPT

           Porque usar JavaScript?

JavaScript é uma das três linguagens que todos os desenvolvedores da Web devem  aprender:

    1. HTML usado para definir o conteúdo de páginas web

    2. CSS para especificar o layout das páginas

    3. JavaScript para programar o comportamento de páginas da web


         Algumas caracteristicas

• Linguagem dinamicamente tipada
•  Linguagem de programação Orientada a Objectos;
• Usado para criação de scripts em amientes Webs;
• Incorporados em aplicações Desktop, incluindo servidores de Base de dados da Web e em programas que não são da Web, como processadores de texto e PDF;
• Multi-plataforma;
• Case-sensitive;
• etc.

         O que JavaScript pode fazer?

• Localizar o elemento de um documento HTML(getElementById());
• Mudar o conteúdo  de um elemento HTML(innerHTML);
• Mudar valor de um atributo em um elemento HTML ex.  e img.
• Exibir um valor em uma pagina web(document.write());
• Exibir uma janela contendo uma mensagem em um document(window.alert())
• etc.

         Declaraçõess

Existem três tipos de declarações em JavaScript.

  var - Declara uma variável, opcionalmente, inicializando-a com um valor.
                    Ex: var x = 5; cria a variavel x e atribui o valor 5

let - Declara uma variável local de escopo do bloco, opcionalmente, inicializando-a com um valor.

 const - Declara uma constante de escopo de bloco, apenas de leitura.

Uma variável declarada usando a declaração var ou let sem especificar o valor inicial tem o valor  undefined.

Uma tentativa de acessar uma variável não declarada resultará no lançamento de uma exceção ReferenceError

            Valor = indefinido

Em programas de computador, as variáveis são frequentemente declaradas sem um valor. O valor pode ser algo que deve ser calculado ou algo que será fornecido posteriormente, como a entrada do utilizador.
Uma variável declarada sem valor terá o valor indefinido.
A variável soma terá o valor indefinido após a execução desta declaração:var soma;

         Conversão de tipos de dados

A conversão de valores para um determinado tipo de dados pode ser feita de forma explicita e implícita.

Conversão implicita - O JavaScript é uma linguagem de tipagem dinâmica. Isto significa que não é necessário especificar o tipo de dado de uma variável quando ela for declarada, e tipos de dados são automaticamento convertidos conforme necessário durante a execução do script. 

Conversão explicita - No caso de um valor que representa um número está armazenado na memória como uma string, existem métodos para a conversão.

• parseInt()
• parseFloat()

parseInt irá retornar apenas números inteiros. Um método alternativo de conversão de um número em forma de string é com o operador + (operador soma).

         Objectos em JavaScript

Um objecto é uma conjunto/colecção de dados e/ou funcionalidades relacionadas (que geralmente consistem em diversas variáveis e funções). É um tipo de variável especial que possui propriedades e métodos. . Existem três tipos de objectos

>> Objectos internos(Strings, Numbers, date)

>>Objectos do Browser(Window, document)

>>Objectos Personalizados.

         Definição de objectos

Podemos usar a palavra chave var seguido e atribuirmos os valores necessários:
    Ex: var carro = {marca:"Nissan", fabrico:2019, cor:"blue"}; 


Quando uma variável JavaScript é declarada com a palavra-chave "new", a variável é criada como um objeto:

  var car = new String(); //declara a variável car como um bjecto string


     Exemplo 01

1. Crie um portal web que permite calcular a soma de dois números fornecidos via teclado.

O primeiro passo irá consistir em criar um documento HTML:

Após a criação do ficheiro HTML o último passo poderá consistir em criar o Javascript:

     Exemplo 02 

Tendo em conta a imagem abaixo programe o evento clique de modo que possa acender a lâmpada ao clicar no botão acender a lâmpada e de modo a desligar a lâmpada ao pressionar no botão Desligar.

Utilize as seguintes imagens:

Digite o seguinte código HTML:

Crie um ficheiro com extensão JS e digite código abaixo:

   

     Exercícios

1. Crie uma página web que permite exibir uma mensagem de boas vindas;
2. Crie uma página web que permite solicitar o nome do Utilizador e exibir no browser.
3. Modifique o programa de modo a exibir o nome do utilizador como convidado caso não o utilizador não forneça o nome.
4. Crie um portal web que permite ajudar o motorista a calcular o consumo da viatura em uma determinada viagem.
5. Modifique o código do exemplo2 de modo a acender a lâmpada ao passar o cursor do mouse sobre a imagem. Utilize os eventos onmousemove e onmouseout.
6. Crie um portal web que permite ajudar o motorista a calcular o IMC. O IMC – Índice de Massa Corporal é um critério da Organização Mundial de Saúde para dar uma indicação sobre a condição de peso de uma pessoa adulta. A fórmula é IMC = peso / ( altura )². Elabore um programa que leia o peso e a altura de um adulto e mostre sua condição de acordo com a seguinte relação: 

                  IMC em adultos Condição 

                  Abaixo de 18,5 - Abaixo do peso

                  Entre 18,5 e 25 - Peso normal

                  Entre 25 e 30 - Acima do peso

                  Acima de 30 - obeso