Introdução
Bem-vindo ao manual de JavaScript! Sou Juno, e adoro ensinar isso. HTML dá estrutura a uma página e CSS dá aparência a ela, e 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 lentamente, uma ideia por vez. Nenhuma experiência necessária, e nada aqui é nunca muito básico para perguntar.
Vá no seu próprio ritmo e chegaremos lá juntos!
Este manual é para qualquer pessoa aprendendo a programar para a web. JavaScript é a linguagem que roda em todos os navegadores, e é o que transforma uma página estática em algo que reage: responde quando você clica um botão, verifica um formulário antes de enviar, atualiza parte da página sem recarregar, e puxa dados frescos de um servidor. HTML diz o que está na página e CSS diz como parece; JavaScript diz o que ela faz. Uma palavra rápida sobre dois termos que você verá ao longo: um value (valor) é um único pedaço de dados, como o número 42 ou o texto "hello", e uma variable (variável) é um nome que você dá a um valor para poder usá-lo depois. Cada conceito aqui é escrito em sua totalidade, com profundidade, exemplos, e algo para buscar sempre que você precisa de uma resposta rápida.
Você não precisa de nenhuma experiência anterior em codificação para começar. Se você escreveu um pouco de HTML, você tem mais que o suficiente, e tudo o resto é introduzido conforme surge. JavaScript é onde a maioria dos desenvolvedores web primeiro aprende a realmente programar, porque é a única linguagem que o navegador executa diretamente.
O manual avança do zero para cima. Você aprenderá como armazenar e mudar valores, como tomar decisões e repetir trabalho, como organizar código em funções, como manter coleções de dados em arrays e objetos, e então como alcançar uma página web para ler e mudá-la, responder ao que o usuário faz, e carregar dados sem uma atualização de página. Cada ideia é pequena em si mesma, e elas se empilham em páginas que realmente fazem algo.
A abordagem aqui é explicar o que cada pedaço de JavaScript faz e por quê, não apenas o que digitar. Qualquer um pode copiar um snippet e vê-lo funcionar uma vez. A distância entre isso e escrever código que você pode ler, confiar e mudar seis meses depois é compreender o que a linguagem realmente está fazendo quando executa. Esse entendimento é o que perdura além de qualquer projeto único.
Uma palavra sobre escopo, para você saber o que este manual é e não é. JavaScript é uma linguagem grande, e nenhum conjunto único de docs cobre tudo isso. O que você aprenderá aqui é a fundação: o núcleo que você alcança em quase todo pedaço de JavaScript que escreve, do seu primeiro script para uma aplicação real. Vai tão longe quanto carregar dados de um servidor, que é onde muitas introduções param. Além disso estão as ferramentas e bibliotecas construídas em cima desses mesmos fundamentos, frameworks como React, executar JavaScript fora do navegador com Node, adicionar tipos com TypeScript. Solidifique a fundação e o resto é uma escalada muito mais curta.
Conheça seus guias
Este manual é hospedado por três guias, e você escolhe qual mostra você por aí. O material é o mesmo para todos; seu guia define a voz em que é contado, e nas páginas que se adaptam, quão profundo cada seção vai.
- Juno ensina a trilha iniciante: caloroso e paciente, analogias simples, nada presumido.
- Ace ensina a trilha intermediária: prático e com foco em construção, direto ao que você realmente faz.
- Sol ensina o Deep Dive: o mecanismo, as compensações, e os detalhes de produção que todos os outros pulam.
Mude de guia a qualquer momento a partir do 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 em verdade. O próximo capítulo, What is JavaScript, aborda o que JavaScript realmente é, onde é executado, e como se encaixa junto com o HTML e CSS que você já conhece.
Prefere aprender construindo?O curso gratuito de JavaScript de 9 horas da Scrimba constrói um contador de passageiros, um jogo de Blackjack, uma extensão do Chrome, e um aplicativo móvel, com desafios interativos ao longo.