Pesquisar aqui

sábado, 20 de junho de 2020

JavaScript - Operadores de lógica

Hoje irei falar dos operadores de lógica. Esta é uma continuação da exploração e estudo das expressões no JavaScript, eu já falei brevemente sobre este tópico e se ainda não tiveres a par com este estudo recomendo que vás visitar as minhas entradas anteriores sobre o tópico. Então o que são os operadores de lógica?
Os operadores de lógica, também conhecidos como as operadores booleanos, avaliam as expressões com apenas dois tipos de valores: verdadeiro ou falso. Em baixo podemos ver três destes destes operadores booleanos: 


&& - avalia como verdadeiro se ambas das expressões forem verdadeiras;
|| - avalia como verdadeiro se pelo menos uma das expressões forem verdadeiras;
! - avalia como verdadeiro se a expressão for falsa e avalia como falso se a expressão for verdadeira;




Agora vamos ver estas operações em ação:

4 > 2 && 15 < 6

Neste exemplo temos uma operação de lógica, e está tem o valor de falso. Isto é porque apenas uma expressão é verdadeira (4 > 2). A outra expressão ao ser falsa (15 > 6) faz com que a operação inteira tenha o valor de falso. Vamos então ver as mesmas operações com outro operador lógico:

4 > 2 || 15 < 6

Nesta operação o valor da condição total será verdadeiro. Pois nesta é apenas necessário que uma das condições seja verdadeiro e como já se analisou na expressão anterior isto aplicar-se neste exemplo. Espero que esta entrada no blog é pequena analise dos operadores de lógica tenha sido util. Até à próxima!

Site do PT09: Iniciação ao Javascript

Neste post venho apresentar-vos um site criado por mim e pelo Pedro Peres sobre as condições em Javascript (sendo "Condições em Javascript" o nome do mesmo), que foi criado no âmbito da proposta de trabalho 09 da disciplina de Aplicações informáticas B no ano letivo 2019/2020. 

Este site apresenta o nosso vídeo tutorial sobre as condições (if) em JS. Este vídeo é muito completo, usando um compilado de cenas tipo palestra, exemplos e exercícios. Passando a sua mensagem de forma didática, simples e divertida.

Para além disso podem ter acesso a todos os nossos recursos utilizados no vídeo (explicações e exercícios).


Temos ainda uma página que fala um pouco sobre os autores do vídeo (nós).


Caso deseje apenas ver o vídeo, possui o link aqui. Para acessar ao site cliquem aqui.

As imagens são printscreens do site.


sexta-feira, 19 de junho de 2020

JavaScript - Operadores de comparação

Hoje irei falar dos operadores de comparação. Esta é uma continuação da exploração e estudo das expressões no JavaScript, eu já falei brevemente sobre este tópico e se ainda não tiveres a par com este estudo recomendo que vás visitar as minhas entradas anteriores sobre o tópico. Então o que são os operadores de comparação?
Bem esta no seu nome! Estes são operadores que usam declarações lógicas para determinar a igualdade ou diferença entre variáveis ou valores. Estes avaliam expressões apenas com valores de verdadeiro ou falso. Em baixo temos uma pequena lista que explica o funcionamento de alguns destes e demonstra exemplos:

Os 6 frameworks e bibliotecas JavaScript que você deveria conhecer!


Operadores                                                     Descrição                                             Exemplo

  • ==                                                        Igual a                                                     2 == 5 false
  • ===                                                      Idêntico (igual e do mesmo tipo)               2 === 5 false
  • !=                                                         não é igual a                                            2 != 5 true
  • !==                                                       não é idêntico a                                       2 !== 5 false
  • >                                                          maior que                                                2 > 5 false
  • >=                                                        maior ou igual a                                       2 >= 5 false
  • <                                                          menor que                                               2 < 5 true
  • <=                                                        menor ou igual a                                      2 <= 5 true
Espero que esta lista te seja útil. Eu continuarei a partilhar até ao fim da semana. Até à próxima!

Final de Curadoria



É com tristeza que faço a minha última publicação neste blog público.
Chegou o final do ano escolar e com isto o fim de uma grande aventura na disciplina de Aplicações Informáticas B na Escola Secundária José Gomes Ferreira.
Gostei muito de partilhar os meus conhecimentos e apontamentos com vocês e espero que tenham gostado das minhas publicações. Foi um grand
e trabalho mas não me arrependo nem um pouco pois pude mostrar ao mundo um pouco mais da programação e esperemos que com sucesso, inspirando novos programadores.
Despeço-me então, bom verão para todos e nunca deixem de programar, nunca deixem de querer aprender; na programação o estudo e aprendizagem são contínuos. Mais importante que tudo, nunca deixem de fazer o que mais gostam! Só se vive uma vez, aproveitemos ao máximo as nossas oportunidades!

