Curso de JavaScript

2020-04-13 21:32:15 =========================
"Operadores de comparação"

Os operadores de comparação são usados ​​em declarações lógicas para determinar a igualdade ou diferença entre as variáveis ​​ou valores. Eles retornam verdadeiro ou falso.

Os iguais (==) operador verifica se os valores dos operandos são iguais. Se for, retorna true (verdadeiro), caso contrário, retorna false (falso).

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

Você pode verificar todos os tipos de dados; operadores de comparação sempre retornam verdadeiro ou falso.

A tabela abaixo explica os operadores de comparação.

== - igual a
=== - igual e do mesmo tipo de dado (e.g: 5 == "5" // true, 5 === "5" // false)
!= - diferente de
!== - diferente e do mesmo tipo de dado (e.g: 5 != "5" // false, 5 !== "5" // true)
> - maior que
>= - maior igual que
< - menor que
<= - menor ou igual que

Ao usar operadores, certifique-se que os argumentos são do mesmo tipo de dados; números deve ser comparado com os números, strings, e assim por diante.

Módulo 2 - Conceitos básicos
========================= Aberto / Como

2020-04-13 21:22:08 =========================
"Operadores de atribuição"

Operadores de atribuição atribuem valores a variáveis ​​de JavaScript.

x += 3 é igual a x = x + 3
x -= y é igual a x = x - y
x /= 6 é igual a x = x / 6
x *= 2 é igual a x = x * 2
x %= y é igual a x = x % y

Você pode usar vários operadores de atribuição em uma linha, como x -= y += 9.

Módulo 2 - Conceitos básicos
========================= Aberto / Como

2020-04-13 21:18:07 =========================
"Operadores aritméticos"

operadores aritméticos realizam operações aritméticas sobre números (literais ou variáveis).

No exemplo abaixo, o operador de adição é usado para determinar a soma de dois números.

var x = 10 + 5;
document.write (x);
// Imprime 15

Você pode adicionar quantos números ou variáveis ​​em conjunto, como você quer ou precisa.

var x = 10;
var y = x + 22 + 5 + 45 + 6548;
document.write (y);
// Saída 6630

Você pode obter o resultado de uma expressão string usando a função eval(), que leva um argumento de expressão string como eval("10 * 20 + 8") e retorna o resultado. Se o argumento é vazio, ele retorna undefined.

O operador multiplicação (*) multiplica um número pelo outro.

var x = 10 * 5;
document.write (x);
// Imprime 50

10 * "5" ou "10" * "5" dá o mesmo resultado. Multiplicação de um número com valores de string como "foxxer" * 5 retorna NaN (não é um número).

O operador / é usado para executar operações de divisão:

var x = 100 / 5;
document.write (x);
// Imprime 20

Lembre-se de lidar com casos onde poderia haver uma divisão por 0.
Módulo (%) do operador retorna o resto da divisão (o que sobra).

var myVariable = 26 % 6;
// myVariable é igual a 2

Em JavaScript, o operador módulo é utilizado não só em números inteiros, mas também em números de ponto flutuantes.

incremento ++
Os incrementos operador de incremento o valor numérico do seu operando por um. Se colocado antes do operando, ele retorna o valor incrementado. Se colocado depois do operando, ele retorna o valor original e, em seguida, incrementa o operando.

var a = 0, b = 10;
a = b++;
// a é 11

decremento --
O operador de decremento diminui o valor numérico do seu operando por um. Se colocado antes do operando, ele retorna o valor reduzido. Se colocado depois do operando, ele retorna o valor original e, em seguida, diminui o operando.

var a = 0, b = 10;
a = b--;
// a é 9

Alguns exemplos:
Como na matemática escolar, você pode alterar a ordem das operações aritméticas usando parênteses.
Exemplo: var x = (100 + 50) * 3;

Módulo 2 - Conceitos básicos
========================= Aberto / Como

2019-09-06 21:33:34 =========================
"Tipos de dados"

O termo tipo de dados refere-se aos tipos de valores com os quais um programa pode trabalhar. As variáveis ​​JavaScript podem conter muitos tipos de dados, como números, strings, matrizes e muito mais.

Ao contrário de muitas outras linguagens de programação, o JavaScript não define tipos diferentes de números, como números inteiros, short, longs, ponto flutuante etc.
Os números JavaScript podem ser escritos com ou sem decimais.

var num = 42; // Um ​​número sem decimais

Essa variável pode ser facilmente alterada para outros tipos, atribuindo a ela qualquer outro valor de tipo de dados, como num = 'Uma string aleatória'.

Os números JavaScript também podem ter decimais.

var preco = 55.55;
document.write(preco);

Nota: Os números JavaScript são sempre armazenados como números de ponto flutuante de precisão dupla.

As strings JavaScript são usadas para armazenar e manipular texto.
Uma sequência pode ser qualquer texto que apareça entre aspas. Você pode usar aspas simples ou duplas.

var nome = 'John';
var texto = "Meu nome é John Smith";

Você pode usar aspas dentro de uma sequência, desde que não correspondam às aspas ao redor da sequência.

var texto = "Meu nome é 'John Smith' ";

Você pode obter aspas duplas dentro de aspas duplas usando o caractere de escape assim:
\" ou \' dentro de aspas simples.

Como as strings devem ser escritas entre aspas, as aspas dentro da string devem ser manipuladas. O caractere de escape da barra invertida (\) transforma caracteres especiais em caracteres de string.

var sayHello = 'Hello world! \'I am a JavaScript programmer.\' ';
document.write(sayHello);

O caractere de escape (\) também pode ser usado para inserir outros caracteres especiais em uma string.

Esses caracteres especiais podem ser adicionados a uma sequência de texto usando o sinal de barra invertida.
Se você iniciar uma sequência com uma aspas simples, também deverá terminar com uma aspas simples. A mesma regra se aplica a aspas duplas. Caso contrário, o JavaScript ficará confuso.

No JavaScript booleano, você pode ter um dos dois valores, true ou false.
Isso é útil quando você precisa de um tipo de dados que possa ter apenas um dos dois valores, como Sim/Não, Ativado/Desativado, Verdadeiro/Falso. Exemplo:

var sabado = false;
var sexta = true;

O valor booleano de 0 (zero), nulo, indefinido, sequência vazia é falso.
Tudo com um valor "real" é verdadeiro.

Módulo 2 - Conceitos básicos
========================= Aberto / Como

2019-09-06 21:19:41 =========================
"Variáveis"

Variáveis ​​são contêineres para armazenar valores de dados. O valor de uma variável pode mudar ao longo do programa.
Use a palavra-chave var para declarar uma variável:

var x = 10;

No exemplo acima, o valor 10 é atribuído à variável x.

Nota: JavaScript diferencia maiúsculas de minúsculas. Por exemplo, as variáveis ​​lastName e lastname, são duas variáveis ​​diferentes.

Em JavaScript, o sinal de igual (=) é chamado de operador "atribuição", em vez de um operador "igual a".
Por exemplo, x = y atribuirá o valor de y a x.

Uma variável pode ser declarada sem um valor. O valor pode exigir algum cálculo, algo que será fornecido posteriormente, como entrada do usuário.
Uma variável declarada sem um valor terá o valor indefinido.

Vamos atribuir um valor a uma variável e enviá-lo para o navegador.

var x = 100;
document.write(x);

O uso de variáveis ​​é útil de várias maneiras. Você pode ter mil linhas de código que podem incluir a variável x. Quando você altera o valor de x uma vez, ele será alterado automaticamente em todos os locais onde você o usou.

Nota: Toda "instrução" escrita é chamada de declaração. As instruções JavaScript são separadas por ponto e vírgula.

Os nomes de variáveis ​​JavaScript diferenciam maiúsculas de minúsculas.No exemplo abaixo, alteramos x para maiúsculas:

var x = 100;
document.write(X);

Este código não resultará em nenhuma saída, pois x e X são duas variáveis ​​diferentes.

Regras de nomeação:
- O primeiro caractere deve ser uma letra, um sublinhado (_) ou um cifrão ($). Os caracteres subsequentes podem ser letras, dígitos, sublinhados ou cifrões.
- Números não são permitidos como o primeiro caractere.
- Nomes de variáveis ​​não podem incluir um operador matemático ou lógico no nome. Por exemplo, 2 * algo ou isso + aquilo;
- Os nomes JavaScript não devem conter espaços.

Nota: Hífens não são permitidos no JavaScript. Está reservado para subtrações.

Existem algumas outras regras a serem seguidas ao nomear suas variáveis ​​JavaScript:

- Você não deve usar símbolos especiais, como meu # num, num%, etc.

Módulo 2 - Conceitos básicos
========================= Aberto / Como

2019-09-04 23:34:53 =========================
Comentários em JavaScript

Nem todas as instruções JavaScript são "executadas".
O código após uma barra dupla //, ou entre /* e */, é tratado como um comentário.
Os comentários são ignorados e não são executados.

Comentários de linha única usam barras duplas.



Nota: É uma boa ideia fazer um comentário sobre a lógica de grandes funções para tornar seu código mais legível para outras pessoas.

Tudo o que você escreve entre /* e */ será considerado como um comentário de várias linhas.

Aqui está um exemplo.



Nota: Os comentários são usados ​​para descrever e explicar o que o código está fazendo.

Módulo 1 - Visão geral
========================= Aberto / Como

2019-09-04 23:13:06 =========================
JavaScript externo

Os scripts também podem ser colocados em arquivos externos.

Scripts externos são úteis e práticos quando o mesmo código é usado em várias páginas da web diferentes.
Os arquivos JavaScript têm a extensão de arquivo .js.

Criamos um novo arquivo de texto e o chamamos demo.js.

Nota: Ter scripts JS em arquivos separados torna seu código muito mais legível e claro.

Para usar um script externo, coloque o nome do arquivo de script no atributo src (origem) da tag





O arquivo demo.js inclui o seguinte JavaScript:

alert("Isto é uma caixa de alerta!");

Nota: Scripts externos não podem conter tags





Nota: Há também uma tag

2019-09-04 22:44:06 =========================
Bem-vindo ao JavaScript

JavaScript é uma das linguagens de programação mais populares do mundo e é usada para adicionar interatividade a páginas da Web, processar dados e criar vários aplicativos (aplicativos para dispositivos móveis, aplicativos para desktop, jogos e muito mais)

Aprender os fundamentos da linguagem permitirá que você crie o programa que deseja, seja do lado do cliente ou do servidor.

Módulo 1 - Visão geral
========================= Aberto / Como