Description
In this course, you will :
- Learn about Bubble, a game-changing new technology that is changing the way we develop applications without using code.
- Create a real-world project and task management system called "Teambase" with interactive features like task creation, assignment, and completion.
- By the end of the course, you will have progressed from a complete beginner to an intermediate skill level.
- Learn from an instructor who has created successful Bubble applications, raised VC funding, and monetized applications.
Syllabus :
1. Getting to know Bubble
- An intro to design, workflows and data.
- Using styles in Bubble
- Utilising plugins
- Setting custom states
- Working with repeating groups
- Creating popups
- Understanding reusable elements
- Making your pages responsive
- Supplementary - Other editor features
- Getting to know Bubble
2. Building Teambase - Layout and menu
- Creating the page layout
- Creating a floating side menu
- Creating menu elements
- Configuring menu functionality
- Creating a header
- Layout and menu
3. Creating repeating groups
- Creating tasks and working with repeating groups
- Styling repeating groups
- Filtering repeating groups
- Repeating groups
4. Creating & editing tasks
- Creating a pullout side menu
- Designing the task form
- Creating our first task
- Editing tasks
- Deleting tasks and adding notes
- Task workflows
5. Application functionality
- Creating & editing projects
- Data structure & views
- Search functionality
- Updating user profile information
- Dealing with empty states & empty data
- Application functionality
6. Other functionality
- Creating a chart to show analytics
- Managing application users as an admin
- Repeating group additional functionality - color coding & sorting
- Deleting application users
- Supplementary - Page data & unique ids
- Other functionality
7. A login page
- Section Introduction
- Creating a login page with workflows
8. Building the Index page
- Section Introduction
- Designing the index page & signup workflow
- Creating a mobile responsive index page