JavaScript Para Iniciantes

Repositório criado para quem está começando em JavaScript. Contém conceitos essenciais, exemplos práticos e exercícios sobre variáveis, tipos de dados, arrays, objetos, condicionais, loops, funções e DOM, com foco em aprendizado passo a passo.

O que vamos aprender?

• Variáveis & Tipos de Dados
• Listas (arrays)
• Objetos
• JSON
• Loops (for, for of, while, forEach)
• Condicionais (if, else, switch, ternary)
• Funções & Arrow Functions
• Programação Orientada a Objetos
• Selecionar elementos do DOM
• Manipular elementos do DOM
• Eventos
• Criar & validar um formulário

O que é JavaScript?

JavaScript é uma linguagem de programação que serve para dar “vida” aos sites e aplicativos.

Se um site fosse uma pessoa:

• HTML seria o esqueleto (estrutura: título, textos, botões)
• CSS seria a roupa e a aparência (cores, estilo, layout)
• JavaScript seria o cérebro e os músculos (ações e comportamento)

✅ Ou seja: JavaScript faz o site reagir ao que você faz.

Um exemplo bem fácil

Sem JavaScript, um site é quase sempre “parado”.

Com JavaScript, o site consegue:

• mostrar um aviso quando você clica num botão
• validar um formulário (ex: “senha fraca”)
• abrir um menu quando você toca no ícone ☰
• atualizar coisas na tela sem recarregar a página
• carregar produtos, comentários e vídeos dinamicamente

📌 Exemplo do dia a dia:

Quando você clica em “Adicionar ao carrinho” e aparece a mensagem “Produto adicionado”, isso normalmente é JavaScript.

JavaScript é só pra site?

Não. Hoje JavaScript é usado em muita coisa:

🌐 Na internet (Front-end) Para criar sites interativos:

• Instagram (web)
• YouTube
• Facebook
• E-commerces

🧠 No servidor (Back-end) Também dá pra usar JavaScript no “lado de trás” com Node.js, por exemplo:

• sistemas e APIs
• login e cadastro
• banco de dados

📱 Em aplicativos Com tecnologias como React Native:

• apps Android e iOS

Por que aprender JavaScript?

• É a linguagem de programação padrão de todos os navegadores
• Frameworks poderosos, como React, utilizar JavaScript
• Usado para desenvolvimento de aplicações fullstack(front-end e back-end)
• Usado para desenvolvimento mobile(React Native)
• Usado em aplicações desktop(Electron)
• Basicamente, está em toda a parte