The Startup Founder's Guide to Bubble Programming from Udemy

Welcome to the one and only Bubble course that focuses entirely on teaching you the core fundamentals of Bubble programming, all taught from the vantage point of a successful Bubble startup founder.

My name is Jonathan Timianko and I’m the founder of PierShare, which is a marketplace startup similar to AirBnB but for docks for boats. I’ve spent over 10,000 hours in the Bubble editor building all of the technology for my startup, and I’m an official Bubble coach and bootcamp instructor that has helped thousands of others build and launch their own ideas.

One of the most important things that I have learned throughout my experience using Bubble, is that the best way to learn the platform is by learning its core fundamental features - design (front end), workflows (backend), and data (backend), all within the context of building a substantial feature-set of one particular type of application.

But its not only about becoming proficient at the core features - what separates the good developers from the great bubble developers is learning how to tie together design, workflows, and data, in the unique way that you want, so that you can truly build whatever startup or app idea from scratch.

In this course that includes 13 hours of content broken down into 8 concise sections, I will teach you how to build GrubMore, a food delivery app. GrubMore is a fully interactive, dynamic application that would traditionally take tens of thousands of dollars and hundreds of hours of traditional engineering time to build. But with Bubble, you'll do it 10x as fast and more than 100x cheaper, and learn what is destined to become the future of programming in the process.

In particular you'll learn:

How to design a landing page
How to handle user authentication (signing up and logging in)
How to build databases efficiently so that we can keep track of restaurants, menu items, and delivery orders
How to display data from the database (backend) on the user interface (front end) of our app
How to create programmatic workflows so that we can add interactivity and backend operations to our application
How to create an interactive shopping cart and food ordering experience, which is the course capstone that ties together all learning of the core features of the Bubble platform together.

Included with every purchase is the final application template, so that as you're building the app, you can compare your results to those of the completed application.

So what are you waiting for?. Take the leap of faith you've always wanted and join the no code programming movement by beginning your Bubble journey with me today.

What's inside

Learning objectives

How to best use bubble to start building your startup idea, with tips and tricks from my experience!
The core fundamentals of bubble development
Responsive design principles
Designing databases
Building workflows

Conditional programming
Custom states and application interactivity
Creating template pages for marketplaces/social apps
Third party integrations

How to best use bubble to start building your startup idea, with tips and tricks from my experience!
The core fundamentals of bubble development
Responsive design principles
Designing databases
Building workflows
Conditional programming
Custom states and application interactivity
Creating template pages for marketplaces/social apps
Third party integrations

Syllabus

Get acquired with the editor

Course Intro

What is a web application?

Bubble vs. the competitors

GrubMore overview

Editor introduction

Building landing pages

Building a signup form

Intro to responsive design

Container layout principles

Grouping elements together and applying container layouts

Height and width controls, margins, and gap spacing

Work the backend

Intro to workflows

Collapsing when hidden and finalizing layouts

Intro to user authentication

Intro to designing databases

Creating data types and database fields

Building signup and login workflows

Building the menu item database

Additional data tools & testing login flows

Use workflows simulatenously

Intro to building custom forms

Advanced layouts & nested grouping

Designing and configuring the add new restaurant form

Loading restaurants into backend

Designing and configuring the add new menu item form

Loading menu items into backend

Learn what conditional programming means

Intro to conditional programming

The conditional tab/changing appearance of UI elements

Designing an application welcome page - reinforcing responsive design principles

Repeating groups and constructing lists from your data

URL parameterization

Search constraints/filtering data

Advanced search filtration

Learn custom states

Using the debugger

Dual purpose UI elements

An intro to interactivity

Adding and setting button states

Creating state for signup and login mode

Advanced conditional logic

Learn how to creat marketplace profile pages

Intro to template pages

Setting up foundations of template page

URL paths and unique IDs

Template page navigation

Advanced responsive design

Intro to the shopping cart experience

Creating the order database

Advanced Workflows / Connecting the Frontend and Backend

Constructing the shopping cart experience framework

Building loading spinners using custom states

Creating vs updating database records (orders)

Adding application data to UI conditionals

Leveraging relational data

Do when condition is true workflows

Setting custom states with database objects

Constructing an order summary

Plugins/APIs, Version Control and Last Thoughts

Intro to plugins

Adding stripe/payment integration

Bubble’s third party community – templates, forum, marketplace, documentation

Tips/best practices

Development vs. live / version control

Savepoints

App search tool

Conclusion

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Targeted at beginners, this course establishes foundational skills

Builds student skills in UX, specifically using Bubble's interface for website and application design

Relevant to career paths where students will need to create prototypes for new web applications

Useful for students who want to design and build web applications for their businesses

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in The Startup Founder's Guide to Bubble Programming with these activities:

Review the fundamentals of web design

Show steps

Reinforce your understanding of web design basics to lay a solid foundation for building applications in Bubble.

Show steps

Review tutorials on HTML and CSS
Complete practice exercises in HTML and CSS
Build a simple static web page using HTML and CSS

Bubble wireframe

Show steps

Plan out the architecture of your GrubMore-like app on paper or with a tool such as Whimsical to gain a better sense of the structure prior to implementation in Bubble.

Show steps

Brainstorm features and workflows for your wireframe.
Plan and visualize the flow of your Bubble app using a wireframing tool.
Evaluate and refine your wireframe.

Bubble cheatsheet

Show steps

Create a personalized cheat sheet summarizing key concepts, formulas, and best practices for Bubble development to aid in your learning and retention.

Show steps

