
Hello there. I'm Salar, and I'll be the instructor for this course. Personally, I don't want to be thought of as an 'instructor' as much as I do as designer. Getting started in startups early, I always admired how developers were able to take team ideas and make them into realities. That's exactly what I learned to do with Bubble, and that's why I'm here today - to show you how you build your startup without any coding.
We'll walk through Bubble's interface to create and setup a new application.
Time to explore the Editor - the tool we'll be using heavily to create our applications' frontends.
Visual elements are basic building blocks of the frontend. We'll use them to design our interfaces.
Containers are more advanced components that we can use to make more complex applications.
Input elements allows website visitors to enter information that we can use to make actionable decisions.
Workflows allow us to initiate a sequence of events based on an action. They can be as simple as navigating to a different page to advanced queries.
Data is the backbone of every application, allowing us to serve information we own or store information from users.
Data types are 'templates' we create to store data into the database.
Data entries make up our database and are created by the data types.
Resto is a restaurant directory application that we'll build to demonstrate beginning techniques.
Focusing on design and user experience based on our market is important.
Let's make the design ideas come to life by building it out visually on the frontend.
Let's work on what search results will look like.
Time to setup our database with information we can serve to the user.
By connecting out database to the frontend, we can start creating value for the user.
Users should be able to search for restaurants so let's build that.
Some things should or shouldn't appear depending on some logic.
We should accommodate all types of device screens so let's implement a responsive design.
Almost done. Let's wrap up our application!
Design a bubble interface app called app dash navjot, implementing a full-width preset page, search input, a separate results page, and a header with logo and data-binding card-based display.
Enhance the website’s responsiveness by resizing to fix text stacking, stabilize the logo, manage the search bar, set minimum card widths, and apply conditional padding and visibility for smaller screens.
Build your startup with no coding guides you to create a mobile-first food photo gallery app with a photo database, filters, random ordering, and favorites.
Learn to build dynamic filtering with conditionals by wiring a slider input to a repeating group, updating the data source to show photos with favorites greater than the slider value.
Wrap up by refining the app with a navigation refresh, grouping elements, enabling conditional visibility, and improving UI spacing and shadows, while exploring features like search, filtering, and email targeting.
Build a simple preordering site to collect emails and names, calculate preorder totals with tax, and charge customers via Stripe using Bubble. Email invoices and enable revenue for SaaS startups.
Wrap up by showing how a simple preorder site collects emails and names, handles basic payments and emails, and delivers a full-circle learning experience that ties product practice to knowledge.
Explore an anonymous blogging platform with open access, focusing on user profiles, a writing interface, and a simple admin approval workflow using a boolean status and database approvals.
design a simple blogging interface that lets anonymous posts, with email/password login, a dashboard of previous posts, and an admin approval flow to curb confidential or potentially illegal content.
Create a simple frontend with a logo asset and rubato font, using a hover button to reveal a sign-up form. Apply conditional visibility and a sign-up workflow to the dashboard.
Create a post data type and a dashboard with a repeating group showing posts by the current page user, with body, title, status, and votes, and default approval to false.
Set up public post links by using a unique post id to fetch and render the post page, and guide deployment with domains for a live, shareable experience.
Wraps up a no-code anonymous blogging platform where users sign up, post, and await admin approval, with admin controls, optimization ideas, portfolio opportunities, and future projects like a chat app.
Design a robust chat platform that preserves message order amid delays, with typing indicators, seen status, and loading checks, plus a premium chat room monetization option.
Explore building a video streaming startup by analyzing Netflix's model, user profiles, and a large video database, then compare competitors to shape your own subscription-based service.
Design a dark, media-focused Netflix-style interface with category browsing, search, notifications, and interactive thumbnails in carousels, then sketch the UI and prototype in Bubble.
Design a compact grid for the video discovery page, removing descriptions and using title cards with hover cues. Prototype interactivity and hand-off details for developers using Invision or Marvel.
Prototype with Marvel by exporting selected screens from Sketch, setting up hover-driven hotspots, testing interactions, and sharing feedback-ready prototypes for design iteration.
Explore building a responsive search with suggestions UI, using Monserrat and Open Sans fonts, icons, borders, and placeholders, while addressing design constraints and component limitations for a no-code startup.
Learn data binding for a content-driven app by defining a content type, linking artwork, and building a dynamic, searchable grid with stretchable images and play integration.
Wraps up that video hosting is costly, requiring AWS-based global storage and strong networks, with data science guiding streaming quality. It urges moving from external services to a proprietary backend.
Hello there! Are you entrepreneurial and yearning to build the next big thing without a developer? Have an idea in your back pocket that you want the world to see? Maybe you don't like current solutions and want to build one on your own but without coding? That's what this course is for - you'll be able to develop your startup through harnessing the power of Bubble and exploring numerous apps that we'll make together. (plus more apps will be made every month!)
What is this course? If you've ever had a SaaS startup idea of your own that you really wanted to execute but didn't have a developer by your side, then this course enables you to realize how to build it from design to shipment without writing a single line of code.
Who's teaching it? Good question. I've been involved with startups since I was 16. After founding, funding and exiting my own local commerce startup, I learned a thing or two. Currently, as a user experience lead at a well-funded startup and a passionate instructor, I'm helping people build their ideas themselves.
Why would I take it? There is nothing like the feeling that you can build anything. When I started learning web development, I felt overwhelmed by all that I had to learn though I still wanted to. If you're ever felt that way or don't have too much time to invest in learning, then this course will convince you that is very possible to take your ideas and make them into realities.
What will I do? Once I get you caught up with a platform called Bubble, I'll show you how you can not only design, but structure, architect and execute your startup ideas. Who knows? You could someday be a millionaire, all because you said yes to learning how to develop your startup without any coding.
How much time? Not much at all. The platform you'll be using makes it easy not only for me to explain to you what things to consider when developing a startup, but also for you to pick things up and get going entirely on your own.
What are you waiting for? Starting learning how to build your startup without any coding and tons of more apps with free lifetime updates! Looking forward to seeing you.
Cheers.