Assine e desbloqueie acesso ilimitado na plataforma

Assinar agora
UX e Design

Design com Figma

Construindo layout do Spotify

Iniciantenível
11h 23mde conteúdo
5módulos
26aulas
Assinar e começarJá é assinante? Entrar

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 · 26 aulas

Visão Geral do Curso

1 aula · 6 min

  • Visão Geral

    Vídeo

    7 min

Conhecendo Figma, preparando o ambiente e criando componentes

6 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ídeo

    19 min

  • Fundamentos do Figma (Parte 1)

    Vídeo

    2 min

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

4 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

Criando Componentes para Desktop e Mobile

6 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

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

9 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

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.

Assinar e começarJá é assinante? Entrar