Skip to main content

Guide and challenges for following the Workshops

This guide was created to onboard new Data2 team members, with the goal of presenting a learning path within the Builder.

Here we suggest an order to follow the workshops in, along with some exercises and challenges.

Important notes and tips:​

  • While watching a workshop, try to follow along and replicate what's being explained.
  • Create a workspace for each workshop.
  • Draft a list of the tasks needed to complete the challenge, breaking them into steps to make it easier to track what's done and what's still pending.
  • Instead of doing everything in a single artboard, split it into stages. This can also make it easier to show someone else what you're stuck on.
  • Use the JSON Viewer to see what's happening in the parts you're working on.

0. Workshop: Tips and Shortcuts in the Builder​

A special mention for learning to move around the Builder more efficiently! Start here to speed up your navigation and manipulation of elements in the Builder.

1. Workshop: Workspace & Design​

Challenge 1: Copy the layout of any page of your choosing within the Data² platform.

2. Workshop: Tips and Shortcuts in the Builder and ƒ(), UIStates & Dynamic Content​

Challenge 2: Build a page that includes:

  • A hover effect on buttons,
  • An accordion menu,
  • A select menu,
  • A slider.

3. Workshops: Tables & DataSets and Working with Repeaters​

Challenge 3: Build a calendar (like Google Calendar, for example) that:

  • Allows changing the displayed month,
  • Correctly adjusts the starting day (e.g., when the 1st falls on a Tuesday instead of a Sunday),
  • Allows scheduling tasks on dates.

4. Workshop: Custom Components and Controls​

Challenge 4: Use components to redo the tasks from Challenge 2 (accordion menu, select menu, hover).

5. Workshop: Routers, Applications and Versioning and Authentication Strategy​

Challenge 5: Implement:

  • Two users,
  • A login screen,
  • Allow each user to access and interact with the calendar from Challenge 3, viewing only their own scheduled tasks.

6. Workshop: Domain Assistant and Arrays​

Challenge 6: Build a chatbot with any theme you like (examples: WhatsApp, Telegram) that allows interaction.

  • Display bot and user messages differently, simulating a WhatsApp-style chat.

7. Tab: External Integrations → Requests with HTTP Client​

Challenge 7: Make the chatbot you built earlier perform a request to an external API.

8. Tab: Beyond the Interface (Data² Rush)​

Challenge 8: Apply a Rush to the chatbot you built, so that the requests made are hidden, leaving outside the Rush only:

  • The initial input,
  • The final output of the interactions.