Bubble Tutorial for Beginners: How to Build an App in 2024
HTML-код
- Опубликовано: 12 июн 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
![Docker Crash Course for Absolute Beginners [NEW]](http://i.ytimg.com/vi/pg19Z8LL06w/mqdefault.jpg)
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!
The only channel that teach no code apps exactly on youtube. keep it up sister.
Thank you, my friend!
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💯💯💯💯
We're getting excited over here! 🙌🙌🙌
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
I wish I had found this video before applied to my college 😂
Can't thank you enough for this!
You're very welcome! 👊❤
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!
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!
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!
This entire channel is outstanding. Its incredible.
Thank you! We appreciate really appreciate your comment. 🙏
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!
As always, exceedingly well done. Another brilliant video!
Thank you, Ryan!
Thank you very much for putting this together. Very concise and organized
You're welcome, and I hope it was helpful!
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!
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...
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!
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 ❤️❤️
Wow...I'm early! Usually can only find 3-4-year-old tutorials. Very excited!!
I hope it's helpful for you, Serawit!
the best of the best Bubble tutorial I ever watched on youtube. thank you so much
You're very welcome, and thank YOU!
Amazing video. Transparent and to the point.
Thank you!
So useful for beginners! Thank you!
You're very welcome!
You are amazing , well organized, and easy to understand thank you
Thank 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!
Really well explained and you have a fantastic way of teaching. Thank you!
I'm glad it resonated, and thank YOU!
Thank you so much! This tutorial was easy to follow!
I'm so glad to hear that, and you're very welcome!
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!
this was really very helpful, you explained every step
I'm so glad it was helpful for you!
You are such a good teacher. A big thumbs up.
Thanks for your kind words!
It was SOOOOO helpful! Thank you from the bottom of my heart!
You're very welcome!
This is gold! Thank you for making this tutorial.
You're very welcome!
Such an amazing video bundle of thanks for your precious information
You're very welcome!
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!
So much better than many tutorials. You are clear and concise. I understand! Lol😂
I'm so glad to hear that, Carolyn!
Excellent! Subscribed to your channel👍🏼 kindly don't stop uploading such informative videos
🙌👊❤
🙋🏻♀️ Excited!! 😁
So glad to have you here, Bethany!
This is amazing this is exactly what i need! ❤️
I'm so glad to hear that!
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
Immediately subscribed to your channel.
Awesome to have you, Sean!
Thank your so much for making this video, and its free.
Pls how do we use the radio buttons in the chat demo lecture?
Thank for making this free 🙏🏽
You're welcome!
This is super helpful - thank you very much! :)
You're very welcome, and I'm glad you're finding it helpful!
Top-notch tutorial - thank you for taking the time to put this together.
You're very welcome!
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!
Thanks for this. It's detailed 👌
You're welcome!
This is amazing. Thank you so much!
You're so welcome!
Excellent Coaching ! Thanks, Go ahead
🙌👊
Great great content!! Thank you very much!
You're welcome, Nicholas, and thank YOU!
aca desde argentina aprendiendo de la mejor!! sos una maquina!!!!
You're the best, I love you! Thanks
You're very 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?
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?
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!
Fantastic tutorial. Much appreciated.
I'm glad it was helpful! And thank YOU!
Thank you for the information
You're welcome!
Thanks a lot for this video. ❤️
You're welcome!
Thank u guyz #will watch until I understand
You've got this, Yolanda!
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?
thank you for this!
You're very welcome!
Just suddenly watching your channel again and get this best class
It's great to have you here, Rohit! :)
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! 🙂
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!
Well prepared!
Thank you, Dwayne!
you are the best Gaby!
❤
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!
You're very welcome! I hope it was helpful!
Thank you so much for the ur time
Of course, Ugos! I hope this was helpful for you!
I wish I could like this video more than once.. Thank you!
Thank YOU, Rafael!
Thanks you for this course
You're welcome, Saul!
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!
thank you for the value
You're so welcome!
Thanks
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.
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! :)
Valuable Content!
Thanks, Fiza!
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.
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!
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/RUclips 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!
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.
Hello, When you have build the expenses & budget tracker, how did you put the blue color on the top behind "MY EXPENSES" please ?
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?
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!
Amazing video thanks to sharing this beautiful video it so helpful
You're very welcome!
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.
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.. ❤
Nothing sexier than a smart teacher who has complete grip on what she’s talking about :)
Great video! How do you remember someone's account info when they go to log in? And how can I create a log in form?
This helped a lot. 🎉
I'm so glad, Zack!
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
Hi and thank you for your help! I'm building a log in form with name and user name but these are not getting register in the app data, how can I make that possible? so when they log in they can be send to a new page that recognizes them with their name or user name. Thank you!
thank you
You're very welcome!
Awesome!!!!!
🙏❤
hi can i may ask another question? Is there a easy way to got a Language Switch Option into three different languages? @@coachingnocodeapps
Thank you so much for the video, it helped so much but I had a Question regarding the Users Listing, the count in the listing is getting only 1 instead of the total user count from the database, Why this is happening? Suggestions will be appreciated :)
Great video, thanks.
🙏👊
A great tutorial. Thanks
You're very welcome!
Is it possible to take data from device sensors? For example, can you read in real time the steps counter from the device, even the app is not in use?
Could help me with this?
There are 30 trip places in lifting group. Trip is conduct in order from 1 to 30. And the details of each trip are shown in a popup window instead of on the page.
In this situation,
Is it possible to set up two links in the trip 2's popup page that go to the trip 1's popup(previous) and 3's popup(next)?
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!