Skip to content
This page has been auto-translated and may contain errors.View in English

Introdução ao JavaScript ​

Juno

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!

Juno

Bem-vindo ao manual de JavaScript. Eu sou o Ace, e gosto de manter as coisas práticas. É aqui que a web deixa de ser estática e passa a responder às pessoas, então vamos manter a mão na massa: ler o conceito, testar, construir algo com ele.

JavaScript é a linguagem em que você vai passar mais tempo como desenvolvedor web, então vale a pena desenvolver um sentido real de como ela se comporta, não só saber qual método faz o quê.

Juno

Bem-vindo ao manual de JavaScript. Eu sou o Sol, e já escrevo JavaScript há tempo suficiente para ter me machucado na maioria das arestas afiadas da linguagem. Esta documentação é para quem quer saber como a linguagem realmente se comporta, não só qual sintaxe funciona.

Espere as regras de coerção de tipos, o modelo assíncrono e os detalhes do navegador que a maioria dos tutoriais deixa de lado. O JavaScript é tolerante de formas que escondem bugs, e a diferença entre um código que funciona e um código que se sustenta é onde está o trabalho de verdade. Leia com atenção e questione tudo, inclusive a mim.

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.

JunoJavaScript roda direto no navegador Aqui vai algo bacana sobre aprender JavaScript: ele já vem instalado. Todo navegador consegue executá-lo, então não há nada para configurar. Você escreve uma linha de código, recarrega a página e vê o que acontece. Esse ciclo rápido faz dele uma das linguagens mais amigáveis para aprender testando as coisas na prática.
JunoJavaScript roda direto no navegador O JavaScript vem junto com o navegador, então seu ciclo de feedback é o mais curto possível: escreva, recarregue, observe e use o console para testar valores em tempo real. Aproveite isso. Tudo neste manual é feito para ser executado, não só lido, e as ferramentas de desenvolvedor do navegador são onde você vai aprender mais.
JunoJavaScript roda direto no navegador O navegador é o seu ambiente de execução e o seu laboratório: o console avalia expressões em tempo real, o depurador pausa a execução, e o painel de rede mostra cada requisição. Use-os desde o primeiro dia. Ler sobre como um valor se comporta é uma coisa; observá-lo no console no momento exato em que algo te surpreende é o que faz o modelo realmente ficar gravado.

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.