Apostila JavaScript Do Zero
Enviado por
josesantanapamfApostila JavaScript Do Zero
Enviado por
josesantanapamfApostila Introdutória - JavaScript do Zero
O que é JavaScript?
JavaScript é uma linguagem usada para dar interatividade a páginas web e também
criar aplicações para servidor, desktop e mobile.
Onde o JavaScript é usado
Navegadores, [Link], React, React Native, Electron e automações.
Como executar
No navegador usando <script> ou no [Link] pelo terminal.
Variáveis
let cria variável mutável.
const cria constante.
var é antiga e pouco recomendada.
Exemplo:
let idade=20;
const nome='Ana';
Tipos de dados
Number, String, Boolean, Undefined, Null, Object, Array, BigInt e Symbol.
Saída e entrada
[Link]() mostra mensagens no console.
alert() exibe alerta.
prompt() pede dados ao usuário.
Operadores
+ - * / % **
== e === (prefira ===)
!= !==
> < >= <=
&& || !
Condições
if, else if e else escolhem caminhos conforme condições.
switch é útil para várias opções.
Laços
for, while, do...while e for...of para percorrer coleções.
Funções
function soma(a,b){return a+b}
Arrow function:
const soma=(a,b)=>a+b;
Arrays
let frutas=['maçã','uva'];
Métodos: push, pop, shift, unshift, map, filter, find, forEach.
Objetos
let pessoa={nome:'Ana',idade:20};
Acessar: [Link]
DOM
[Link](), querySelector(), addEventListener() permitem alterar
páginas HTML.
Eventos
click, input, submit, keydown e mouseover respondem às ações do usuário.
Assíncrono
Promises e async/await permitem trabalhar com operações demoradas como
requisições HTTP.
Fetch API
fetch(url) busca dados de APIs.
Use await [Link]() para converter JSON.
Boas práticas
Use const sempre que possível, nomes claros, funções pequenas e organize o código.
Onde estudar
MDN Web Docs, [Link], freeCodeCamp, Curso em Vídeo.
Onde praticar
Codewars, HackerRank, LeetCode, Exercism, Frontend Mentor, Beecrowd.
Projetos
To-do List, Calculadora, Relógio Digital, Jogo da Velha, Consumo de API de clima.
Exercícios
Mostrar 'Olá Mundo' no console.
Somar dois números informados pelo usuário.
Verificar se um número é par.
Percorrer um array e imprimir os elementos.
Consumir uma API com fetch().