Deixo-vos com o vídeo final que realizei com o meu colega André Jesus, Javascript Dinâmico!



Adeus!

JavaScript-Exemplos de aplicações

JavaScript-Exemplos de aplicações


  • Validação de formulários: assim, o seu usuário não passa pela frustação de ter que recarregar a página inteira simplesmente porque digitou um campo errado;
  • Esconder ou apresentar informações da página, conforme o comportamento de seu usuário;
  • Janelas de aviso ou de confirmação;
  • Sistemas de autocomplete, algo parecido com quando você digita na busca do Google e ele completa com as palavras possíveis ou já salvas pelo seu navegador;
  • Sistemas ou aplicações web que mostram informações que mudam constantemente, conforme eventos internos ou externos ao site/aplicação.
  • Interações com elementos HTML, para que estes mudem dinamicamente.
  • Interação com regras CSS, da mesma forma que com o HTML.


No link acima podem ver como o JavaScript torna a apresentação do site muito mais agradável de navegar, as várias animações destacam o essencial como os sensores a funcionar e a velocidade do veículo.



Iniciação ao CSS: text-transform

A propriedade text-transform é utilizada para determinar como um pedaço de texto será capitalizado. Para isso possui três valores: 
capitalize - Que faz com que a primeira letra de cada palavra fique capitalizada (letra grande)
uppercase -Faz com que todo o texto fique em "letras grandes", como se fosse escrito com o Caps Lock ativado
lowercase - Todo o texto fica em "letras pequenas"



Imagem produzida pelo autor

JavaScript- Operadores lógicos

NAS PUBLICAÇÕES DE SEGUNDA E QUARTA-FEIRA FALEI DE DOIS TIPOS DE OPERADORES, ARITMÉTICOS E DE COMPARAÇÃO, NESTA VOU FALAR NO ÚLTIMO TIPO DE OPERADORES QUE TAMBÉM É MUITO UTILIZADO  OS OPERADORES LÓGICOS!

Operadores lógicos, também conhecidos como operadores booleanos (assim chamados porque retornam sempre um valor booleano - true ou false), avaliam a expressão e retornam verdadeiro ou falso .

A tabela abaixo explica os operadores lógicos ( AND , OR , NOT ):


NOTA: Pode verificar-se todos os tipos de dados; operadores de comparação sempre retornam  valores booleanos: verdadeiro ou falso, nunca outro valor.

Assim como de acordo com a tabela acima, && significa "e", || significa "ou" e ! significa "não", todos traduzidos do inglês.

Exemplo:


(4> 2) && (10 <15)

Para que essa expressão seja verdadeira , ambas as condições devem ser verdadeiras .
- A primeira condição determina se 4 é maior que 2, o que é verdadeiro .
- A segunda condição determina se 10 é menor que 15, o que também é verdadeiro .

Com base nesses resultados, toda a expressão é verdadeira .

Referências:

quinta-feira, 18 de junho de 2020

JavaScript-Origens

JavaScript-Origens

