Guia Prático de Desenvolvimento Web
Aprenda desenvolvimento web na ordem certa
Um guia para entender como a web funciona, ganhar base em HTML, CSS e JavaScript e saber o que estudar em seguida, sem pular de tutorial em tutorial.
- Produto
- Guia Prático de Desenvolvimento Web
- Formato
- Guia digital para leitura
- Entrega
- Acesso enviado por e-mail após a confirmação do pagamento
- Pagamento
- Checkout seguro da Kiwify
R$ 19,90
Direito de arrependimento de 7 dias, conforme o Código de Defesa do Consumidor.
O excesso de conteúdo também atrapalha
Nunca foi tão fácil achar material sobre programação. Vídeos, cursos, posts, threads. O problema de quem está começando raramente é falta de conteúdo. É saber por onde ir.
Sem uma ordem, é comum aprender um framework antes de entender o que ele resolve, decorar comandos sem saber o que acontece por trás ou travar em um assunto que dependia de outro que você nunca viu.
O guia organiza os fundamentos em sequência. Cada parte prepara a próxima, e você termina com uma base que deixa o resto do caminho muito mais leve.
Como estudar com o guia
O guia foi feito para ser lido em ordem na primeira vez e consultado depois.
Passo 1
Receba o acesso
Depois da confirmação do pagamento, a Kiwify envia as instruções de acesso para o seu e-mail.
Passo 2
Leia em sequência
Siga as partes na ordem. Os assuntos foram organizados para que cada um se apoie no anterior.
Passo 3
Pratique enquanto lê
Abra o editor e reproduza os exemplos. Ler sobre código ajuda, escrever código ensina.
Passo 4
Volte quando precisar
Depois da primeira leitura, use o guia como material de consulta para relembrar conceitos.
Por que estudar com um guia
- Um caminho em vez de uma lista
- Os assuntos seguem uma sequência lógica, então você sempre sabe o que vem depois.
- Foco no que você vai usar
- O conteúdo prioriza os fundamentos presentes no dia a dia de quem desenvolve para a web.
- Explicações sem pressupor experiência
- Os conceitos são apresentados de forma direta, a partir do zero.
- Exemplos para reproduzir
- Trechos de código mostram cada conceito aplicado, para você testar no seu editor.
- No seu ritmo
- Sem aulas com horário. Você lê quando puder, quantas vezes quiser.
- Base para frameworks
- Com os fundamentos firmes, aprender React, Next.js ou qualquer outra ferramenta fica mais natural.
O que o guia aborda
O conteúdo está dividido em quatro partes, da base ao projeto publicado.
Fundamentos da web
O que acontece entre digitar um endereço e ver a página carregada.
- Como funcionam navegador, servidor e HTTP
- HTML semântico e estrutura de páginas
Estilo e layout
Como transformar HTML em uma interface organizada, em qualquer tamanho de tela.
- CSS moderno: seletores, box model e cascata
- Flexbox e Grid
- Layouts responsivos com abordagem mobile-first
JavaScript essencial
A linguagem que deixa as páginas interativas e conversa com outros serviços.
- Sintaxe, tipos e funções
- Manipulação do DOM e eventos
- Requisições a APIs com fetch
Fluxo de trabalho
As ferramentas e hábitos que acompanham qualquer projeto real.
- Versionamento com Git e GitHub
- Organização de um projeto web
- Como publicar o seu site
Por que começar pelos fundamentos
Frameworks mudam com frequência. A base sobre a qual eles são construídos muda muito pouco.
HTML, CSS e JavaScript estão em tudo
Todo framework de front-end, no fim, gera HTML, CSS e JavaScript para o navegador. Entender essas três camadas ajuda a entender qualquer ferramenta.
Erros ficam mais fáceis de resolver
Quando você sabe como o navegador lê uma página e como uma requisição funciona, as mensagens de erro passam a fazer sentido.
Você aprende o próximo passo mais rápido
Com a base firme, um framework novo é só uma forma diferente de organizar algo que você já entende.
Sumário
Parte 1Fundamentos da web
- Como funcionam navegador, servidor e HTTP
- HTML semântico e estrutura de páginas
Parte 2Estilo e layout
- CSS moderno: seletores, box model e cascata
- Flexbox e Grid
- Layouts responsivos com abordagem mobile-first
Parte 3JavaScript essencial
- Sintaxe, tipos e funções
- Manipulação do DOM e eventos
- Requisições a APIs com fetch
Parte 4Fluxo de trabalho
- Versionamento com Git e GitHub
- Organização de um projeto web
- Como publicar o seu site
Para quem é
Veja se o material combina com o seu momento antes de comprar.
Faz sentido se você é
- Iniciantes que querem aprender desenvolvimento web com uma base sólida
- Quem estuda sozinho e sente que está aprendendo de forma desorganizada
- Profissionais de outras áreas em transição para a programação
Não faz sentido se você é
- Devs experientes em busca de conteúdo avançado
- Quem prefere aprender por vídeo
O que você precisa ter
- Um computador com navegador e um editor de código
- Disposição para praticar enquanto lê
O que o guia não é
Para alinhar expectativas antes da compra:
- Não é um curso em vídeo. É material de leitura, para estudar no seu ritmo.
- Não cobre tópicos avançados. O foco são os fundamentos.
- Não substitui a prática. O aprendizado de verdade acontece quando você escreve código.
Uma base bem feita encurta todo o resto
Comece pelos fundamentos, na ordem certa, e estude no seu ritmo.
- Produto
- Guia Prático de Desenvolvimento Web
- Formato
- Guia digital para leitura
- Entrega
- Acesso enviado por e-mail após a confirmação do pagamento
- Pagamento
- Checkout seguro da Kiwify
R$ 19,90
Direito de arrependimento de 7 dias, conforme o Código de Defesa do Consumidor.
Dúvidas frequentes
Preciso de conhecimento prévio?
Não. O guia começa pelos fundamentos e foi pensado para quem está dando os primeiros passos.
É um curso em vídeo?
Não. É um guia em formato de leitura, para estudar no seu ritmo e consultar quando precisar.
Serve para quem já programa?
Pode servir como revisão, mas o foco é quem está começando. Se você já trabalha com desenvolvimento web, provavelmente conhece boa parte do conteúdo.
Preciso instalar algum programa pago?
Não. Para acompanhar o guia, um navegador e um editor de código gratuito, como o VS Code, são suficientes.
Como recebo o acesso depois da compra?
A compra é feita pela Kiwify. Assim que o pagamento é confirmado, a Kiwify envia as instruções de acesso para o e-mail que você informou no checkout. Se não encontrar a mensagem, confira a caixa de spam e a aba de promoções.
Quais formas de pagamento são aceitas?
As opções disponíveis aparecem no próprio checkout da Kiwify, na hora da compra.
Digitei o e-mail errado no checkout. E agora?
O acesso vai para o e-mail informado na compra. Se houve erro de digitação, entre em contato pelo suporte da Kiwify com os dados do pedido para corrigir.
E se eu me arrepender?
Compras feitas pela internet têm direito de arrependimento de 7 dias, previsto no Art. 49 do Código de Defesa do Consumidor. O pedido de reembolso é feito pela própria Kiwify.