Assine e desbloqueie acesso ilimitado na plataforma

Assinar agora
UX e DesignCom certificado

Design com Figma

Construindo layout do Spotify

Iniciantenível
11h 23mde conteúdo
5módulos
31aulas

Sobre o curso

Construindo layout do Spotify

O que você vai aprender

Habilidades trabalhadas ao longo das aulas.

  • Design System
  • Figma
  • React
  • UX Design
  • CSS
  • Prototipação

Áreas de conhecimento

5.200 XP distribuídos entre as áreas abaixo.

  • UX e Design61%
  • Frontend26%
  • Backend7%
  • Mobile3%

Conteúdo do curso

5 módulos · 31 aulas

Visão Geral do Curso

2 aulas · 6 min

  • Visão Geral

    VídeoMaterial de apoio

    7 min
  • Questionário — Visão Geral do Curso

    Questão

Conhecendo Figma, preparando o ambiente e criando componentes

7 aulas · 199 min

  • Introdução ao UI e UX

    Vídeo

    28 min
  • Criando Telas da Pagina Principal (Parte 1)

    Vídeo

    64 min
  • Criando Telas da Pagina Principal (Parte 2)

    Vídeo

    42 min
  • Fundamentos do Figma (Parte 2)

    Vídeo

    47 min
  • Preparando o Ambiente e os Recursos

    VídeoMaterial de apoio

    19 min
  • Fundamentos do Figma (Parte 1)

    Vídeo

    2 min
  • Questionário — Conhecendo Figma, preparando o ambiente e criando componentes

    Questão

Construindo a Interface da versão para dispositivos móveis

5 aulas · 135 min

  • Mobile version (Parte 1)

    Vídeo

    75 min
  • Mobile version (Parte 2)

    Vídeo

    42 min
  • Dica do Dia - Paletas de Cores

    Vídeo

    6 min
  • Criando Protótipo e Compenentes Principais

    Vídeo

    15 min
  • Questionário — Construindo a Interface da versão para dispositivos móveis

    Questão

Criando Componentes para Desktop e Mobile

7 aulas · 183 min

  • Criando Componentes Desktop

    Vídeo

    57 min
  • Criando Componete do Mobile

    Vídeo

    28 min
  • Dica do Dia - Estudar Programação

    Vídeo

    4 min
  • Reutilizando os Componentes Criados

    Vídeo

    45 min
  • Analisando os Projetos dos alunos

    Vídeo

    40 min
  • Tirando Dúvida dos Alunos

    Vídeo

    13 min
  • Questionário — Criando Componentes para Desktop e Mobile

    Questão

Conclusão do projeto e publicação do projeto na nuvem

10 aulas · 159 min

  • Prototipo

    Vídeo

    21 min
  • Configurando o Projeto

    Vídeo

    37 min
  • Explicação dos Componentes REACT

    Vídeo

    7 min
  • Desenvolvendo a Estrutura da Página

    Vídeo

    29 min
  • Desenvolvendo a Estrutura do MAIN

    Vídeo

    15 min
  • Estilizando os Elementos do HEADER

    Vídeo

    16 min
  • Adicionando os ICONES de navegação (LATERAL)

    Vídeo

    23 min
  • Estilizando os ICONES de navegação (LATERAL)

    Vídeo

    8 min
  • Desenvolvendo o Footer da página

    Vídeo

    8 min
  • Questionário — Conclusão do projeto e publicação do projeto na nuvem

    Questão

Certificado de conclusão

Ao concluir todas as aulas você recebe um certificado com código de verificação público e carga horária de 12h, pronto para o seu perfil profissional.

Assine a Hcode Class e comece hoje

Uma assinatura, acesso ilimitado a este e a todos os outros cursos da plataforma — com trilhas, provas e certificados.