Javascript é como um pote de mel. Você pode mergulhar o dedo nele e passar um bocado. É doce. É incrível. É perigoso. Pode ser perigoso, como mel quente, em uma panela.

O JavaScript é complicado? Bem, você deve encontrar uma resposta para esta pergunta no final deste trecho (incluindo as outras partes também). Podemos fazer outra pergunta. Quanto conhecimento de JavaScript é necessário para desenvolver um programa? Ajudaria se você tivesse uma compreensão dos dados e do fluxo de dados. De quais dados eu preciso e como estruturá-los? O que eu faço com os dados? Algo assim. Quando você pensa sobre um conceito, você faz ou deveria ser capaz de fazer. E esse será essencialmente o objetivo deste material (mas não esquecemos a primeira pergunta, "O javascript é complicado?").

Eu geralmente prefiro artigos curtos e detalhados, mas desta vez será longo, então aperte o cinto.

Discutiremos tipos de dados e variáveis ​​nesta parte.

Executando Javascript

Anteriormente em O que é Nodejs, criamos um programa hello world. Faremos o mesmo aqui.

Para executar um programa Javascript, precisamos de nodejs e de um programa (código) para executar. Estaremos usando um arquivo chamado app.js. Portanto, crie um arquivo chamado app.js e siga em frente. A extensão .js indica que é um arquivo Javascript. Já discutimos isso, então vou deixar por isso mesmo.

node app.js

console.log

Existe uma maneira simples de imprimir texto (dados) no terminal (tela) e isso é feito com console.log. Assim como nosso programa Olá Mundo. Insira este código em seu editor de texto.

console.log("Hello, it's me, javascript");

Quaisquer dados válidos que colocarmos entre ( e ), serão impressos no terminal. No nosso caso, imprimimos um texto na tela, dizendo: Olá, sou eu, javascript. Existem aspas duplas ao redor (entrelaçando) os dados que queremos imprimir. Esta citação delimitadora torna nossos dados uma string.

Tente imprimir (escrever) suas strings no terminal e tenha uma ideia.

Para o benefício da dúvida, ao criar seu app.js, salve-o ao inserir seu código e execute-o.

Corda

Uma string é um valor (dados) entre aspas (aspas duplas, aspas simples ou crase). Uma string é um texto. Seu nome, nota, etc. são strings. Uma string pode ser uma frase, sentença, parágrafo, palavra, caractere, etc.

Exemplos

• "Lorem ipsum"
• 'Lorem ipsum'
• \Lorem ipsum\\
• "Oh! Essa biblioteca foi desenvolvida por Ant Fu, um fanático open sourceror?"
• "A mãe de Danny é CEO de tecnologia"
• "Quero usar aspas simples em uma string. Então, não é melhor usar aspas duplas como aspas delimitadoras?"
• 'Quero usar aspas duplas em uma string. Aspas simples diziam: "Havia uma string chamada foo bar"'
• "Posso misturar e combinar aspas simples e duplas em crases", disse o pai de John Doe.\

Os exemplos acima foram para mostrar como usar strings e apontar a ressalva que vem com o manuseio de strings em JavaScript. Para começar, você pode decidir usar aspas duplas ou simples. Você escolhe. Use crases ao fazer interpolações de strings ou quando encontrar o último exemplo. Saiba apenas que, quando você usa uma aspa para criar uma string, a aspa de abertura deve corresponder e ser fechada pela mesma aspa. Então você não pode abrir com aspas simples e fechar com aspas duplas.

Podemos usar uma aspa (aspas duplas, aspas simples ou crase) na string delimitada por aspas, mas então temos que escapar dela. Usamos uma barra invertida, \.

Exemplo

console.log('we can use double quote in a double-quoted string, " by escaping');

Agora, use console.log para registrar as strings acima e escrever as suas próprias.

Número

Exemplos de números: -3, 5, 10.000, 12,5, etc. Eles podem ser usados ​​para representar o valor contado ou medido de um item. Quero dizer, isso é o que é um número. Ou?

Booleano

Um booleano é um tipo de valor (dados), assim como string e número. No entanto, os valores para um booleano são verdadeiros ou falsos. É o caso de alguma condição existir ou não.

Objeto

Um objeto em Javascript é uma forma de apresentar dados emparelhados com valores-chave. Podemos usar um objeto literal para agrupar dados relacionados sobre algum item. Para criar um objeto literal, colocamos esses dados entre { e }. Vamos criar um perfil de usuário.

Exemplo

Iremos console.log perfil de usuário. O perfil do usuário nome, data de nascimento, profissão, número de animais de estimação, peso da proteína em gramas, tem emprego etc. Cada valor-chave é separado por uma vírgula. Uma chave é seguida por dois pontos e depois pelo valor, para formar um par chave-valor. Normalmente, as chaves são strings (sim, colocamos as chaves de um objeto entre aspas). Você pode adicionar mais chaves (propriedades) a ele.

nome é uma string (me refiro ao seu valor). Existe um objeto de data em javascript, mas por enquanto, podemos usar uma string para data de nascimento. profession também é uma string. número de animais de estimação e peso de proteína em gramas são números. tem emprego indica se o titular do perfil tem emprego. Portanto, é um booleano.

{
    "name": "John Doe",
    "date of birth": "2000-12-25",
    "profession": "Software Engineer",
    "number of pets": 2,
    "weight of protein in grams": 12.5,
    "has a job": true
}

