Se você já conhece alguma linguagem de programação, você pode tranquilamente deduzir o que este

código está fazendo, mas talvez os iniciantes desejem alguma explicação:

Primeiro, criamos uma variável chamada greeting, que armazena um valor. Você pode perceber que esse
“valor” é uma tag HTML com o texto “Olá, Geek!”.

Em seguida usamos document.getElementById(“app”) para obter uma referência do elemento de id app,

que está no documento HTML.

No caso, é a div app. Por fim inserimos nesta div o conteúdo da variável greeting.

Pode parecer um pouco confuso, mas iremos clarear um pouco.

>>Leitura Recomendada:

Que tal ler o artigo que fizemos sobre as melhores linguagens de programações pro dev iniciante
aprender?

Variáveis e Constantes

Variáveis e constantes são espaços de memória que o programador solicita para armazenar valores.

Quando solicitamos uma variável, estamos dizendo que os valores que serão armazenados ali podem ser
modificados.

Quando solicitamos uma constante dizemos que este valor não deve ser alterado, e deve ser protegido
de alterações acidentais.

Para criar uma variável utilizamos a instrução var ou let.

As diferenças entre estas instruções vão ficar para um outro artigo. Para a criação de uma constante,
utilizamos const.

Então, no nosso programa anterior criamos uma variável com let greet e uma constante com const
appDiv.

As constantes e variáveis podem armazenar valores do tipo: String (texto), Number (números), Boolean
(verdadeiro e falso), Objetos, Null, Undefined e Symbol.

Vamos nos ater ao tipo string neste artigo.

>>Leitura Recomendada:

Meus desafios e evolução como fullstack

String

Strings são declaradas entre aspas ou apóstrofes.

Também podemos criar templates colocando o texto entre crases.

Abaixo declaramos 4 novas strings, curiosidade1, curiosidade2 e curiosidade 3. Então, criamos um

template e inserimos as variáveis que criamos nele. Por fim, inserimos o template no documento HTML:

let greeting = `<h3>Olá, Geek!</h3>`;

let curiosidade1 = "O JavaScript foi criado por Brendan Eich, na Mozilla Corporation"

let curiosidade2 = "O JavaScript pode ser utilizado para manipulação dinâmica de documentos HTML"

let curiosidade3 = "Templates podem ser usados para inserir variáveis em strings, formando strings
complexas"
let euSouUmTemplate = `

${greeting}

<p>Veja algumas curiosidades a respeito do JavaScript:</p>

<ul>

<li>${curiosidade1}</li>

<li>${curiosidade2}</li>

<li>${curiosidade3}</li>

</ul>

const appDiv = document.getElementById("app");

appDiv.innerHTML = euSouUmTemplate;