Conteúdo

Edição atualizada em 09/2025

Aprenda a programar agora!

Este livro apresenta uma abordagem prática e atualizada para o universo da programação. Com uma didática pensada em quem inicia, os conceitos são apresentados através de necessidades reais, mostrando primeiro o problema e depois a solução.

Com apenas um navegador e um editor de texto moderno, você estará pronto para criar seus primeiros programas. Lógica de programação e comandos como `if`, `for` e `while` são motivados por meio de situações do dia a dia, desde calcular pontos de futebol até criar jogos simples.

O livro explora os recursos do HTML e JavaScript, criando familiaridade com a sintaxe da linguagem, funções específicas e problemas corriqueiros da programação. Além disso, você aprenderá como usar o Canvas do HTML para criar desenhos através de programação e até mesmo animações que impressionam muita gente.

Esta edição foi revisada para refletir o mundo atual, onde a Inteligência Artificial se tornou uma ferramenta fundamental no aprendizado e desenvolvimento. Integramos sugestões sobre como usar ChatGPT, Gemini e a Luri da Alura de forma responsável, sempre como complemento ao seu aprendizado e nunca como substituto.

Atualizamos referências e ferramentas que você realmente encontrará no mercado. O foco no pensamento computacional e o conceito multidisciplinar da tecnologia aparece bastante. Programar não é mais uma habilidade isolada, mas uma ferramenta que se integra com diversas áreas profissionais.

Ideal para quem quer dar seus passos no mudo DEV, entendendo como a programação pode transformar sua carreira, independentemente da área de atuação.

Saiba o que você vai aprender

Sumário

• 1 Comece a programar agora!
• 1.1 Converse com seu navegador
• 1.2 Quem fez esse site?
• 1.3 Como o navegador mostrou isso pra gente?
• 1.4 Criando seu próprio arquivo HTML
• 1.5 Um pouco mais de HTML
• 1.6 Dê olá ao mundo!
• 1.7 Revise o código: seu primeiro programa
• 1.8 Utilize o Chrome e editores modernos
• 1.9 Socorro! Meu programa não funciona. Conheça e use o console do Chrome
• 1.10 Inteligência Artificial como sua aliada

• 2 Converse via seu navegador: alertas e mensagens
• 2.1 Dê olá ao mundo de outras formas
• 2.2 Trabalhe com números
• 2.3 Revisando o seu código: trabalhando com números
• 2.4 Organize seus dados em variáveis
• 2.5 Reescrevendo a média de idade dos seus amigos
• 2.6 Revisando o seu código: organize-se com variáveis
• 2.7 Pare de escrever BR tantas vezes!
• 2.8 Revise o código: crie sua primeira função
• 2.9 Funções passando informações e chamando outras funções
• 2.10 Revise o código: usando a função mostra
• 2.11 Mostrando mensagens secretas, apenas para o programador
• 2.12 Para saber mais: comentários
• 2.13 Compartilhe seu código com seus amigos!

• 3 Funções: organize a solução dos problemas
• 3.1 A antiga fórmula de Indice de Massa Corporal
• 3.2 Utilize uma função para calcular o IMC de cada amigo
• 3.3 Revise o código: calculando o IMC
• 3.4 Trabalhe com dados capturados: pergunte a altura e peso do usuário
• 3.5 Exercícios: pergunte os dados do usuário para calcular o IMC
• 3.6 Descubra quantos dias seus amigos já viveram
• 3.7 Você já entendeu a ordem das chamadas das funções?
• 3.8 Utilize o console do Chrome para fazer testes!

• 4 Condições de execução do código
• 4.1 Quantos pontos tem seu time de futebol?
• 4.2 Verifique a situação do seu time de futebol
• 4.3 Revisando nosso código: pontos do campeonato
• 4.4 O seu IMC está ideal?
• 4.5 Jogo: adivinhe o número que estou pensando
• 4.6 Revisando seu código: o jogo da adivinhação

• 5 Loops: repetindo tarefas do programa
• 5.1 Quando serão as próximas copas do mundo?
• 5.2 Realize o loop somente em determinadas condições
• 5.3 Revise seu código: mostre os anos de copas até cansar
• 5.4 Caracteres e números, qual é a diferença afinal?
• 5.5 Revise seu código: transforme texto em números
• 5.6 Praticando mais um pouco: faça tabuadas
• 5.7 Aprenda uma forma diferente de mostrar a tabuada: o comando for
• 5.8 Reescrevendo a tabuada com o for
• 5.9 A média de idades, mas de uma forma mais interessante
• 5.10 Jogo: mais chances para adivinhar o número que estou pensando
• 5.11 Revisando nosso código: o jogo da adivinhação dos números
• 5.12 Exercícios: trabalhando com um loop dentro do outro

• 6 Estruturas e arrays: organize seus dados
• 6.1 Integre o JavaScript com HTML
• 6.2 Revisando uso de HTML e criando o jogo
• 6.3 Facilite o jogo da adivinhação colocando mais números!
• 6.4 Evite os número repetidos no Bingo

• 7 Canvas: desenhe seus resultados
• 7.1 Desenhe linhas e figuras
• 7.2 Criando todo tipo de imagem
• 7.3 Não vou conseguir lembrar de tudo isso! APIs e bibliotecas
• 7.4 Revise seus primeiros passos com o canvas
• 7.5 Cansei de repetir código! Funções novamente
• 7.6 Loops e funções para nos ajudar
• 7.7 Para saber mais: passe uma função para uma... função!
• 7.8 Fractais simples e recursão

• 8 Animações: dê vida aos seus códigos
• 8.1 Crie uma lousa capturando o movimento do mouse
• 8.2 Exercícios para nossa tela de desenho
• 8.3 Crie animações
• 8.4 Revise e faça novas animações
• 8.5 Desafio: o jogo do tiro ao alvo

• 9 Vá além da lógica de programação
• 9.1 Objetos
• 9.2 Boas práticas que foram violadas durante o aprendizado

• 10 Como continuar seus estudos?
• 10.1 A prática contínua como disciplina
• 10.2 Continue seus estudos
• 10.3 Preciso de faculdade para programar?
• 10.4 Podcasts e vídeos importantes
• 10.5 Como vai ser a sua trajetória?