O JavaScript foi criado por um funcionário da empresa Netscape (clica para saber mais sobre a empresa: https://pt.wikipedia.org/wiki/Netscape ) chamado Brendan Eich. O nome JavaScript surgiu mais tarde provavelmente como uma jogada de marketing para competir com a linguagem Java. O nome original era LiveScript.
O JavaScript surgiu para tornar os websites mais animados (como dei o exemplo na minha última publicação o site da Apple e da Tesla).

quarta-feira, 17 de junho de 2020

JavaScript-Para que serve?

JavaScript-Para que serve?



O JavaScript pode controlar o comportamento do navegador em diversos aspectos
Isso é possível porque existe um interpretador JavaScript hospedado no navegador. Em outras palavras, a Linguagem de Programação JavaScript pode controlar o comportamento do navegador em diversos aspectos, como criar janelas pop-up, apresentar mensagens ao usuário, alterar as dimensões do navegador, interferir na barra de status, retirar menus, fechar e abrir janelas.

O JavaScript é a linguagem de programação do lado do cliente (Client-side) mais utilizada.

Trata-se de uma linguagem de programação ao lado do cliente, porque é o navegador que suporta a carga de processamento. Graças à sua compatibilidade com a maioria dos navegadores modernos, o JavaScript é a linguagem de programação do lado do cliente mais utilizada.

O JavaScript permite inserir vários efeitos, fazendo com que o site fique mais dinâmico

Em conjunto com o HTML, além de facilitar a validação de formulários, o JavaScript permite inserir vários efeitos, fazendo com que o site (ou uma mensagem de correio eletrônico) fique mais dinâmico, e com maior interação com o usuário.


Alguns exemplos que, para mim, são sites muito bem conseguidos com um JavaScript muito bem usado são:
Site da Apple (algumas páginas): https://www.apple.com/pt/iphone-11/

Como poderão ver, ambos os sites são muito bem feitos, cada "Scroll", cada Clique parece magia. Este é o poder da conjugação do HTML, CSS e JavaScript.

Iniciação ao CSS: text-decoration

A propriedade "text-decoration" específica como o o texto será decorado. Para tal, possui 6 valores que vou numerar e indicar a sua funcionalidade:

none - O valor padrão, ou seja, o texto fica normal
inherit - Herda o valor desta propriedade do seu elemento "pai"
overline - Desenha uma linha vertical em baixo do texto
underline - Desenha uma linha horizontal em baixo do texto (fica sublinhado)
line-through - Desenha uma linha horizontal em cima do texto (fica rasurado)
blink -  Faz o texto piscar



Imagem produzida pelo autor

Javascript - Classes e Objetos



Já vimos como funcionam as classes e objetos em C++, e é parecido ao de javascript, porém têm as suas diferenças.

Criando a classe:
class Animal{

}

Até agora a única diferença é o javascript não requerer o semicolon no fim.

Adicionando os atributos:
class Animal{
    constructor(){
        this.nome = "";
    }
}

As classes do javascript requerem um construtor para temos atributos a funcionar.

Criando o objeto:
var dog = new Animal();

Estamos a dizer que a variável "dog" é do tipo class Animal, logo objeto.

Usando o construtor:
class Animal{
    constructor(nome){
        this.nome = nome;
    }
}

var dog = new Animal("Bolinha");

Criando e usando métodos:
class Animal{
    constructor(nome){
        this.nome = nome;
    }
    latir(){
        document.write(this.nome + " diz Woof!");
    }
}

var dog = new Animal("Bolinha");
dog.latir();

Referências

JavaScript - Operadores de comparação

NA PUBLICAÇÃO PASSADA FOMOS APRESENTADOS AOS OPERADORES ARITMÉTICOS, JÁ NESTA VAMOS FALAR SOBRE OPERADORES DE COMPARAÇÃO!

Operadores de comparação são usados ​​em instruções lógicas para determinar a igualdade ou diferença entre variáveis ​​ou valores. Eles retornam verdadeiro (true) ou falso (false) .

O operador igual a (==) verifica se os valores dos operandos são iguais, sendo diferente do já falado operador de atribuição (=).


var num = 10; 
// num == 8 retornará false

Abaixo encontra-se uma tabela com todos os operados de comparação mais utilizados, com exemplos simples e com a descrição de cada um deles:


NOTA: Ao usar operadores, verifique se os argumentos são do mesmo tipo de dados; números devem ser comparados com números, strings com strings e assim por diante.

Referências:



segunda-feira, 15 de junho de 2020

Iniciação ao CSS: color

A propriedade "color" permite alterar a cor de um determinado pedaço de texto. Os valores que podem ser associados a esta propriedade são os nomes típicos de cores em inglês como: "red", "green", "blue"... Ou também valores hexadecimais: #FFFFFF (branco) e #000000 (preto)... Por último podem também ser usados valor RGB (Vermelho, Verde e Azul): rgb(255, 255, 255) (preto) ou rgb(0,0,0) (branco).



Imagem produzida pelo autor

C++ - Constructor


Uma das coisas mais importantes das classes são os construtores. Estes são métodos especiais que são executados automaticamente na criação do objeto.

Para dar à nossa classe um construtor, colocamos novamente o identificador da variável seguido de dois parêntesis ( ), tal e qual como numa função. Mas reparem que não colocamos nenhum tipo de dado anterior ao identificador, isto porque já se sabe que é o construtor só pelo identificador.

class Test{
public:
    Test(){
        cout << "Testado!" << endl;
    }
};

Test test;

Assim, na criação do objeto "test" é automaticamente executado o construtor. Executando o programa teremos então o output:
Testado!

A utilidade do construtor é muitas vezes inicializar os atributos do objeto, então também pode ter parâmetros:

class Pessoa{
public:
    int idade;
    string nome;

    Pessoa(int i, string n){
        idade = i;
        nome = n;
    }
};

Pessoa andre(17, "Andre");

Aqui, ao iniciar o objeto colocamos os argumentos 17 e "Andre", que correspondem à idade e nome. No construtor, correspondemos idade ao parâmetro i (17), e nome ao parâmetro n ("André").

Podemos verificar que estão atribuídos com sucesso:
cout << "Idade: " << andre.idade << endl;
cout << "Nome: " << andre.nome << endl;

Com output:
17
Andre

Referências

JavaScript - Operadores Matemáticos

NO JAVASCRIPT COMO EM QUALQUER OUTRA LINGUAGEM DE PROGRAMAÇÃO É NECESSÁRIO REALIZAR CÁLCULOS MATEMÁTICOS E ASSIM COMO NA MATEMÁTICA QUE SE APRENDE NA ESCOLA, EXISTEM OPERADORES PARA REALIZAR ESSAS OPERAÇÕES!

Os operadores matemáticos, também conhecidos como aritméticos, executam funções aritémicas em números, que podem estar ou não associados a variáveis. Assim abaixo encontram se os operadores mais importantes.
Vou dar um exemplo e falar brevemente de alguns deles:

Adição
O operador de acição é utilizado para determinar a soma de dois ou mais números ou variáveis:


var x = 10; 
var y = x + 5 + 22 + 45 + 6548; 
document.write (y); 

// Output 6630

O mesmo acontece com a subtração, multiplicação e divisão só que são realizados com operadores diferentes!

Módulo
O operador módulo pode ser oi mais confuso para a maioria das pessoas, é representado pelo sinal de percentagem e retorna o resto da divisão de um número por outro:


var x = 26% 6; 

// x é igual a 2

Incremento e Decremento
Já estes dois não existem em algumas linguagens e utilizam-se para adicionar ou subtrair uma unidade a um valor, respetivamente. Algumas das suas proriedades com exemplos podem ser consultadas abaixo:



Referêcias:



domingo, 14 de junho de 2020

JavaScript - Operadores de atribuição

Hoje continuarei a entrar a desenvolver o tópico de expressões. Estas tem muitos tipos de operadores. Na ultima entrada eu falei de operadores matemáticos, hoje irei falar de operadores de atribuição. Estes atribui valores a variáveis de JavaScript. Na lista abaixo pode-se ver o funcionamento de cada um destes:
JavaScript! O que é, como funciona e para que serve?

 Operadores                                                     Exemplo                                           É equivalente a...

  • =                                                                x = y                                                          x = y
  • +=                                                              x += y                                                        x = x + y
  • -=                                                               x -= y                                                         x = x - y
  • *=                                                              x *= y                                                        x = x * y
  • /=                                                               x /= y                                                         x = x /y
  • %=                                                             x %= y                                                       x = x % y
Espero que esta lista te seja útil. Eu continuarei a partilhar mais destas ao longo do PT. Até à próxima!

JS: Onde colocar o código


Onde colocamos o código JavaScript?


  No post anterior disse que iria explicar neste post quais eram as formas de colocar Existem duas formas diferentes de colocarmos o nosso código Javascript. Essas duas formas são as seguintes:

1ª) Ficheiro Interno

  O ficheiro externo é como já falei no post anterior mas deixo aqui um exemplo de com deve ser.


  2ª) Ficheiro Externo

   Neste vou por primeiro a foto e depois explicar.


  
  A diferença do interno para o externo é que no externo temos a parte do código JS no folha à parte. Para isso, introduzimos uma linha que vai buscar essa folha em que identifica o tipo de folha e depois vai buscar o nome do ficheiro a uma certa pasta. Vou mostrar agora qual é a linha que temos de introduzir.



  Agora vou mostrar como deve estar a estrutura das pastas.




  E finalmente como deve estar o código JS.


  No código JS não é necessário escrever mais nada e com isto está tudo feito.

Obrigado a até à próxima.


JS: como se escreve


Como se escreve o código JS no código HTML?


  O código JS é escrito dentro da tag script que que normalmente fica colocado dentro da tag <head> ou também pode ser colocado dentro da tag <body>. O código também pode ser posto de outra forma que vou explicar no próximo post. Aqui deixo uma foto que seve de exemplo para mostrar como fica o código.



  Obrigado e até à próxima.

JS: Comentários


Como se introduzem comentários num código JavaScript?


  Colocar um comentário é essencial para qualquer tipo de código pois ajuda as pessoas a entender o que faz cada uma das linhas do código, quando necessário. existem duas formas diferentes de introduzir comentários num código JS que são as seguintes: 
  1ª) //comentário
  2ª) /*comentário*/

  Espero que o post tenha sido útil e até à próxima.