18 aulas 5h 58min

E-commerce em Código

Aprenda a construir um e-commerce na Shopify usando Liquid

Conteúdo do workshop

O que você vai aprender

São 18 aulas práticas, na ordem certa, com 5h 58min de conteúdo do absoluto zero até o projeto rodando.

1

Introdução ao Workshop

Esta aula é um workshop prático focado em ensinar os participantes a criar um ecommerce do zero, uti...

20min
2

Aprenda a planejar seu e-commerce

Nesta aula, aprendemos a planejar e idealizar um ecommerce do zero, com foco em criar uma marca fort...

10min
3

Criando marca no Figma

Nesta aula, aprendemos passo a passo como iniciar um projeto de design no Figma, focando na criação...

38min
4

Analisando logotipos dos alunos

Nesta aula, aprendemos a criar uma identidade visual simples e eficiente para um e-commerce, definin...

10min
5

Construindo o WireFrame no Figma

Nesta aula, aprendemos como planejar e estruturar o design de um e-commerce no Figma, focando em uma...

12min
6

Dando vida ao wireframe no Figma

Nesta aula, aprendemos passo a passo como montar a estrutura inicial de um layout para um site de e-...

25min
7

Criando carrinho de compras e tela de produto no Figma

Nesta aula, aprendemos a estruturar as principais telas de um e-commerce utilizando a plataforma Sho...

10min
8

Refinando o design do e-commerce

Nesta aula, aprendemos como transformar um protótipo inicial de e-commerce em um design final comple...

22min
9

Finalizando design do e-commerce no Figma

Nesta aula, aprendemos como criar o layout visual de um e-commerce focado em roupas infantis, utiliz...

20min
10

Entendendo HTML na Prática

Nesta aula inicial, exploramos os conceitos básicos e fundamentais de quatro tecnologias essenciais...

23min
11

Entendendo CSS e Liquid

Nesta aula, aprendemos os conceitos fundamentais de CSS para estilização de páginas web, além de uma...

26min
12

Configurando GIT e Shopify

Nesta aula, aprendemos a configurar o GitHub e o Shopify para o desenvolvimento de lojas virtuais. A...

26min
13

Organizando o ambiente para codificar

Nesta aula, aprendemos detalhadamente como criar e configurar um repositório no GitHub, baixar e usa...

13min
14

Separando imagens e assets do e-commerce

Nesta aula, aprendemos como extrair e organizar imagens do Figma para uso em projetos de e-commerce,...

25min
15

Criando menu nav com versão mobile

Nesta aula, aprendemos como importar fontes personalizadas para um projeto web, configurar estilos C...

21min
16

Criando a tecnologia de busca com Liquid

Nesta aula, exploramos como criar uma funcionalidade de busca personalizada na Shopify, diferente do...

11min
17

Finalizando a home do e-commerce

Nesta aula, aprendemos a construir funcionalidades essenciais para um e-commerce utilizando Shopify,...

22min
18

Aprenda a vender e-commerces

Nesta aula, o instrutor compartilha um conteúdo rico e prático sobre o desenvolvimento de projetos d...

24min
Dúvidas

Perguntas frequentes

As principais dúvidas sobre o workshop E-commerce em Código, respondidas. Precisa de algo mais? Fale com a gente.

Não. O workshop E-commerce em Código começa do absoluto zero e avança passo a passo, então mesmo sem experiência você consegue acompanhar e construir o projeto até o final.

São 18 aulas práticas, somando 5h 58min de conteúdo. Como você estuda no seu ritmo e o progresso fica salvo, dá para concluir em poucos dias ou aos poucos, sem perder o fio.

Totalmente. A proposta do workshop E-commerce em Código é mão na massa: você aprende construindo um projeto real do começo ao fim, acompanhando cada etapa junto com a aula.

Você libera as 18 aulas deste workshop e todos os outros workshops da comunidade na plataforma, com resumo, transcrição, quiz e suporte para tirar dúvidas enquanto estuda.

Pode. As aulas ficam disponíveis a qualquer hora na plataforma, com o progresso salvo automaticamente. Você assiste de onde estiver e avança quando quiser.

Serve sim. O E-commerce em Código foi pensado para iniciantes: cada conceito é explicado antes de ser usado e a primeira aula já parte do zero, sem assumir que você sabe alguma coisa antes.

Tem. Além do conteúdo de cada aula, você conta com resumo, transcrição e quiz para fixar, e pode tirar dúvidas com a comunidade enquanto avança nas 18 aulas do E-commerce em Código.

O acesso fica liberado enquanto você for assinante, com o progresso salvo a cada aula. Não prometemos certificado: o foco do E-commerce em Código é você terminar com um projeto real pronto para mostrar no seu portfólio.

Recebe. Sempre que algo muda nas ferramentas usadas no E-commerce em Código, revisamos as aulas e adicionamos conteúdo novo. Como assinante, você acompanha essas atualizações sem pagar nada a mais.

Pronto para dominar E-commerce em Código?

Acesse as 18 aulas deste workshop e todos os outros conteúdos da comunidade na plataforma.