robertogdantas / store-framework

https://lab.github.com/vtex-trainings/store-framework
0 stars 0 forks source link

Funcionamento do curso #3

Closed github-learning-lab[bot] closed 5 years ago

github-learning-lab[bot] commented 5 years ago

Funcionamento do curso

<img src="https://user-images.githubusercontent.com/18701182/70206348-fae7ec00-1705-11ea-8c8d-90f614062782.png" alt="IMAGE ALT TEXT HERE" width="720" height="360" border="10" />

Objetivo

É importante estabelecer que este não é um curso expositivo. O seu objetivo é ensinar os participantes sobre o Store Framework do VTEX IO a partir de atividades práticas. Por isso, para que se consiga avançar, é preciso que um pouco do seu tempo e dedicação sejam investidos.

No começo do curso você recebeu um repositório com código mínimo e queremos que, ao completar todas as tarefas, você o tenha transformado em uma loja completa e funcional.

Introdução

O curso é divido em etapas. Ao começo de cada etapa, você receberá instruções iniciais, como você já recebeu nesse e no anterior. Você deve ler todo o conteúdo apresentado e receberá, ao fim, uma pequena atividade.

Para que suas respostas sejam enviadas, siga os seguintes passos:

  1. Abra uma nova janela do VSCode
  2. Execute Ctrl + Shift + P (Cmd + Shift + P)
  3. Digite git clone

image

  1. Digite o nome do repositório como https://github.com/robertogdantas/store-framework
  2. Confirme e selecione o lugar onde deseja baixar o repositório
  3. Clique em Open na notificação que abre no canto inferior direito

image

  1. Abra a página de instalação do nosso robô de testes e clique em Configure;
    • :warning: Note que este bot é diferente do bot do GitHub Learning Lab. Ele é responsável por analisar a resposta de cada etapa do curso.
  2. Selecione Only selected repositories, clique em Select repositories e digite store-framework;
  3. Clique em robertogdantas/store-framework e clique em Install.

Submetendo as suas respostas

Ao terminar de ler todo o conteúdo e fazer a atividade proposta, você deve enviar a sua resposta seguindo os passos abaixo:

  1. Clique em Source Control, no menu lateral do VSCode;
  1. Clique no + na seção de CHANGES;

image

  1. Escreva alguma mensagem que represente sua mudança. Por exemplo:

image

  1. Clique no (Commit);

image

  1. Clique no canto inferior esquerdo;
  1. Quando uma nova janela aparecer, coloque o nome da Branch que lhe foi dado no começo do texto e clique em + Create new branch...;
  1. Para finalizar, clique na nuvem no canto inferior esquerdo:

Quando terminar de fazer todo o fluxo, nosso robô responderá se você conseguiu ou não acertar a resposta que esperávamos. Se sim, receberá uma resposta como:

Em seguida, você receberá uma outra resposta que indicará os próximos passos:

Se você é familiarizado com o git, todo esse fluxo equivale a criar uma branch com um nome predefinido, fazer commit das mudanças e dar push.

Tentando novamente

Ao longo do curso, é possível que você não consiga completar corretamente a atividade na primeira tentativa. Se isso acontecer, você receberá uma mensagem de feedback que indicará qual foi o por quê da falha:

Você pode submeter quantas respostas você quiser, basta refazer todo o processo explicado na seção anterior. :warning: No item 6 não será necessário refazer tudo, uma vez que a branch do step já foi criada. No item 7, ao invés de ver uma nuvem, você verá algumas setas, basta clicar nelas para reenviar:

image

Progresso do curso

A qualquer momento do curso você pode acompanhar o seu progresso voltando na página inicial. Nela, serão indicados todos os steps, quais você já completou e um botão para você voltar para o step de onde parou:

image

Não esqueça de linkar

A todo momento, abrindo o terminal do VSCode, você pode executar um vtex link e acompanhar a evolução do seu projeto em https://{workspace}--{conta}.myvtex.com. Certifique-se que visualmente a solução é equiparável com o que foi apresentado e que nenhum erro aconteceu no link.

:warning: Cuidado :warning:

Não crie issues e PRs durante o fluxo do curso, isso pode interferir no seu funcionament


:no_entry_sign: Perdido?

Há algum problema com esse passo? Que tal nos enviar um feedback? :pray:

Criar feedback


Para continuar clique em Close issue

github-learning-lab[bot] commented 5 years ago

Você terminou este passo com sucesso!

Vá para o próximo passo:

Hello, World!