Bubble.is Tutorial for Beginners (Part 2) - Custom states and signing up users

Подписаться 19 тыс.

Просмотров 27 тыс.

50% 1

In this video, you'll learn how to create a popup which your users can use to sign up and login. We'll touch on using custom states to affect the behaviour of your elements, plus how Bubble handles users.
This is part 2 of the Bubble.io Tutorial for Beginners.
View part 1 here: • Bubble.io Tutorial for...
Register for early access to my upcoming Bubble course: www.learnbubble.io/course
🔰 Contents 🔰
💻 (00:38:14) - Creating the Sign Up Button
💻 (02:18:06) - Building the Signup/Login Popup
💻 (09:36:10) - Signing up a new user
💻 (19:15:18) - Adding a log out button
💻 (21:33:13) - Conditional workflows for sign up/log out
💻 (24:18:22) - Showing an alert
💻 (25:49:25) - Adding users details to header
💻 (28:29:18) - Adding a 'Log in' state to the popup
💻 (44:26:28) - Connecting the 'Log in / Sign up' workflows
💻 (49:22:23) - The provided 'Signup/Login' reusable popup

Опубликовано:

27 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 72

@MonsterApplee 4 года назад

Please Matthew come back! We need you man to build our dreams :)

@quintongroves952 4 года назад

When is your 3rd video coming out?

@dillonauxier8841 4 года назад

These videos have been great. Appreciate the work. Looking forward to the next one.

@popcornmedia1095 4 года назад

dear Matthew sir, your videos on bubble tutorial are really helpful and nice, waiting for your more videos on bubble tutorial so we can get more knowledge. thank u sir!

@markwilson2412 3 года назад

Thanks for putting these tutorials together. They were pitched at just the right level for my needs. (Nice to know that even the experts also make the odd mistake!) Now I just need to think of a killer web app to develop.. .

@livingroomc 3 года назад

Thanks again Matthew for creating this!!!! It was really helpful. Waiting for your third video, but in the meantime I signed up for the bubble bootcamp.

@ronaldkurgat4393 4 года назад

step by step great lesson,its brief and to the point.Thanks

@colinthain4731 4 года назад

Great tutorial thank you:)

@prakhyathyeturi2957 3 года назад

Loved this video! Please come back and upload more, the next video is just what I need.

@mneary 3 года назад

Just posted a new one! Let me know if it's helpful

@vincentwtterwulghe 4 года назад

Thanks for these step by step lessons, helps me as Bubble beginner a lot ! :-)

@joanr.6879 4 года назад

Thank you for your tutorials. You explain bubble really good and I wish that I had seen your tutorial before I took the bubble course on Udemy - I would not have had so many questions then. Please create more bubble.io tutorials! I really liked how you showed and solved the updating issue (from bubble) in part 1 of your tutorial as I have this incident pretty often.

@qumrulhassan724 3 года назад

very very thanks for your such good delivery. waiting for your next tutorial. please

@NiceGuyEntrepreneurs 2 года назад

You have been the reason why I have decided to continue to use Bubble as a non-technical founder as opposed to find $ to hire another person for my MVP development. I know that I can do it on my own now. Please take all of our positivity about you as motivation to share some more. You are my hero!

@mneary 2 года назад

Wow, glad to hear it! Thanks so much

@wolphiekun 2 года назад

Matt, you're such a pleasure to listen to. Please continue doing these. Would be great to see how to make mobile apps also

@mneary 2 года назад

Thanks Phil, appreciate it

@Cyclesblood 4 года назад

Great video Daniel. Shorter than the Deathly Hallows: Part 1. I find watching it at 1.25 or 1.5 speed is right for me. Seriously, it was helpful.

@boonchon64 3 года назад

love your nice clear voice

@pbznt 3 года назад

Your tutorials are the best out there. But why did you stop after this one! You're very good teacha.

@ibrokhimjonismoilov348 3 года назад

Thanks, Matthew. Please, go ahead!)

@canadianinteractivetrainin3723 3 года назад

This was one of the best tutorials I've ever seen. Clear, to the point, very professional. I appreciated it very much and will recommend it to other people who want to learn Bubble.

@mneary 3 года назад

Wow - thank you! Happy it did it's job.

@jpmedranomusic 3 года назад

Nice video! thanks

@marinacallejas5904 4 года назад

3rd video, pleeeeaaaseee????

@wolphiekun 2 года назад

Also your humour makes me laugh loud in the office

@anthonypeck8448 3 года назад

Really liked these tutorials, it was just what I needed! why did you stop!?

@iamrestnpieces 4 года назад

Matthew, where are you bro? I hope that you are well. I’m looking forward to lesson 3! Thanks for the other 2 lessons!

@Studio-pg6pw 4 года назад

Thanks for the very logical and easily understandable tutorials. You obviously have a life outside RU-vid but would you ever consider making more videos - if so can you start tomorrow :) Thanks again!

@jcpinheiro2882 4 года назад

Hi Matt, Thanks so much for these they really got me going on Bubble. Wondering if you have any tips or work arounds for using the “Create an account for someone” workflow tool but for a text input that has multiple emails in it, not just one at a time :s Thanks!

@OlegRevulet 3 года назад

Keep posting, we are still in lockdown :) and keep this format. It's very easy to understand for a beginner. Even when you do mistakes, it's helpful, to understand the logic.

