📘 Introdução ao JavaScript: Conceitos Básicos

🖨️ Impressão no Console

console.log("Hello World")

console.log() é o comando utilizado para imprimir mensagens no console do navegador ou ambiente de execução.
O ponto e vírgula (;) ao final da linha é opcional na maioria dos casos modernos, devido ao recurso de Automatic Semicolon Insertion (ASI) do JavaScript.

💬 Comentários em JavaScript

Comentários são usados para explicar o código ou desativar trechos durante testes. Eles não são executados.

Comentário de uma linha:
```
// Este é um comentário de uma linha
```

Comentário em bloco:

/*
  Este é um comentário
  de múltiplas linhas
*/

⚙️ Características da Linguagem

Interpretada: JavaScript é uma linguagem interpretada, ou seja, o código é executado diretamente pelo navegador ou ambiente de runtime (como Node.js), sem necessidade de compilação prévia.
Execução imediata: O código é processado e executado linha por linha no momento em que é carregado.

🧠 Onde inserir o script: `<head>` vs `<body>`

Local do Script	Comportamento	Recomendação
`<head>`	O script é carregado antes do conteúdo da página. Pode bloquear o carregamento visual se não for assíncrono.	Use com `async` ou `defer` para evitar bloqueios.
`<body>`	O script é carregado após o conteúdo da página. Garante que os elementos HTML já estejam disponíveis.	Ideal para scripts que manipulam o DOM.

Exemplo com `defer`:

<script src="script.js" defer></script>

O atributo defer permite que o script seja carregado em paralelo e executado após o carregamento completo do HTML.

🚀 O que é o `defer`?

O atributo defer é usado na tag <script> para indicar que o script deve ser executado apenas após o HTML ter sido completamente carregado e analisado (ou seja, depois que o DOM estiver pronto).

<script src="script.js" defer></script>

⚙️ Como funciona?

O navegador baixa o script em paralelo enquanto continua analisando o HTML.
Não bloqueia o carregamento da página.
O script é executado na ordem em que aparece no HTML, após o DOM estar pronto.

✅ Quando usar `defer`?

Use defer quando:

O script precisa acessar elementos do DOM.
Há mais de um script e a ordem de execução é importante.
Você quer evitar que o carregamento da página seja bloqueado por scripts no <head>.

🆚 Comparação com `async`

Atributo	Ordem de execução	Bloqueia o DOM?	Ideal para...
`defer`	Mantém a ordem	Não	Scripts que dependem do DOM
`async`	Executa assim que baixar	Sim (interrompe parsing)	Scripts independentes

🔍 Exemplo prático

<head>
  <script defer src="lib.js"></script>
  <script defer src="main.js"></script>
</head>

Nesse exemplo:

lib.js será carregado e executado antes de main.js.
Ambos só serão executados depois que o HTML estiver pronto.

📘 Introdução ao JavaScript: Conceitos Básicos

🖨️ Impressão no Console

💬 Comentários em JavaScript

⚙️ Características da Linguagem

🧠 Onde inserir o script: <head> vs <body>

Exemplo com defer:

🚀 O que é o defer?