Gather information from the course, documentation, and other resources.
Organize and structure the information in a clear and concise manner.
Review and update your cheat sheet as you progress through the course.

Three other activities

Expand to see all activities and additional details

Show all six activities

Create a mini GrubMore app

Show steps

Follow a simplified version of the course content to create a simplified version of the GrubMore application to strengthen your understanding of the core features of Bubble.

Show steps

Plan the simplified GrubMore app.
Design and build the core interfaces for your simplified app.
Test and refine your mini GrubMore app.

Watch No-Code Academy videos

Show steps

Supplement your learning with video tutorials from No-Code Academy to gain a deeper understanding of Bubble's features and capabilities.

Show steps

Identify specific topics or features you want to focus on.
Search and watch No-Code Academy videos on those topics.
Take notes and practice what you learn in the videos.

Bubble practice drills

Show steps

Complete challenges and exercises in the Bubble editor to solidify your understanding of the platform's core features.

Show steps

Find practice exercises or challenges online or in the Bubble community.
Attempt the practice exercises or challenges.
Review your results and identify areas for improvement.

Career center

Learners who complete The Startup Founder's Guide to Bubble Programming will develop knowledge and skills that may be useful to these careers:

Data Analyst

Data Analysts collect, analyze, and interpret data to provide insights and inform decision-making. This course may be useful for aspiring Data Analysts as it introduces the concepts of data modeling, data visualization, and statistical analysis. These skills can help you process and analyze data to extract meaningful insights and trends.

See salaries and explore the career path for Data Analyst

UX Designer

UX Designers focus on creating user-friendly and intuitive interfaces for websites and applications. This course may be helpful for aspiring UX Designers as it covers the principles of responsive design, user authentication, and creating interactive elements. These skills can help you design user interfaces that enhance user experience and satisfaction.

See salaries and explore the career path for UX Designer

Software Engineer

Software Engineers design, develop, and maintain software systems. This course may be useful for aspiring Software Engineers as it introduces you to the fundamentals of programming, including data structures, design patterns, and algorithms. These concepts are essential for developing efficient and reliable software systems.

See salaries and explore the career path for Software Engineer

Full-Stack Developer

Full Stack Developers have a comprehensive understanding of both front-end and back-end development. This course provides a foundation for this career path by covering topics such as user authentication, database design, and creating dynamic web interfaces. With the skills gained from this course, you can contribute to the development of full-stack web applications.

See salaries and explore the career path for Full-Stack Developer

Database Administrator

Database Administrators are responsible for managing and maintaining databases. This course can provide a foundation for this role by covering topics such as database design, data modeling, and data security. With the skills gained from this course, you can contribute to the efficient management and maintenance of databases.

See salaries and explore the career path for Database Administrator

Web Developer

Web Developers build, maintain, and troubleshoot websites and web applications. This course may help you develop the skills needed for this career path. It teaches you about designing and building web pages, working with databases, and creating interactive workflows. These skills can be applied to web development, allowing you to design and build functional websites and applications.

See salaries and explore the career path for Web Developer

Product Manager

Product Managers are responsible for managing the development and launch of new products. This course may be helpful for aspiring Product Managers as it covers topics such as user research, market analysis, and product roadmapping. These skills can help you understand user needs and develop successful products.

See salaries and explore the career path for Product Manager

Project Manager

Project Managers plan and execute projects to achieve specific goals. This course may be helpful for aspiring Project Managers as it covers topics such as project planning, resource allocation, and risk management. These skills can help you effectively manage projects and ensure their successful completion.

See salaries and explore the career path for Project Manager

Information Architect

Information Architects design and organize information systems to meet the needs of users. This course may be useful for aspiring Information Architects as it covers topics such as user experience design, information modeling, and data visualization. These skills can help you create effective information systems that are easy to use and understand.

See salaries and explore the career path for Information Architect

Technical Writer

Technical Writers create documentation for software and other technical products. This course may be useful for aspiring Technical Writers as it covers topics such as technical writing principles, documentation design, and user experience. These skills can help you create clear and effective technical documentation.

See salaries and explore the career path for Technical Writer

Business Analyst

Business Analysts analyze business processes and identify opportunities for improvement. This course may be helpful for aspiring Business Analysts as it covers topics such as process modeling, data analysis, and requirements gathering. These skills can help you understand business needs and develop solutions that improve efficiency and effectiveness.

See salaries and explore the career path for Business Analyst

Systems Analyst

Systems Analysts design and implement computer systems. This course may be useful for aspiring Systems Analysts as it covers topics such as systems analysis, requirements gathering, and project management. These skills can help you understand user needs and develop effective and efficient computer systems.

See salaries and explore the career path for Systems Analyst

Quality Assurance Analyst

Quality Assurance Analysts test and evaluate software products to ensure they meet quality standards. This course may be useful for aspiring Quality Assurance Analysts as it covers topics such as software testing, quality control, and user experience. These skills can help you identify and resolve software defects and ensure the delivery of high-quality products.

See salaries and explore the career path for Quality Assurance Analyst

Technical Support Specialist

Technical Support Specialists provide technical support to users of software and other technical products. This course may be useful for aspiring Technical Support Specialists as it covers topics such as troubleshooting, problem-solving, and customer service. These skills can help you provide effective technical support and resolve user issues.

See salaries and explore the career path for Technical Support Specialist

IT Consultant

IT Consultants provide guidance and advice on the use of information technology. This course may be useful for aspiring IT Consultants as it covers topics such as business analysis, technology trends, and project management. These skills can help you understand business needs and provide effective IT solutions.

See salaries and explore the career path for IT Consultant