APRENDA•PRATIQUE•CONQUISTE
VOLUME 1
HTML, CSS e JavaScript para iniciantes
Crie sites modernos do zero, mesmo sem experiência. Do primeiro "Olá, mundo!" até um site completo, bonito, interativo e publicado na internet.
Para quem é este livro
O que mais trava quem está começando não é a dificuldade dos assuntos. É a falta de contexto. Aqui cada conceito vem com três coisas: o porquê, um exemplo comentado linha por linha e uma forma de praticar.
Nunca escreveu uma linha de código e quer começar do jeito certo.
Já viu um pouco de HTML, mas sente que tem "buracos" na base.
Quer criar o próprio site, portfólio ou a página de um pequeno negócio.
Pensa em uma carreira em tecnologia e quer testar se gosta da área.
Estuda em curso técnico ou graduação e quer um material de apoio claro e em português.
Não precisa de matemática avançada, inglês fluente nem computador potente. Um navegador e um editor gratuito bastam.
Três módulos, uma ordem natural
É o caminho do livro: primeiro a estrutura com HTML, depois o visual com CSS e, por fim, a interação com JavaScript. Cada um se apoia no anterior.
Módulo 1
A linguagem que dá forma ao conteúdo. Você vai criar páginas bem estruturadas, acessíveis e prontas para os buscadores.
Projeto do móduloPortfólio pessoal com quatro páginas
Módulo 2
A linguagem da aparência. Você vai transformar páginas cruas em interfaces bonitas, legíveis e que funcionam em qualquer tela.
Projeto do móduloO portfólio do Módulo 1, agora com visual profissional
Módulo 3
A linguagem de programação da web. Você aprende lógica de programação e usa essa lógica para criar páginas interativas.
Projeto do móduloLista de tarefas completa, que salva os dados no navegador
Desenvolvedor web iniciante. Conheça meus projetos em HTML, CSS e JavaScript.
Ver meus projetos1 de 3 concluídas
<header> <nav> <a href="index.html">Início</a> <a href="projetos.html">Projetos</a> </nav></header><main> <!-- o título principal da página --> <h1>Olá, eu sou o Lucas!</h1> <a href="projetos.html" class="botao">Ver meus projetos</a> <h2>Último projeto</h2></main>
/* uma variável para reaproveitar a cor */:root { --cor-destaque: #ff7a1a; } header { display: flex; justify-content: space-between;}.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}.botao { background: var(--cor-destaque); }
// Cada tarefa é um objeto: { id, texto, concluida }let tarefas = JSON.parse(localStorage.getItem("tarefas")) || []; function alternarTarefa(id) { // inverte "concluida" só na tarefa com esse id tarefas = tarefas.map(t => t.id === id ? { ...t, concluida: !t.concluida } : t ); localStorage.setItem("tarefas", JSON.stringify(tarefas)); mostrarTarefas();}
Anatomia de um capítulo
O que você vai saber fazer ao final do capítulo, antes da primeira linha de explicação.
Os conceitos, com analogias do dia a dia sempre que possível. Primeiro o porquê, depois o como.
Exemplos em que cada linha importante tem um comentário explicando o que acontece.
Uma tabela com os enganos mais frequentes de quem está começando: o que acontece e como corrigir.
Pequenos exercícios para fixar o conteúdo na hora. Levam poucos minutos e mostram se você entendeu.
Os pontos principais do capítulo, para revisar depressa antes de seguir.
Caixas de destaque
Atalhos, boas práticas e truques que profissionais usam no dia a dia.
Armadilhas comuns e detalhes que costumam causar erros difíceis de encontrar.
Comparações com situações do cotidiano para tornar conceitos abstratos mais concretos.
Histórias e contexto sobre a tecnologia, para entender por que as coisas são como são.
Plano de estudos de 12 semanas
Uma sugestão de ritmo para quem estuda de 5 a 7 horas por semana. O importante é a constância, não a velocidade.
Sumário
Sobre o autor
Software de mercado. Didática de sala de aula.
Engenheiro de Software Sênior e Professor de Tecnologia. Há mais de dez anos constrói sistemas em produção em áreas como mídia em tempo real, educação e SaaS corporativo. Em paralelo, forma professores e orienta estudantes, transformando a experiência de mercado em aulas, materiais didáticos e mentorias.
A coleção Web do Zero
O Volume 2 começa exatamente onde este termina. A lista de tarefas que você constrói aqui, guardada no navegador, vira o Órbita: um sistema com banco de dados, API, aplicação web e aplicativos Android e iOS.
Do zero ao seu primeiro site publicado na internet.
O próximo passo para construir sistemas reais.
Conhecer o Volume 2APRENDA•PRATIQUE•CONQUISTE
O ponto de partida ideal para transformar sua curiosidade em habilidade.
Comprar Web do ZeroLivro impresso · 16 × 23 cm · 344 páginas