Javascript - o básico pt1

 Assim como tudo começa do inicio, então sente, relaxe e bora codar.

Em teoria podemos aprender javascript para treinar sem o uso de html e css, porem no mercado eles se casam muito e costumam ser utilizados juntos. Caso seja muito iniciante em HTML e CSS deixarei um link para o básico deles para vc poder dar uma lida. Aqui iremos tratar do BÁSICO de JAVASCRIPT.

obs: "Sou estudante e no momento aprendendo sobre Front-end, qualquer coisa podem por nos comentários que também estou aqui para aprender."

 passos iniciais: 

Temos duas formas de começar a treinar em JS, online (de qualquer lugar) ou offline usando uma IDE instalada em um PC.

ONLINE:

sites recomendados - para treinar online em qualquer plataforma

https://jsfiddle.net/

https://codepen.io/

OFFLINE: 

IDEs recomendadas - para treinar de forma mais controlada e tranquila no PC

VSCODE

NODEJS

obs: existem outras IDEs, outras melhores e piores (pior no sentindo de não autocompletar e atrapalhar no aprendizado), eu recomendo ter um PC para fazer o treinamento e ter um melhor controle dos códigos produzidos.

Intro ao JS - Linguagem dinâmica e fracamente tipada, ou seja pouco rigida com suas declarações de variaveis, a torna muito util para a dinamicidade das paginas web, para quem já alguma outra linguagem como java, c#, kotlin irá certamente achar diversas semelhanças, caso essa seja a sua primeira experiencia, sinta-se com sorte porque geralmente quem inicia por outra linguagem sente muito desconforto em aprender JS huehue.

Tipos Primitivos de dados - 

Number - ( não existe int, long, ulong, float, decimal, bigDecimal) usamos apenas o number

    o number pode ser infinity e NaN 

String - Normalmente usaremos aspas simples ' ' para escrever linhas de strings

    aspas duplas " " - funciona igual a aspas simples 

    crase ` ` - usaremos para fazer uma Template string 

 Boolean - aqui temos as comparações matemáticas de lógica básica

TRUE e FALSE

como faremos isso? 

    > maior que     5 > 4 = true

    < menor que    5 < 4 = false

    == igual há      5 == 4 = false

    ! negação      5 != 4 = true

    &&  conjunção o famoso e na comparação de algo

    || disjunção ou o famoso ou na comparação de algo

    === estritamente igual

    o estritamente igual compara o valor e o tipo dos dados

    ex: 

     5 === 5 => true       dois numbers 

     5 === '5' => false     1 number e 1 string

Null - este tipo de dado já um pouco mais complexo embora seja muito necessário para os códigos,

    ex: quando esperamos um campo ser preenchido e não é ele volta null ou nulo, isso pode disparar uma exceção e ocasionar em uma parada do programa, por isso é muito importante conhece-lo.

Undefined - ocorre quando uma variável não está com o valor definido e então ela mantem como undefined

Object - no js tudo é um objeto então vai se acostumando com isso huehue. 

um objeto é uma propriedade que possui um nome e valor assim como as variáveis

no js array é um object 

array é tipo uma lista mapeada ex: {[1], [2],[3],[4],[5]}

obs: irei tentar explicar melhor o que é um object num artigo posteriomente

function - sempre para construir um bloco de código com o qual será responsável por uma determinada ação, normalmente utilizamos eles para dividir melhor nosso código e deixa-lo mais legível.

Declaração de variáveis 

Ao contrario de outras linguagens, no JS não usamos o var, ele está deprecado e é considerado uma má pratica usa-lo, mas porque?

pelo fato de podermos declara-lo mais de uma vez, em outras linguagens, nunca podemos declarar a mesma variável mais de uma vez, apenas podemos atribuir outros valores a ela. No JS temos um substituto para a var.

let - funciona de forma idêntica ao var em outras linguagens, e tecnicamente no JS serve para substituir a var, então usaremos apenas let para fazer a boa pratica.

const - Assim como em outras linguagens, o const serve para declarar uma variável imutável. Isso significa que uma vez atribuída um valor para ela, não poderá ser alterada mais.

Condições

IF e ELSE

muito conhecida por sua facilidade de usar e por estar na maioria das linguagens.

if (se) else (senão) servem para estabelecer um parametro de condição

ex: 

if (n1 > n2) {

console.log('o numero n1 é maior que n2 ')

} else if ( n1 < n2){

console.log('o numero n1 é menor que n2')

}else {

console.log('o numero n1 é igual a n2')

}

entre eles podem existir o famoso else if (senão se)

podemos substituir muitas vezes um if e else por um operador ternário, veja como seria

operador Ternário:

teste ? true : false

(n1 > n2) ? console.log('o numero n1 é maior que n2 ') : console.log('o numero n1 é menor que n2')