Web Design Responsivo e UI/UX: do Figma ao HTML, CSS e Bootstrap — LearnFlat
4.3 (7) ⏱ 2 h 54 min 📚 29 aulas 🎧 Versão em áudio

Web Design Responsivo e UI/UX: do Figma ao HTML, CSS e Bootstrap

Aprenda a projetar belas interfaces de usuário no Figma e transforme-as em páginas da web responsivas e acessíveis usando HTML, CSS, JavaScript e Bootstrap.

  • 💬 Instrutor de IA
    Pergunte sobre qualquer aula e receba uma resposta clara na hora, quando quiser.
  • 🕐 Comece quando quiser
    Sem horários nem prazos: aprenda no seu ritmo, quando quiser.
  • 🌐 Em português
    Aulas, tarefas e certificado: tudo totalmente no seu idioma.

Sobre este curso

Fazer a ponte entre o design visual criativo e o código front-end limpo é uma das habilidades mais valiosas no desenvolvimento web moderno.Este curso escrito orienta você através de todo o pipeline de criação de interfaces de usuário impressionantes e transformá-los em sites responsivos. Você passará de entender os princípios básicos de design para escrever código estruturado.Ao aprender a pensar como um designer e um desenvolvedor, você ganhará a confiança para conceituar layouts no Figma e construí-los usando padrões web modernos. O que você vai aprender: - Entenda os princípios fundamentais de design UI / UX, tipografia, teoria da cor e wireframing. - Crie layouts flexíveis no Figma usando ferramentas modernas como Auto Layout e bibliotecas de componentes. - Traduza projetos visuais em HTML limpo e semântico e CSS estilizado usando Flexbox e Grid. - Crie layouts totalmente responsivos e móveis usando o sistema de grade Bootstrap. - Aplique padrões fundamentais de acessibilidade para garantir que seus designs e códigos sejam inclusivos. - Implemente JavaScript básico para lidar com eventos DOM e adicione transições interativas às suas páginas da Web. A jornada começa com conceitos fundamentais de design e noções básicas do Figma antes de progredir para a codificação prática.Você lerá explicações detalhadas, estudará trechos de código claros e praticará a construção de layouts responsivos passo a passo. Este curso foi projetado especificamente para iniciantes sem experiência prévia em design ou codificação. Comece sua jornada para se tornar um designer-desenvolvedor versátil hoje.

O que você vai receber

  • 📜 Certificado de conclusão
    Adicione ao seu perfil do LinkedIn
  • 💬 Tutor AI pessoal
    Travou em uma aula? Pergunte ao seu tutor integrado qualquer coisa, a qualquer hora.
  • 🎧 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 14 dias
    Sem perguntas
  • Curto e focado
    2 h 54 min de conteúdo prático

Avaliações (7)

Александр Кузнецов RU Aluno verificado
★ 5 · 9 agosto 2026

Design de curso brilhante. A maneira como os conceitos se constroem uns nos outros é perfeita.

إبراهيم الغانم KW Aluno verificado
★ 5 · 6 agosto 2026

Isso era exatamente o que eu precisava. A abordagem passo a passo fez maravilhas para o meu estilo de aprendizagem.

Katerina Petridou GR Aluno verificado
★ 3 · 4 agosto 2026

Wow, estou impressionado. As aplicações do mundo real mostradas foram super úteis. Fez ideias abstratas sentirem-se tangíveis.

Niamh Doyle IE Aluno verificado
★ 4 · 19 julho 2026

Machine Translated Eu apreciei os passos claros, embora alguns dos módulos posteriores pudessem ter usado mais exemplos.

خديجة DZ Aluno verificado
★ 5 · 2 julho 2026

Material útil. A estrutura era lógica na maior parte.Pode não ser para iniciantes absolutos.

Claudia Guerrero PE
★ 3 · 8 junho 2026

É uma introdução decente, mas poderia se beneficiar de exemplos mais diversos e um fluxo ligeiramente melhor entre os módulos.

Gila Stern IL Aluno verificado
★ 5 · 8 junho 2026

Machine Translated Este é exatamente o que eu estava procurando.Adorei os exemplos práticos, eles realmente ajudaram a solidificar os conceitos.

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? +

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

Posso pedir reembolso? +

Sim — reembolso integral em 14 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