Pular para o conteúdo principal

Guia e desafios para seguir os Workshops

Este guia foi criado para realizar o onboarding dos novos integrantes do Data2, com objetivo de apresentar uma trilha de aprendizado dentro do Builder.

Aqui damos uma sugestão de que ordem seguir os workshops e também alguns exercícios e desafios

Observações e dicas importantes:​

  • Ao assistir um workshop e seguir simultaneamente o que está sendo explicado, tentar fazer igual.
  • Criar um workspace para cada workshop.
  • Elaborar uma lista de tarefas necessárias para a realização do desafio, dividindo-as em etapas para facilitar o controle do que já foi concluído e do que ainda precisa ser feito.
  • Ao invés de fazer tudo em um único artboard, separe por etapas. Isso pode ajudar inclusive a facilitar para mostrar uma dúvida sua para outra pessoa.
  • Faça uso de JSON Viewer para ver o que está acontecendo nas partes em que está trabalhando.

0. Workshop: Dicas e atalhos no Builder​

Menção especial para aprender a se movimentar melhor dentro do Builder! Comece por aqui para acelerar sua navegação e manipulação de elementos no Builder.

1. Workshop: Workspace & Design​

Desafio 1: Copiar o layout de uma página qualquer de escolha própria dentro da plataforma Data².

2. Workshop: Dicas e atalhos no Builder e ƒ(), UIStates & Dynamic Content​

Desafio 2: Fazer uma página que contenha:

  • Um efeito de hover nos botões,
  • Um accordion menu,
  • Um select menu,
  • Um slider.

3. Workshops: Tables & DataSets e Trabalhando com Repeaters​

Desafio 3: Construir um calendário (como o Google Calendar, por exemplo) que:

  • Permita alterar o mês exibido,
  • Ajuste corretamente o dia de início (ex.: quando o dia 1 cai em uma terça-feira e não em um domingo),
  • Seja possível agendar tarefas nas datas.

4. Workshop: Componentes e controles customizados​

Desafio 4: Utilizar componentes para refazer as tarefas realizadas no Desafio 2 (accordion menu, select menu, hover).

5. Workshop: Routers, Aplicações e Versionamento e Authentication Strategy​

Desafio 5: Implementar:

  • Dois usuários,
  • Uma tela de login,
  • Permitir que cada usuário acesse e interaja com o calendário do Desafio 3, visualizando apenas as suas próprias tarefas agendadas.

6. Workshop: Domain Assistant e Arrays​

Desafio 6: Construir um chatbot de tema livre (exemplos: WhatsApp, Telegram) que permita interação.

  • Exibir de formas diferentes as mensagens do bot e do usuário, simulando um chat estilo WhatsApp.

7. Aba: Integrações Externas → Requisições com HTTP Client​

Desafio 7: Fazer com que o chatbot construído anteriormente realize uma requisição a uma API externa.

8. Aba: Além da interface (Data² Rush)​

Desafio 8: Aplicar um Rush no chatbot construído, de forma que sejam escondidas as requisições feitas, deixando fora do Rush apenas:

  • A entrada inicial,
  • A saída final das interações.