Bubble Tutorial for Beginners: How to Build an App in 2024
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- If you're building a no code app on Bubble.io, this complete Bubble.io crash course for beginners will help turn you into a successful no code app entrepreneur.
That said, if you're already well into development, use this as your guiding compass to make sure you're approaching development correctly (and leveraging Bubble to its fullest).
In this full Bubble breakdown video, you'll learn...
- All about Bubble's capabilities and limitations
- Answers to every frequently asked question we've gotten about Bubble
- How to navigate Bubble.io
- Important development methodology to help you leverage Bubble correctly
- How to approach structuring a Bubble database
- How to understand Bubble's responsive editor
- How to approach workflow creation in Bubble
- How to build features like sign up forms, expense trackers, inboxes, shopping carts, and more
- How to test and deploy your Bubble app
- Advanced Bubble capabilities
- And SO much more...
Dig into this complete Bubble walkthrough, save it to your favorites, and come back again and again as you build your own custom no code app.
This is your full masterclass to help you finally launch that big app idea you've had, all without coding.
00:00:00 - What You're About to Learn
00:00:56 - Bubble Capabilities
00:08:59 - Bubble FAQs
00:14:56 - Learning Bubble
00:20:20 - Navigating the Bubble Editor
00:25:38 - 3 Pillars of App Development
00:27:07 - Database Structuring (for Performance)
00:35:30 - Responsive Design
00:44:15 - Custom Workflow Logic
00:47:16 - How to Build a Sign Up Form
01:32:16 - Dynamic Expressions & Data Sources
01:42:02 - How to Build an Expenses & Budget Tracker
02:11:14 - How to Build a User-to-User Chat
02:38:32 - How to Build a Shopping Cart
03:02:09 - Testing & Deploying Your App
03:06:27 - Advanced Bubble Capabilities
03:11:55 - Next Steps
💥 In-Depth Training on How to Build a Bubble App:
- coachingnocodeapps.com/fast-t...
- coachingnocodeapps.com/api-vi...
- coachingnocodeapps.com/vip-me...
💥 Work Directly With Us to Launch Your App & Start/Grow Your Business:
- coachingnocodeapps.com/built-...
💥 Free Stuff:
- In-Depth Workshop on No Code App Development: coachingnocodeapps.com/workshop
- Facebook Community for No Code App Entrepreneurs: / 1165236046981865
- How to Scope Your No Code App: coachingnocodeapps.com/perfec...
- In-Depth Bubble Guide: coachingnocodeapps.com/bubble-io
- Template for Testing Your No Code App: coachingnocodeapps.com/pilot-...
- Costs & Budget for No Code App Development: coachingnocodeapps.com/white-...
- No Code App Development Beginner Quick-Guide: bit.ly/no-code-quick-guide
I am 1 hour into this tutorial and I must say I can not believe I'm not paying for this! so helpful, so easy to follow, so selfless on your part! thank you very much for this.
You're so welcome! I'm glad it was helpful for you!
Am watching it to night let me download it
Honestly... Im blown away by the way you teach! being a teacher myself, you really did a great job and thank u so so much for such a great video!
Thank you for your kind words, and I hope the video was helpful for you!!
I really like your method, the way you start with the foundations, this tutorial is exactly what I needed, I started to follow some tutorials but since I came across your video I had no need to go anywhere else
That's awesome to hear, Wichley!
We're getting excited over here! 🙌🙌🙌
Ohh dang!! That’s my next step! I am wanting to take my bubble software (that you taught me how to create) 😃 and turn it into an app on iphones and stuff ❤️❤️
The only channel that teach no code apps exactly on youtube. keep it up sister.
Thank you, my friend!
Just want to say, thank you! THANK YOU for talking about only the stuff that matters and speaking quickly enough for me to understand. I hate other tutorials videos when the presenter is talking painfully slow and talking about things that no one cares. Thank you for showing this to the world! Now I can go and build my health tracker app....finally, thanks to you!
You're so welcome, and thank YOU for the kind words!
Amazing you crushed this! Fantastic hands on teaching that can apply to so many use cases! THANK YOU.
You're very welcome, and I'm glad it was helpful!
Your Channel is changing the world. Thank you for the detailed video. I'm shocked at how well you spoke through out the whole video. Looks like you winged it but also looked well planned out. Awesome job.
Thank you for your very thoughtful comment! I hope the video was helpful for you!
@@coachingnocodeapps Extremely helpful. Thank you very much!
@Moy2005
A masterclass for free? That's once in a blue moon thing. And definitely not at your level of tutorial value. I am mid way through but felt the need to jump here to let you know how grateful I am for having discovered your video. Liked and Subscribed. 🙌🏽🙌🏽
That's so great to hear, Byrt! Thank you for your comment, and I'm glad you're finding it helpful!
Phenomenal tutorial, well edited, peppered with tasteful comic relief, and extremely informative with all the elements needed to build a successful app.
Thank you for your kind words, James! I hope it was helpful for you!
This is the best video not just for Bubble but to help someone think like a real programmer when making a no-code app. Thank you!!
You're very welcome, and thank you for your comment!
That was amazing, This is probably the best turtorial out there at least for me . Thanks so much for your effort making this, u are awesome.
That's awesome to hear, and I'm so glad it was helpful!
Hello, that's a very well constructed tutorial for beginners. Eveything is very clear and starting from the foundations is extremely helpful. Bravo!
That's great to hear, and I hope it was helpful for you!
Timeless inspiration and comprehensive tutorial on building web apps with Bubble. Very helpful to beginners and a refresher for advanced users.
That's awesome to hear, Sam - thank you! I'm glad it's been helpful
absolute refresher...
Wow...I'm early! Usually can only find 3-4-year-old tutorials. Very excited!!
I hope it's helpful for you, Serawit!
I will watch this till end and perhaps will watch the 2nd time. Thank you very much for sharing your valuable time
That's awesome to hear, Rivan, and you're welcome!
The tutorial is good💯💯💯💯
Thank you very much for putting this together. Very concise and organized
You're welcome, and I hope it was helpful!
As always, exceedingly well done. Another brilliant video!
Thank you, Ryan!
This entire channel is outstanding. Its incredible.
Thank you! We appreciate really appreciate your comment. 🙏
the best of the best Bubble tutorial I ever watched on youtube. thank you so much
You're very welcome, and thank YOU!
Thank you, I sow many videos regarding Bubble io, but the way you did it just perfect , really appreciated.
That's great to hear, and I'm glad it was helpful for you!
Very clear and informative. Thank you very much for all the effort that you put into this video and for sharing your expertise.
I'm glad to hear that, Joel, and you're very welcome!
This is an excellent tutorial. I have worked with so many technologies, like HTML (pre 2000), Frontpage, Dreamweaver, ColdFusion, SQL Server, MySQL, ASP, PHP, Pthon, and the list goes on, and I find it so frustrating to have to watch beginner Bubble tutorials that treat people like complete idiots. We may be newbies, but not brain dead. This is excellent.
I'm so glad it was helpful for you, Jody, and thank you for sharing that with us!
Thanks for posting this wonderful video! There used to be a dearth of Bubble tutorials on here, but I'm noticing changes in that now. Again, thanks for the hard work!
You're very welcome, and thank YOU!
This is absolutely amazing! I was struggling for about 2 weeks with this but this tutorial - chefs kiss!! It's perfect to understand the platform. Thank you!!
I really love this bubble video it's help me a lot, Thank you very much for this.
I'm so glad it was helpful!
I just want to say thankyou for this video and all your content. I'm very new to this platform and building apps, and I don't know how many creations I've deleted in past few weeks because I either couldn't find the answers online/TH-cam or it just wasn't working how it was meant to. Since watching this video i now have my base app perfect and responsive to all screen sizes, all pages/clicks/popups/alerts are working how they're meant to. Data types/fields I now understand and workflow engine for all inputs are working exactly how I had them working in my head.
Thankyou so much for this brilliant, informative video 👍
Ricky, that's amazing! I'm so glad the video was helpful, and great work with your app!
So much better than many tutorials. You are clear and concise. I understand! Lol😂
I'm so glad to hear that, Carolyn!
Really well explained and you have a fantastic way of teaching. Thank you!
I'm glad it resonated, and thank YOU!
It was SOOOOO helpful! Thank you from the bottom of my heart!
You're very welcome!
🙋🏻♀️ Excited!! 😁
So glad to have you here, Bethany!
You are amazing , well organized, and easy to understand thank you
Thank YOU!
I wish I had found this video before applied to my college 😂
Can't thank you enough for this!
You're very welcome! 👊❤
This is gold! Thank you for making this tutorial.
You're very welcome!
You are such a good teacher. A big thumbs up.
Thanks for your kind words!
This is amazing this is exactly what i need! ❤️
I'm so glad to hear that!
Top-notch tutorial - thank you for taking the time to put this together.
You're very welcome!
Thank you so much! This tutorial was easy to follow!
I'm so glad to hear that, and you're very welcome!
this was really very helpful, you explained every step
I'm so glad it was helpful for you!
Amazing video. Transparent and to the point.
Thank you!
Such an amazing video bundle of thanks for your precious information
You're very welcome!
Hi Gaby, I'm sure you know this video is timeless. Such an excellent reference for all things Bubble from A to Z! I'm currently referencing. 😆
Thank you for the kind words! I'm glad it continues to be helpful for you! :)
So useful for beginners! Thank you!
You're very welcome!
Excellent! Subscribed to your channel👍🏼 kindly don't stop uploading such informative videos
🙌👊❤
Hi Gaby. This video is so helpful. Thank you so much for investing the time in producing such a helpful video. One question - how did you manage to add an icon before the names of the data type type name
This is incredibly helpful level of detail (and enthusiasm). Thank you so much for the effort and knowledge you've put into this for all of us to learn from.
I'm so glad it was helpful, Robert, and thank YOU!
This is super helpful - thank you very much! :)
You're very welcome, and I'm glad you're finding it helpful!
Bravo! I'm only half way through, but I am SO impressed with this presenter. She is articulate, clear in her explanations, and obviously really knows the application. There is no reading of a script going on here. Great stuff!
Thanks for your kind words, Kelly! I'm glad the video has been helpful so far!
Hello, nice to meet you! I'm interested in no code learning, thank you so much for this opportunity!
It's great to have you here!
aca desde argentina aprendiendo de la mejor!! sos una maquina!!!!
You're the best, I love you! Thanks
You're very welcome!
This is amazing. Thank you so much!
You're so welcome!
Thank for making this free 🙏🏽
You're welcome!
Awesome Video great work, Learning along the way. Thanks for making it easy to learn
You're so welcome, and thank YOU for the kind words! 🙂
I wish I could like this video more than once.. Thank you!
Thank YOU, Rafael!
Thanks for this. It's detailed 👌
You're welcome!
So I have been following tutorials of other users that were filmed a few months ago (not using the responsive engine) and one of the things that I constantly ran into while making the build responsive after building out the workflow for each element, was that bubble would generate multiple errors saying that the data source needed to be identified whenever I would move an elements into a new group (for design purposes). lol It was driving me crazy because i didn't know how to fix it!!!!! And now you have just addressed this very issue!!! All I needed was to flow the data from the parent group into the new group so that my elements could still pull from the overall parent group's data source. Thank you so much.
I'm so glad it helped you make that fix! That's awesome to hear :)
Thank your so much for making this video, and its free.
Pls how do we use the radio buttons in the chat demo lecture?
Well prepared!
Thank you, Dwayne!
Immediately subscribed to your channel.
Awesome to have you, Sean!
Great great content!! Thank you very much!
You're welcome, Nicholas, and thank YOU!
thank you for this!
You're very welcome!
Thanks a lot for this video. ❤️
You're welcome!
learning a lot from you.. THANKS A LOT!!
You're very welcome!
@@coachingnocodeapps I'm trying to build an app like TBH or GAS. Is the features possible for no code platforms to function?
Excellent Coaching ! Thanks, Go ahead
🙌👊
Great tutorial! You are very clear in how you teach, and I appreciate that. I'm trying to build an app that uses multiple choice. Each choice has a score; A. = +2, B. = +1, and C. = -1. I want the app to record each answer from each question, and then add up the score. How would I go about that? Is there something already made I could look at? Thanks!
Hello @whyisjohn I just saw your comment and this is my thought on the app you are trying to build. It should be a pretty basic one and can be easily written in Python.
Declare three constants A, B and C and assign these constant to your multiple answers. Now initialize score as 0 and set a if logic holding all constant in a sense that if A is chose let score be incremented by 2 I.e (score = score+2). If B is chosen then score will be incremented by 1 and if C is chosen score gets decreased by 1, each question becomes an iteration and at the last iteration return Score. With this logic built I think you can effectively implement in on your simple front end design which displays the question and collects answers from the users as input.
I hope this helps. Thank You.
Wow... you are amazing. I was so intimidated to get started and just watching this is so inspiring!
Thank you, Stefany, and I'm so glad you found it helpful!
@@coachingnocodeapps How would you go about deciding whether you should build an app or a website?
@stefanyting3548 I'm sure it probably largely depends on who your target audience is. And also what kind of app you're building.
watching this for just 32 minutes has given me the basis of bubble,Great job🤗🤗
That's awesome to hear! 🙌
it's not just that i have a question@@coachingnocodeapps
you are the best Gaby!
❤
Just suddenly watching your channel again and get this best class
It's great to have you here, Rohit! :)
Thanks you for this course
You're welcome, Saul!
Thanks for this video! Great explanations.
You're welcome! I'm glad it was helpful 🙌
Fantastic tutorial. Much appreciated.
I'm glad it was helpful! And thank YOU!
I love your videos! I am experiencing frustration due to the use of pages vs. stacking for what I understood to be a practice necessary for native apps?
Thank you for the information
You're welcome!
Hi!, your videos have helped me a lot with figuring bubble out. i was wondering if you could help point me in the right direction. long story short, i have a repeating group list and have added a edit button. Im trying to get the app to flow so once i click the edit button on a specific item it loads a new page but the new page shows the info for that specific item i clicked on. i hope that makes sense. I have the pages built i just can't figure out what the workflow options should be.
Thank u guyz #will watch until I understand
You've got this, Yolanda!
This is fantastic and just subscribed! Question, can we create a wellness VR app? I did not see anything about this. Thank you and glad I found your channel!!
Hey Peter, it's great to have you! I can't give you a cut and dry answer because a lot could be involved with a wellness VR app. Broadly, the answer is yes, but again, it really depends on your particulars. The level of VR specifically would depend on your data sources and the kind of interactivity you need. This might mean connecting to data via API or other tools via plugins if necessary. I hope that's helpful!
Valuable Content!
Thanks, Fiza!
Amazing video, very detailed with highly engaging presentation, super stuff.
Watched the whole lot of it and learned alot from John in Ireland 🇮🇪 🇮🇪 🇮🇪 🇮🇪
Thank you, John! So glad it was helpful for you!
@@coachingnocodeapps You are very good at making tutorial videos and much more!
Great video! Can we get access to a boilerplate version of the expense-tracker-demo, chat-demo and cart-demo that we can instantiate so that we can try out all of the things that you're doing?
So excellent!
But ma,please is there any of your videos that can detailedly explain and show the "how to build a shopping cart" step by step?
Love you.. ❤
Amazing video thanks to sharing this beautiful video it so helpful
You're very welcome!
Thank you!
You're so welcome!
Nothing sexier than a smart teacher who has complete grip on what she’s talking about :)
For the data sources. Can you pull in from a data source online? Like for example currency rates or stocks that updates in the app automatically?
I refer to this video ALL THE TIME and it's sooo helpful. I dont know if I missed it but I need to show a map that reveal a marker for all members. no search just click a map icon that links to a new page with a map on it and I want it to show members by markers. Right now it only shows the current users (member) address. Please advise.
thank you for the value
You're so welcome!
Hello, When you have build the expenses & budget tracker, how did you put the blue color on the top behind "MY EXPENSES" please ?
Amazing video... And I must tell you r the best teacher on Bubble.
Just wished if the SCREEN of ur system would have been bit closer (Means Bigger) to viewers, I could have understand more better way. Anyways thanks for the video.❤
You're very welcome, and thank you for the kind words! I'm glad it was helpful!
Thank you so much for the ur time
Of course, Ugos! I hope this was helpful for you!
Awesome!!!!!
🙏❤
hi can i may ask another question? Is there a easy way to got a Language Switch Option into three different languages? @@coachingnocodeapps
Your video is really interesting. Thank you for sharing this great video I watched until the last minute and liked for you. New friends here.
Thanks, Lisa - that's great to hear!
This helped a lot. 🎉
I'm so glad, Zack!
this video is very nice and really really helpfull. And i will love to ask if i can get the budget calculator as i really love the looks you used on it and everything please i will be waiting.
Amazing tutorial, thank you 🙏
You're welcome! I'm glad it was helpful!
Great video, thanks.
🙏👊
Good job! Thank you!
Thank you!
A great tutorial. Thanks
You're very welcome!