Introdução:
JavaScript é uma linguagem de programação popular usada para criar interatividade em páginas da web. Neste tutorial básico, você aprenderá os conceitos fundamentais do JavaScript, desde variáveis e tipos de dados até estruturas de controle e funções. Vamos começar a explorar o mundo da programação com JavaScript!
1. Variáveis e Tipos de Dados:
javascript
// Declarando variáveis
let nome = "João";
const idade = 30;
var salario = 2500.50;
// Tipos de dados
let texto = "Isso é uma string";
let numero = 10;
let booleano = true;
let array = [1, 2, 3];
let objeto = { nome: "Maria", idade: 25 };
- `let`: Declara uma variável que pode ser reatribuída.
- `const`: Declara uma variável de valor constante.
- `var`: Declara uma variável de escopo global (evite seu uso devido a problemas de escopo).
2. Operadores:
javascript
let a = 10;
let b = 5;
// Operadores aritméticos
let soma = a + b;
let subtracao = a - b;
let multiplicacao = a * b;
let divisao = a / b;
let modulo = a % b;
// Operadores de atribuição
a += 5; // equivalente a: a = a + 5;
b *= 2; // equivalente a: b = b * 2;
3. Estruturas de Controle:
javascript
// Estrutura condicional (if/else)
if (idade >= 18) {
console.log("Você é maior de idade.");
} else {
console.log("Você é menor de idade.");
}
// Estrutura de repetição (for)
for (let i = 0; i < 5; i++) {
console.log(i);
}
// Estrutura de repetição (while)
let contador = 0;
while (contador < 3) {
console.log(contador);
contador++;
}
4. Funções:
javascript
// Declarando uma função
function saudacao(nome) {
console.log("Olá, " + nome + "!");
}
// Chamando a função
saudacao("Ana");
// Função com retorno
function soma(a, b) {
return a + b;
}
let resultado = soma(10, 5);
console.log(resultado); // Output: 15
5. Manipulação do Documento HTML:
html
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>JavaScript Tutorial</title>
<script src="script.js"></script>
</head>
<body>
<h1 id="titulo">Olá, Mundo!</h1>
<button onclick="alterarTexto()">Clique Aqui</button>
</body>
</html>
javascript
// script.js
function alterarTexto() {
document.getElementById("titulo").innerHTML = "Texto Alterado!";
}
- `document.getElementById("titulo")`: Seleciona um elemento pelo seu ID.
- `element.innerHTML`: Manipula o conteúdo HTML de um elemento.
Conclusão:
Parabéns por concluir o guia básico de JavaScript! Agora você possui uma compreensão fundamental dos conceitos básicos dessa linguagem de programação. Continue praticando e explorando recursos mais avançados para desenvolver habilidades sólidas em JavaScript e criar aplicações web interativas e dinâmicas. Lembre-se sempre de seguir as melhores práticas de codificação e experimentar para aprimorar suas habilidades de programação.
Conclusão:
Parabéns por concluir o guia básico de JavaScript! Agora você possui uma compreensão fundamental dos conceitos básicos dessa linguagem de programação. Continue praticando e explorando recursos mais avançados para desenvolver habilidades sólidas em JavaScript e criar aplicações web interativas e dinâmicas. Lembre-se sempre de seguir as melhores práticas de codificação e experimentar para aprimorar suas habilidades de programação.
PARTE=2
Copyright © 2024 (zxyurikauan). Todos os direitos reservados
.png)
Comentários
Postar um comentário