Introdução ao JavaScript
Bem-vindo ao manual de JavaScript! Eu sou o Juno, e adoro ensinar essa matéria. O HTML dá estrutura a uma página e o CSS dá a ela uma aparência, e o JavaScript é o que faz ela realmente fazer coisas: responder a um clique, atualizar a página, buscar novos dados.
Vamos começar da primeira linha de código e construir devagar, uma ideia por vez. Não é preciso ter experiência nenhuma, e nada aqui é básico demais para perguntar.
Vá no seu próprio ritmo, e chegaremos lá juntos!
Este manual é para qualquer pessoa que esteja aprendendo a programar para a web. JavaScript é a linguagem que roda em todo navegador, e é ela que transforma uma página estática em algo que reage: responde quando você clica em um botão, verifica um formulário antes de enviá-lo, atualiza parte da página sem precisar recarregar, e busca dados novos de um servidor. HTML define o que está na página e CSS define a aparência dela; o JavaScript define o comportamento. Uma palavra rápida sobre dois termos que você vai ver ao longo do manual: um valor é um único pedaço de dado, como o número 42 ou o texto "olá", e uma variável é um nome que você dá a um valor para poder usá-lo depois. Cada conceito aqui é explicado por completo, com profundidade, exemplos e algo para consultar sempre que precisar de uma resposta rápida.
Você não precisa de nenhuma experiência prévia em programação para começar. Se você já escreveu um pouco de HTML, já tem mais do que o suficiente, e tudo o mais é apresentado conforme aparece. JavaScript é onde a maioria dos desenvolvedores web aprende de fato a programar, porque é a única linguagem que o navegador executa diretamente.
O manual segue do básico ao avançado, passo a passo. Você vai aprender a guardar e alterar valores, a tomar decisões e repetir tarefas, a organizar código em funções, a guardar coleções de dados em arrays e objetos, e depois a acessar uma página web para lê-la e alterá-la, responder ao que o usuário faz e carregar dados sem recarregar a página. Cada ideia é pequena por si só, e elas se somam formando páginas que realmente fazem algo.
A abordagem aqui é explicar o que cada parte do JavaScript faz e por quê, não apenas o que digitar. Qualquer pessoa consegue copiar um trecho de código e vê-lo funcionar uma vez. A distância entre isso e escrever código que você consegue ler, confiar e alterar seis meses depois é entender o que a linguagem está realmente fazendo quando é executada. Esse entendimento é o que permanece além de qualquer projeto específico.
Uma palavra sobre o alcance deste material, para você saber o que este manual é e o que não é. JavaScript é uma linguagem extensa, e nenhum conjunto único de documentação cobre tudo dela. O que você vai aprender aqui é a base: o núcleo ao qual você recorre em quase todo código JavaScript que escrever, do seu primeiro script a uma aplicação real. Ele vai até o ponto de carregar dados de um servidor, que é onde muitas introduções costumam parar. Além disso ficam as ferramentas e bibliotecas construídas sobre esses mesmos fundamentos: frameworks como React, executar JavaScript fora do navegador com Node, adicionar tipos com TypeScript. Com a base bem firme, o resto é uma subida bem menor.
Conheça seus guias
Este manual é apresentado por três guias, e você escolhe qual deles vai te acompanhar. O conteúdo é o mesmo para todo mundo; o seu guia define o tom em que ele é contado e, nas páginas que se adaptam, o quão a fundo cada seção vai.
Troque de guia a qualquer momento pelo seletor no topo de qualquer página, ou abra Preferências no canto inferior direito para mudar seu guia, idioma ou tamanho da fonte.
Quando estiver pronto, o manual começa de verdade. O próximo capítulo, O que é JavaScript, explica o que o JavaScript realmente é, onde ele roda e como ele se encaixa junto com o HTML e o CSS que você já conhece.
Prefere aprender construindo?O curso gratuito de 9 horas de JavaScript da Scrimba constrói um contador de passageiros, um jogo de Blackjack, uma extensão para o Chrome e um aplicativo mobile, com desafios interativos ao longo de todo o percurso.
