Variáveis e Tipos de Dados:: Var Let Const 42 "Olá, Mundo!" True/false
Variáveis e Tipos de Dados:: Var Let Const 42 "Olá, Mundo!" True/false
Imagina que você tem uma caixa onde guarda coisas diferentes: números, textos, listas, etc.
Essas caixas são as variáveis! Com var, let e const, você define o que vai dentro delas.
O que você coloca pode ser um número (42), uma string ("Olá, mundo!"), um booleano
(true/false), ou até uma lista de coisas (arrays) e objetos que guardam várias
informações juntas.
2. Funções:
Sabe quando você repete a mesma tarefa várias vezes? Em JavaScript, você pode criar
uma função, que é como uma receita de bolo. Você a escreve uma vez e depois usa
sempre que precisar. Por exemplo:
javascript
Copiar código
function cumprimentar(nome) {
return `Olá, ${nome}!`;
}
Toda vez que quiser dizer "Olá" para alguém, é só chamar essa função com o nome da
pessoa.
3. Condicionais e Loops:
Agora vamos falar de decisões e repetições. Com if/else, você toma decisões no seu
código: "Se isso for verdade, faça aquilo". Já os loops (for, while) são como o replay:
você roda o mesmo pedaço de código várias vezes, até que algo mude ou acabe.
4. Manipulação do DOM:
O Document Object Model (DOM) é como uma árvore genealógica da sua página web. Com
JavaScript, você pode fazer essa árvore ganhar vida! Quer mudar o texto de um botão ou
fazer uma imagem desaparecer? O DOM é o seu caminho. Usando
document.querySelector ou document.getElementById, você seleciona o que quer
e depois altera do jeito que precisar.
5. Eventos:
Eventos são como aqueles sensores automáticos que abrem portas quando você chega
perto. Em JavaScript, eventos permitem que você responda a ações do usuário, como
cliques, toques, teclas pressionadas e até movimentos do mouse. Usando
addEventListener, você diz ao seu código: "Quando isso acontecer, faça aquilo".
6. Promessas e Assincronismo:
Nem tudo acontece instantaneamente. Às vezes, você pede algo e precisa esperar a
resposta (tipo pedir uma pizza!). As promessas (Promises) lidam com isso. Elas garantem
que o JavaScript continue rodando enquanto a resposta não chega, e só depois de um
tempo, quando a resposta vem, o código continua de onde parou. É assim que você faz
requisições a APIs, por exemplo.
Com o tempo, JavaScript evoluiu e ganhou novos poderes. O ES6 (ou ECMAScript 2015)
trouxe coisas bacanas como let/const (variáveis mais seguras), arrow functions
(funções mais enxutas), template strings (para fazer strings de forma mais prática),
destructuring (que é como abrir uma caixa cheia de coisas e pegar só o que você quer),
e muito mais. Cada nova versão adiciona superpoderes ao JavaScript.
8. JSON e APIs:
JSON (JavaScript Object Notation) é um formato leve para enviar dados entre um servidor e
um web app. É o jeito padrão de fazer a web conversar. APIs (Application Programming
Interfaces) são como as garçonetes da web: elas pegam seu pedido (dados) e trazem a
resposta. Usando fetch ou outras ferramentas, você pode fazer requisições para APIs e
trabalhar com esses dados.
9. Async/Await:
Esse é um açúcar sintático para trabalhar com promessas de um jeito mais elegante. Em
vez de ficar encadeando .then(), você pode simplesmente usar async e await para
escrever código assíncrono como se fosse síncrono. Parece mágica, mas é só JavaScript
evoluindo.
JavaScript é tão popular que tem várias ferramentas construídas em cima dele. React,
Vue.js, Angular... esses frameworks ajudam a criar interfaces complexas de forma mais
organizada e eficiente. E tem também bibliotecas como jQuery (muito popular no passado)
que simplificam tarefas comuns.