IIRF Online > Development > No-Code Development > Bubble Visual Programming > The Complete Guide to Bubble Visual Programming
The Complete Guide to Bubble Visual Programming by Udemy
Learn how to build sophisticated web applications like AirBnB Yelp Twitter with no code using Bubble Visual Programming
Course Highlights
- Bubble Visual Programming ecosystem to create websites and web applications using a No-Code platform
- Build functional and professional grade web applications, websites, and apps
- All elements of Bubble, including responsive design, databases, workflows, users, and much more
- Build a fully functional project and task management web application with a complete walkthrough
- Build a thin version of AirBnB, complete with Google Maps integration and user-to-user messaging
- Responsive web design that adapts to the user's screen and looks beautiful
- Database management system that easily stores, organizes, and shows all your data
- Workflow management system that allows complex interaction between the front-end and back-end, similar to what many other web applications like Twitter and Yelp do
- How to go from having an idea to building a fully functional MVP, with many examples in between
- Interacting with the Bubble community to continue learning and building your skillset
Skills you will learn!
Curriculum
8 Topics
Introduction to Bubble and its features
Successful Bubble applications
Bubble vs. other platforms
What Bubble can and cannot do
Course overview
A few notes before we begin
Ways to reach out
Watch in 1080p
2 Topics
Create a Bubble account
Opening the environment
3 Topics
Navigation through the environment screen
Navigating through the environment sections
Manual and reference documentation
14 Topics
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 1
Dynamic data example 2
Groups introduction
Grouping elements together
Floating groups
Styles
Page design
9 Topics
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 Topics
Data introduction
Creating a data type
Adding new thing rows
Viewing the data
Lists of data and linking data together
Benefits of data linkage
11 Topics
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
14 Topics
Design with data introduction
Repeating groups introduction
Populating data in a repeating group
Viewing data 1
Viewing data 2
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
7 Topics
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 1
Logging in with Facebook OAuth 2
3 Topics
Settings
Issue tracker
Publish your application
7 Topics
Reusable elements
Transmitting data across pages
Data privacy 1
Data privacy 2
Templates
Option sets
Autobinding
43 Topics
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 1
Adding elements on the middle 2
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 1
Adding users 2
Adding users 3
Project detail and modifying projects
Adding members to projects 1
Adding members to projects 2
Adding members to projects 3
Adding members to projects 4
Modifying members in a project 1
Modifying members in a project 2
Modifying members in a project 3
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 1
Switching projects 2
Adding the task data type
Adding new tasks
Task appearance in a repeating group
Adding task dashboard functionality
Modifying tasks 1
Modifying tasks 2
Overview of the app
Fixing number of tasks on main page
34 Topics
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 1
Adding elements to the right groups 2
Adding elements to the right groups 3
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
Appearance of page 2
Conversation tab
Appearance on the right side
Messaging 1
Messaging 2
Messaging 3
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
Review
Next steps
1 Topic
Congratulations and next steps
1 Topic
Bonus - Special Access
The Complete Guide to Bubble Visual Programming
Related Bubble Visual Programming Courses
Thank You!
Your review has been submitted successfully.