@mneary 3 года назад

Thanks for the feedback Oleg :) Will be posting soon.

@EngRay-tf1db 5 лет назад

can you please do on messaging. i am having troubles creating a two way messaging service

@hfdmattingly3 3 года назад

You do a great job teaching man! I’ll definitely be looking out for more videos. I just discovered Bubble within the past 2-3 months and I’m itching to build some ideas I have. You should offer some mentoring/coaching services. I’d hire you.

@mneary 3 года назад

Thank you! I've done coaching in the past. Once I clear some time I might offer it again. Will keep you in mind 😉

@eugenekoiner 4 года назад

When there will be next tutorials?

@denisbeaulieu5600 5 лет назад

okay!!

@mevist77 4 года назад

Unlike the previous video, where i followed step by step, in this video i decided to look through the whole video first, and than to repeat everything step by step. But since you have shown a "shortcut" of a pre-created singnup/login form, i feel lazy about going through the whole process %))

@UltraRik 4 года назад

How to make custom fields with requirements to be unique with respect to other users such as Username?

@chu2923 3 года назад

3rd video please

@bikramperhar1646 3 года назад

I have a question. When ppl log on to my bubble app I want them to be directed right to the create a profile page where they have to put there info like bio age name but instead of that it takes me to a different profile page and u have to go edit profile instead of just entering ur info

@shankarpediredla666 3 года назад

How can I publish my app in playstore...

@josemiguelbarquet1359 4 года назад

Matt where are you! We are waiting for part 3! Hope everything is ok!

@mneary 4 года назад

I hear you I hear you! What sort of part 3 would be helpful?

@Forensic_Ligma 3 года назад

Matthew Neary the next step in the process. Display all the listings a user has made, or replied to. Maybe further details on setting up a “like” button next to the mission with ability to see how many likes there are for an individual post and total for all your postings?

@quickconnexions4787 3 года назад

@@mneary Honestly all I would say is, whatever you chuck up is going to be immensely helpful to everyone here :) The depth you go into explaining things in layman terms is great. Anyway look forward to the next from ya :)

@deividborges5427 4 года назад

Good afternoon. I'm having trouble calculating a percentage on the bubble. Calculator 1000 - 10% = 900 Bubble = 1000-10 * 1000/100 = 9900

@rah4254 4 года назад

Isn't it easier to just code it?

@bijenderkhokhar2012 3 года назад

What happened in this video, focus n quality not upto the first video standard. By itself still great.

@honestview 3 года назад

can you make iOS and Android apps using bubble?

@mneary 3 года назад

You can yeah. You do it via a process called 'wrapping'. The native app acts like a container which runs your bubble app within it. Plenty on the bubble forum on how to do it.

@CNsongs 4 года назад

I have a question. I successfully built a sign up and a log in. When the user logs in he is redirected to the profile page. But If I copy and paste the URL, the profile page loads again with no issue even if the user is logged out. How do I fix this??

@daniel_johnsen 4 года назад

Did you get a solution to this? The way to do it -- on page load check for the user being signed in -- added to your workflows. If the user isn't logged in your can take them to a different page, show a popup. But the key is to do it at the page load area.

@bigbang8974 3 года назад

You remind me of Daniel Radcliffe (Harry Potter) 😁

@josephrutgumjoan3831 4 года назад

I always get "please include an email" when i run my bubble app.

@TarlNelson 3 года назад

me too. what's with that?

@karanjotsingh3218 4 года назад

Hi Matthew I want footer at bottom of screen , if the page scroll , footer stick at the bottom of the screen like this in the example . jsfiddle.net/3ecx7zp9/6/ 1 Is it possible in bubble ?. can any one help me out . Thanks

@indiantraits1423 3 года назад

Hey Mathew please build clone of any popular website or App so we all can learn more better way & really appreciate the knowledge you are giving, if i could than i would have given a million dollar.

@traveler376 5 лет назад

This lesson is not so cool as previous(

@gregpev 2 года назад

Before you'd said it I had written 'WRONG PASSWORD FOOL' as the alternative message

@timeburner2175 2 года назад

Hamilton joke

@fbryce1ify 2 года назад

climate change… seriously cant we just have one climate change free space!

@mneary 2 года назад

Why do you want a climate change free space?

@GregRobinsonHD 2 года назад

@matt - helpful video, thanks. Question re: your comment and on-screen note at 10:19. Has anything changed since you created this? Been struggling a bit with the reusable elements (e.g. header, footer, left nav) and where to house certain things. any general suggestions? Would love to see a short video on how best to build a mobile app-style left nav menu that slides in from the left. Kinda like the one shown here: psdgang.com/wp-content/uploads/2015/10/Flat-Left-Menu-UI01.jpg

@mneary 2 года назад

Hey Grey - no that comment still stands RE how to communicate with reusables. See this video for one approach for the mobile nav menu share.descript.com/view/IDwEiZSWMLO

@GregRobinsonHD 2 года назад

@@mneary Super helpful, thanks! One more quick Q if you don't mind: in that new link you shared, you mention "a video on [your] youtube channel" at the ~0.55s mark. Which one were you referring to there? Thought I watched most of yours but maybe I missed it! Thanks again, cheers.

@GregRobinsonHD 2 года назад

@@mneary thanks!