Noções básicas de desenvolvimento web front-end: de maquetes a código responsivo

Aprenda a traduzir web designs em HTML, CSS e JavaScript limpos, criando sites responsivos e acessíveis, mesmo que você não tenha experiência em codificação.

4.6 (2,228) ⏱ 1 h 39 min 📚 12 aulas 🎧 Versão em áudio

Sobre este curso

Você já se perguntou como seus sites favoritos são construídos, ou como a maquete visual de um designer se torna uma página interativa em sua tela?Fazer a ponte entre o design e o código funcional é o núcleo do desenvolvimento de frontend, e é mais fácil de aprender do que você pensa. Neste guia escrito abrangente, você passará de um iniciante absoluto a um desenvolvedor capaz de escrever código web limpo, moderno e responsivo.Você começará dominando os blocos de construção principais da web, aprendendo como os navegadores interpretam o código e entendendo como estruturar o conteúdo de forma eficaz. O que você vai aprender: - Entenda a terminologia da web fundamental, a mecânica do navegador e como HTML, CSS e JavaScript trabalham juntos. - Construa páginas da Web semânticas estruturadas usando padrões HTML modernos. - Estilize layouts responsivos com CSS moderno, incluindo Flexbox, Grade e princípios de design mobile-first. - Aplique noções básicas de acessibilidade da web para garantir que seus sites sejam utilizáveis por todos. - Implemente interatividade básica e operações lógicas usando JavaScript moderno. - Traduza maquetes de design visual em páginas da Web limpas, funcionais e perfeitas em pixels. Este curso somente de texto é estruturado para aumentar sua confiança passo a passo, começando com definições básicas antes de passar para layouts práticos.Você aprenderá lendo explicações claras, analisando trechos de código do mundo real e completando exercícios escritos que reforçam sua compreensão dos fluxos de trabalho de desenvolvimento. Este curso é projetado para iniciantes absolutos, aspirantes a desenvolvedores e designers que querem entender o lado técnico de seus projetos.Não é necessária experiência prévia em codificação ou software especializado. Comece sua jornada no desenvolvimento web e comece a escrever suas primeiras linhas de código hoje.

O que você vai receber

  • 📜 Certificado de conclusão
    Adicione ao seu perfil do LinkedIn
  • 🎧 Versão em áudio incluída
    Estude em qualquer lugar, sem tela
  • ♾️ Acesso vitalício
    Volte quando quiser, sem expirar
  • 📱 Celular ou computador
    Funciona em qualquer dispositivo
  • 💸 Reembolso em 30 dias
    Sem perguntas
  • Curto e focado
    1 h 39 min de conteúdo prático

Avaliações (11)

Oliver Hughes GB Aluno verificado
★ 2 · 2026-05-07T09:00:19+00:00

Não tenho certeza de que essa foi a melhor maneira de aprender isso. Os exemplos pareciam um pouco datados e a estrutura geral era confusa.

Inger Larsen DK Aluno verificado
★ 3 · 2026-02-17T16:51:19+00:00

Hmm, não tenho certeza se isso é para iniciantes absolutos. Ele assume um pouco de conhecimento prévio que não foi explicitamente ensinado.

Marcelo Dias BR Aluno verificado
★ 3 · 2025-12-14T17:52:19+00:00

O curso foi informativo. Eu apreciei a estrutura e os exemplos, embora alguns tópicos se sentissem um pouco apressados.

Jeremías Jiménez UY Aluno verificado
★ 4 · 2025-10-29T04:31:19+00:00

Esta foi uma boa introdução. A estrutura é lógica e abrange o básico de forma eficaz.Pode ser muito introdutório para alunos avançados.

Noah Reyes PH Aluno verificado
★ 4 · 2025-10-27T06:27:19+00:00

Bom conteúdo em geral. Algumas seções se moveram um pouco rápido para mim, mas os exemplos foram geralmente úteis.

Zev Wolf IL Aluno verificado
★ 4 · 2025-10-18T03:24:19+00:00

Foi um curso muito bom no geral. Algumas partes se moveram um pouco rápido, mas os exemplos foram geralmente úteis.

عبد الله مصطفى EG
★ 4 · 2025-06-27T07:30:19+00:00

Isso forneceu uma boa visão geral. As explicações foram decentes, mas às vezes eu desejava cenários de aplicação mais práticos.

يوسف بن عبد الله TN
★ 4 · 2025-05-04T21:27:19+00:00

Machine Translated Eu gostei dos exemplos de aplicação prática, embora a configuração inicial tenha demorado mais do que eu esperava.

زينب الهاشمي JO Aluno verificado
★ 4 · 2025-04-11T11:38:19+00:00

Esta foi uma maneira brilhante de aprender! A estrutura era lógica, o ritmo estava no local e os exemplos eram super úteis.

Silvia Lozano PE Aluno verificado
★ 5 · 2025-01-30T10:37:19+00:00

Achei útil. O fluxo era lógico e os exemplos ilustrativos ajudaram a solidificar as ideias.Poderia ter usado um pouco mais de profundidade.

James White AU Aluno verificado
★ 3 · 2025-01-22T21:04:19+00:00

Achei útil para uma atualização.Não tenho certeza que seria o melhor ponto de partida para um iniciante completo, tbh.

Escrever uma avaliação

Pediremos para fazer login após enviar — o rascunho fica salvo.

Outros também fizeram

Perguntas frequentes

O que preciso para fazer este curso? +

Só um celular ou computador com internet. Sem instalações nem hardware especial.

Como faço para pagar? +

Cartão via Stripe ou criptomoeda. Não guardamos dados do cartão — o Stripe processa com segurança.

Posso pedir reembolso? +

Sim — reembolso integral em 30 dias, sem perguntas.

Por quanto tempo terei acesso? +

Para sempre. Uma vez comprado, o curso é seu para revisar quando quiser.

Vou receber um certificado? +

Sim. Ao concluir, você recebe um certificado que pode adicionar ao seu perfil do LinkedIn.

Feito para profissionais em
Tecnologia Design Finanças Marketing Saúde Educação Hotelaria Indústria