Introdução
  • Introdução
Aula 2: Tecnologias do Front-end para E-commerce
  • Tecnologias
Sessão 3: Bibliotecas e Plugins
  • Bibliotecas e Plugins
Seção 4: Sobre a Nuvem Shop
  • A Nuvem Shop
Seção 5: Ambiente Nuvem Shop
  • Introdução ao Ambiente
  • Criando uma Loja na Nuvem Shop
  • Painel Administrativo Nuvem Shop
  • Loja Default
Configurando Loja Online
  • Configurando Serviços de Frete
  • Configurando Meios de Pagamento
  • Configurando Opções de Checkout
  • Cadastrando Categorias
  • Cadastrando Produto Simples
  • Cadastrando Produto com Variação
  • Criando Páginas Institucionais
  • Configurando Informações de Contato
  • Configurando Menu de Navegação
  • Colocando Loja em Construção
  • Testando Fluxo de Compra
Preparando Ambiente de Desenvolvimento
  • Instalando VS Code
  • Instalando Compilador SASS - Scout.io
  • Conhecendo Ferramenta TinyPNG
  • Instalando FileZilla
  • Photoshop ou Sketch?
Clonando Projeto Inicial
  • Clonando Estrutura de Projeto Nuvem Shop
Estrutura de Pastas e Arquivos
  • Config
  • Layouts
  • Snipplets
  • Static
  • Templates
Objetos, Métodos e Variáveis
  • Objetos
  • Métodos
  • Variáveis
Download do Layout e Informações de cadastro
  • Alteração de Layout
Iniciando Desenvolvimento
  • Ativando FTP, Clonando Tema Base e Publicando
  • Exportando Imagens
  • Criando Arquivos CSS e JS
  • Editando Layout.tpl e importando CSS/JS no template
  • Atualizando Dependências NS e Corrigindo chamada CSS
Desenvolvimento - Cabeçalho
  • HTML - Header - header/header.tpl
  • HTML - Logo - header/header-logo.tpl
  • HTML - Menu - navigation/*.tpl
  • HTML - Busca - header/header-search.tpl
  • HTML - Account - header/header-account.tpl
  • HTML/JS - Banner Services - banner-services/*.tpl
  • CSS - Preparando Arquivos de Configurações
  • CSS - Header
  • CSS - Menu
  • CSS - Botões padrões do Header
  • CSS - Busca, Account e Carrinho
Desenvolvimento - Componente de Banners
  • HTML - Home e Banners
  • CSS - Full Banner e Mini Banners
Desenvolvimento - Componente Showcase (Vitrine de Produtos)
  • HTML - Showcase
  • CSS - Showcase
  • Corrigindo alinhamento preços e finalizando flag desconto
Desenvolvimento - Componente Sobre a Loja
  • Criando configurações do Admin
  • HTML - About US - home/home-about-us.tpl
  • CSS - About US
Desenvolvimento - Componente Feed do Instagram
  • Gerando Token de Acesso e Ativando na NS
  • HTML - InstaFeed - home/home-instafeed.tpl
  • JS - InstaFeed - js/store.js.tpl
  • CSS - InstaFeed
Desenvolvimento - Footer (Rodapé)
  • HTML - Footer - footer/footer.tpl
  • Criando algumas configurações - configs/settings.tpl
  • HTML - Footer Nav - navigation/navigation-foot.tpl
  • HTML - Footer Newsletter - newsletter.tpl
  • HTML - Footer Social Links - social/social-links.tpl
  • CSS - Footer
Desenvolvimento - Página de Categoria
  • Importando nova fonte para títulos
  • HTML - Category - templates/category.tpl
  • HTML - Filters/Sort By - grid/filters.tpl e sort-by.tpl
  • HTML - Category Showcase - category.tpl
  • CSS - Titulo da Categoria
  • CSS - Breadcrumb
  • CSS - Filters/Sort By
  • CSS - Showcase + Correções
Desenvolvimento - Página de Produto
  • HTML - Product - templates/product.tpl
  • HTML - Product Form - product/product-form.tpl
  • HTML - Product Related - product/product-related.tpl
  • HTML - Product Installments - payments/installments.tpl