Share Description
In this course, you will :
- Using a No-Code platform, the Bubble Visual Programming ecosystem is used to create websites and web applications.
- Create professional-grade web applications, websites, and apps.
- Bubble's entire architecture, including responsive design, databases, workflows, users, and much more.
- Create a fully functional project and task management web application, complete with a walkthrough.
- Create a lite version of AirBnB with Google Maps integration and user-to-user messaging.
- Beautiful responsive web design that adapts to the user's screen.
Syllabus :
1. Introduction to Bubble
- Introduction to Bubble and its features
- Successful Bubble applications
- Bubble vs. other platforms
- What Bubble can and cannot do
- A few notes before we begin
2. Environment Setup
- Create a Bubble account
- Opening the environment
3. Editor
- Navigation through the environment screen
- Navigating through the environment sections
- Manual and reference documentation
4. Pages and Elements
- Text element and the appearance property tab
- Conditional properties
- Transition properties
- Properties extras
- All visual elements (buttons, icons, etc.)
- Input form elements
- Dynamic data introduction
- Dynamic data example
- Groups introduction
- Grouping elements together
- Floating groups
- Styles
- Page design
5. Responsive Design
- Responsive design introduction
- Responsive design - a bad example
- Alignment and distribution
- Dynamic vs. fixed width
- Responsive design - a good example
- Groups within a group and verticality
- Alignment extras
- Responsive design with text
- Resources for responsive design
6. Data
- Data introduction
- Creating a data type
- Adding new thing rows
- Viewing the data
- Lists of data and linking data together
- Benefits of data linkage
7. Workflows
- Workflow introduction
- Simple workflow examples
- Creating conditions on workflows
- Different events in workflows
- Other workflow events (page is loaded)
- Animate actions
- Workflows to set states
- Workflows to create things
- Workflows for custom events
- Debugging workflows
- Workflows for navigation
8. Design with Data
- Design with data introduction
- Repeating groups introduction
- Populating data in a repeating group
- Viewing data
- Modifying data
- Deleting records
- Filtering data
- Sorting data
- Better way to delete records
- Adding data search
- Using data selectors like count and first
- Using the append selector
- Using popups
9. Users
- User introduction
- Creating an account
- Logging in and logging out
- Making user profile changes
- Current user is logged in expression
- Logging in with Facebook OAuth
10. Settings and Publishing
- Settings
- Issue tracker
- Publish your application
11. Advanced Features and Plugins
- Reusable elements
- Transmitting data across pages
- Data privacy
- Templates
- Option sets
- Autobinding
12. App - ProjectIO
- ProjectIO introduction
- Setting the header
- Setting the page
- Modifying the header
- Applying the layout
- Adding in elements on the left
- Adding elements on the middle
- Adding the elements on the right
- Project data types
- Adding project data
- Making the data pretty
- Adding project headings
- Creating a new project
- Adding users
- Project detail and modifying projects
- Adding members to projects
- Modifying members in a project
- Adding dashboard numbers
- Using dashboard filters
- Using search filters
- Menu items
- Task page introduction
- Appearance of tasks
- Transferring data between projects and tasks
- Resolving a prior bug in members
- Switching projects
- Adding the task data type
- Adding new tasks
- Task appearance in a repeating group
- Adding task dashboard functionality
- Modifying tasks
- Overview of the app
- Fixing number of tasks on main page
13. App - BubbleBnB
- BubbleBnB introduction
- Environment setup
- Creating the first page
- Setting the groups
- Adding elements on the filters
- Adding sliders and toggles
- Adding elements to the middle groups
- Adding elements to the right groups
- Setting up the data
- Creating the cottage data
- Integrating data with Google maps and list
- Making the image showcase slider
- Functionality between map and list while choosing a page
- Changing Google map marker based on selection
- Updating the right side based on data
- Adding filtering (small)
- Adding booking functionality
- Adding Stripe into booking
- Conversation tab
- Appearance on the right side
- Messaging
- Modifying chosen place based on selected conversation
- Data transfer between the two pages
- Modifying views based on group selection
- Bookings tab
- Adding a place
- Adding user functionality
