Course curriculum

  • 1

    Section 1: Introduction

    • Step 1: Introduction

    • Step 2: Signing up to Adalo and creating your first application

    • Step 3: Editor overview

    • Step 4: Change application's color

    • Step 5: Change application's name

    • Step 6: Database

    • Step 7: Database collection

    • Step 8: Components

  • 2

    Section 2: User signup and login

    • Step 1: Default signup and login from Adalo

    • Step 2: Signing up the first user

    • Step 3: Home Screen, Welcome Screen, and Normal Screen

    • Step 4: Viewing new user in database

    • Step 5: Logging out and logging in

  • 3

    Section 3: Profile setup

    • Step 1: Profile setup page

    • Step 2: Add new properties to user collections

    • Step 3: Add profile image to user collection

    • Step 4: Add contact number to user collection

    • Step 5: Updated user collection

    • Step 6: Add text component

    • Step 7: Change the title

    • Step 8: Styling the new title

    • Step 9: Add a form component

    • Step 10: Configure the form

    • Step 11: Adalo's actions

    • Step 12: Update signup form actions

    • Step 13: Update profile setup form actions

    • Step 14: Look around for actions

    • Step 15: Section summary

  • 4

    Section 4: Adding items

    • Step 1: Introduction

    • Step 2: Creating a new collection

    • Step 3: Adding properties to item collection

    • Step 4: Adding image property

    • Step 5: Adding price property

    • Step 6: Adding description property

    • Step 7: What is database relationship

    • Step 8: Adding a relationship

    • Step 9: New property on users collection

    • Step 10: Add a navigation

    • Step 11: Customize a tab bar

    • Step 12: Change tab bar icon

    • Step 13: Add action to tab bar icon

    • Step 14: Customize the form

    • Step 15: Adjust the screen's canvas size

    • Step 16: Continue customizing the form

    • Step 17: Submit button's actions

    • Step 18: Rearrange the fields

    • Step 19: Add new item

    • Step 20: Section summary

    • Your first checkpoint!

  • 5

    Section 5: Lists

    • Step 1: Introduction

    • Step 2: Adding a list of items

    • Step 3: Configure the new list

    • Step 4: Magic text

    • Step 5: Add currency unit

    • Step 6: Add name and description

    • Step 7: Resize list items

    • Step 8: Selecting and moving multiple components

    • Step 9: Add a component to list items

    • Step 10: Resizing a list

    • Step 11: Section summary

  • 6

    Section 6: Item details

    • Step 1: Introduction

    • Step 2: Adding actions to list items

    • Step 3: Sending data between screens

    • Step 4: What is a detail page

    • Step 5: Configure item details page

    • Step 6: Update items details

    • Step 7: Copy and paste components

    • Step 8: Add seller details

    • Step 9: Customize app bar

    • Step 10: The button in item details screen

    • Step 11: Section summary

  • 7

    Section 7: Editing and deleting items

    • Step 1: Introduction

    • Step 2: Adding editing button

    • Step 3: Linking to a new screen

    • Step 4: Customize the form

    • Step 5: Custom visibility

    • Step 6: Setting custom visibility

    • Step 7: Testing custom visibility

    • Step 8: Deleting an item

    • Step 9: Using modal

    • Step 10: Configure screen transition

    • Step 11: Configure delete item confirmation screen

    • Step 12: Change delete confirmation text

    • Step 13: Section summary

    • Your second checkpoint!

  • 8

    Section 8: Public profile

    • Step 1: Introduction

    • Step 2: Make grouped components

    • Step 3: Add link action

    • Step 4: Using list component to send data

    • Step 5: Filter list items

    • Step 6: Add new action to list

    • Step 7: Change public profile screen title

    • Step 8: Add user's profile image

    • Step 9: Place components in the center

    • Step 10: Customize public profile screen further

    • Step 11: Add item list to public profile

    • Step 12: Populate the items list

    • Step 13: Display items' details

    • Step 14: Add actions to items

    • Step 15: Section summary

  • 9

    Section 9: Edit profile

    • Step 1: Introduction

    • Step 2: Add edit button

    • Step 3: Configure new action button

    • Step 4: Add profile edit screen

    • Step 5: Configure profile edit screen

    • Step 6: Rearrange form fields

    • Step 7: Required and optional fields

    • Step 8: Remove fields from a form

    • Step 9: Styling submit button

    • Step 10: Section summary

  • 10

    Section 10: Favorites

    • Step 1: Introduction

    • Step 2: Many to many relationship

    • Step 3: Adding a new relationship

    • Step 4: New relationship on items

    • Step 5: Update item details screen

    • Step 6: Resize list and item's name

    • Step 7: Add favorite icons

    • Step 8: Change icons visibility

    • Step 9: Configure icons action

    • Step 10: See new update in the database

    • Step 11: Add action to remove favorites

    • Step 12: Add a screen to view all favorites

    • Step 13: Configure the list

    • Step 14: Display favorite items' data

    • Step 15: Add actions to list items

    • Step 16: Remove favorite items from list of favorites

    • Step 17: Section summary

    • Your third checkpoint!

  • 11

    Section 11: Chat

    • Step 1: Introduction

    • Step 2: Create new collection

    • Step 3: Add new relationship

    • Step 4: Create messages collection

    • Step 5: Configure messages collection properties

    • Step 6: Add another relationship to messages collection

    • Step 7: Configure new chat button

    • Step 8: Configure new chat button's visibility

    • Step 9: Set the button's actions

    • Step 10: See new conversation in database

    • Step 11: Create all conversations screen

    • Step 12: List of lists

    • Step 13: Configure the list further

    • Step 14: Filter conversation member

    • Step 15: Display more info

    • Step 16: Continue conversation button

    • Step 17: Configure new button

    • Step 18: Filters to continue conversation button

    • Step 19: Continue conversation actions

    • Step 20: Section summary

  • 12

    Section 12: Chat messages

    • Step 1: Introduction

    • Step 2: Configure Conversation Screens

    • Step 3: Displaying messages

    • Step 4: Sending a message

    • Step 5: Displaying sender and time

    • Step 6: Sending notification

    • Step 7: Configure notification message

    • Step 8: Section Summary

  • 13

    Section 13: Course conclusion

    • Course conclusion