Este é um objeto (literal) que detalha o conteúdo do perfil de John Doe.

Agora podemos console.log.

console.log({
  name: "John Doe",
  "date of birth": "2000-12-25",
  profession: "Software Engineer",
  "number of pets": 2,
  "weight of protein in grams": 12.5,
  "has a job": true,
});

Observe que é importante transformar as chaves em uma string por enquanto. Seja curioso e use algo diferente de uma string como chave. Você aprenderá muito.

Calculadora

A matemática é algo diário para a programação e a ciência em geral. Não precisaremos de tanta matemática. Tudo o que precisamos saber é adição ( ), subtração (-), multiplicação (*), divisão (/), módulo (%) e expoente (**).

A partir daqui, módulo (%) e expoente (**) são novos para você, então faremos algumas contas.

// adding numbers with the plus
console.log(3   3); // answer = 6
console.log(1   2   4); // answer = 7

// subtraction with dash
console.log(6 - 3); // answer = 3
console.log(-16 - 3); // answer = -19

// multiplication with asterisk
console.log(5 * 3); // answer = 15
console.log(30 * 15); // answer = 450

// division with forward slash
console.log(30 / 5); // answer = 6
console.log(12.25 / 0.5); // answer = 24.5

// modulo (is the remainder after division is done) with the percentage sign (%)
console.log(5 % 2); // answer = 1
console.log(2 % 5); // answer = 2

// exponent with two asterisks (**)
console.log(5 ** 2); // answer = 5 * 5 = 25

Variáveis

Em um segundo, falaremos sobre o que é uma variável depois de considerarmos por que precisamos dela. Acho que você saberia o que é uma variável com base no motivo pelo qual pode precisar dela.

Vamos considerar as strings, números, booleanos, objetos e cálculos que fizemos até agora. Como obtemos esses valores e fazemos outros cálculos sobre eles? Usamos uma variável.

Portanto, podemos ter o resultado de 3 3 que é 6 armazenado ou atribuído como um valor a uma variável. Então podemos usar esse valor mais tarde. Desta forma estamos acompanhando o valor (estado) da variável. Saiba que, sempre que você vê uma variável, existe um valor.

Uma variável é uma tag, rótulo ou nome anexado a um valor. Onde quer que você chame (referência) ou use essa variável, o valor é referido. Quando dizemos, seja x 2. Adicione 3 a x, ou seja, x 3. O resultado será x 3 = 2 3 = 5.

Uma variável contém dados que são usados ​​no fluxo de dados.

Const e Let
Em Javascript, const e let (em letras minúsculas) são usados ​​ao criar variáveis.

• use const quando quiser atribuir um valor que não deveria ou não iria mudar
• use let quando quiser atribuir um valor que pode mudar

Vamos criar e usar algumas variáveis

const name = "John Doe";
const dateOfBirth = "2000-12-25";
const profession = "Software Engineer";
const numberOfPets = 2;
const weightOfProteinInGrams = 12.5;
const hasAJob = true;

As variáveis ​​acima são constantes. Se quisermos que eles sejam alteráveis ​​(reatribuídos), usaríamos let em vez de const. Desta forma podemos atribuir valores diferentes a essas variáveis. Experimente reatribuir valores às variáveis ​​const.

Isso é o que queremos dizer com reatribuir um valor a uma variável.

const name = "John Doe";
name = "Peter Dow";

Ou

const name = "John Doe";
name = "John Dow";

resultará nesta mensagem de erro: TypeError não capturado: Atribuição à variável constante.

Notas sobre variáveis

• Para criar uma variável, podemos usar const e let.
• Assume a forma, let = ;
• é o nome/tag/frase. Veja as variáveis ​​const acima.
• deve começar com um caractere alfabético ou sublinhado (_)
• não pode conter espaço. meu nome não pode ser um nome de variável por causa do espaço.
• pode conter números. Com base nas regras anteriores, podemos ter name1, a1, _pet3_, MAX_LIFE, max_life, maxLife, MaxLife, etc.
• É melhor que o nome de uma variável descreva ou informe sobre os dados que ela contém ou para que a variável é/será usada.
• Estas variáveis: MAX_LIFE, max_life, maxLife, MaxLife, dizem a mesma coisa, max life.
• Este formato, maxLife, conhecido como camelCasing foi usado. Isso, MaxLife é PascalCasing. Este max_life é Snake_casing. Isto, MAX_LIFE, é usado para criar constantes.

Podemos criar uma variável para o objeto de perfil que criamos anteriormente.

const profile = {
  name: "John Doe",
  "date of birth": "2000-12-25",
  profession: "Software Engineer",
  "number of pets": 2,
  "weight of protein in grams": 12.5,
  "has a job": true,
};

console.log(profile);

Conclusão

Há mais para discutir sobre dados e fluxo de dados. Até agora, vimos string, número, booleano e um objeto literal. Como discutimos, uma variável é uma forma de controlar valores. A instrução const x = 2 atribui o valor 2 à variável x.

O sinal igual a, =, é o operador de atribuição. É por isso que dizemos, a variável x é atribuído um valor de 2.

Temos mais informações sobre javascript para discutir, como:

• Interpolação de strings e uma essência de seus métodos
• Matrizes
• Estruturas de controle (instruções if, loops)
• Funções
• Retornos de chamada, promessas, assíncronos e aguardar
• Próxima grande novidade