How to Build Custom Plugins for Bubble

Idea
1

Hey Bubblers!
I’m making a new course called How To Build Custom Plugins For Bubble.

It consists of two modules:

  1. Learn the fundamentals of JavaScript (lessons designed and optimized for No-Code developer, easily understandable);
  2. Build custom plugins with the Bubble editor;

Here some other details:

  • This course will improve your skills as Bubble developer because you’ll be able to create your own elements, actions to expand your project capabilities.
  • You’ll learn by watching me building a Bubble plugin (Video+Screen shares)
  • Bubble Plugin project, with JS source code, will be included in the package

Are you interested?
:white_check_mark: IF YES: what would you love to see in the course?
:x: IF NO: any concerns/doubts? Or just not your stuff?

I’m excited to teach this topic, plugins have been tremendously helpful for me, let me know what you think.

Link to the course: 71 Lines — Build Custom Plugins For Bubble
PS Subscribe to get notified when the course is ready!

12 Likes
2

Nice, great initiative! Definitely interested.

If it comes to course content I would say that you shouldn’t hold yourself back with advanced stuff.

1 Like
3

Thanks buddy, lessons on fundamentals of JavaScript are very easy to understand for a Bubble developer, but I’m still concerned that people might see them as an obstacle :slight_smile: So your feedback is much appreciated!

1 Like
4

Great and needed resource!

I would love to see useful scripts in there that can be used in Bubble actions. Example: some APIs require a 2-step approach where the first call finds and retrieves a required token to be used on the second one that finally gives you access

Tayloring your JS lessons for use with frequent “bubbling” is a great idea.

3 Likes
5

Uh nice call, I’ll make an example on this topic! Thanks

6

:key: Probably the boilerplate Plugin project is going to be about Social Authentication / Oauth 2.0 (Slack or Twitter).
Do you prefer something else? https://twitter.com/matteomosca_/status/1361275858950963201

7

@cmarchan @bartek.dev
FYI I’ve just released the course! It includes:

  • a detailed explanation of the Bubble plugin editor;
  • how to create plugin’s elements, actions and dealing with data/REST APIs;
  • how to integrate a JS library in the plugin;
  • a boilerplate project plugin that pulls data from Twitter and performs a sentiment analysis using a JavaScript machine learning library.

More info here https://bit.ly/38rKTt6

:fire:

5 Likes
8

just a thought: in your js basics course, I think it would be great if you would also cover things like accessing elements and overwriting HTML parameters eg setting height and width, etc, and do simple animations. I personally use this a lot when building mobile-first apps (ie. make sure something covers the full height of the screen). (Maybe its already covered - just guessing based on the syllabus…)

9

Thanks for the feedback @d9999
You can find samples on how to add/change/remove HTML divs on any website:

  • at lesson 4 — Interacting with the DOM (of the Chrome Extension course)
  • at lesson 12 — Callbacks and Events [project] (of the JS for No-code developer course)

:slight_smile:

1 Like
10

had a look at two of your courses - great content!

as an idea for a future course (or just a cheat sheet): CSS basics for bubble :slight_smile:

3 Likes
11

Sure definitely. Video based I hope.

1 Like
12

Any chance a bubble plugin could be written in CoffeeScript?

13

You’d have to transpile back to js I believe

14

@ matteo, is this course still available? All the links within this post don’t work. I tried to go directly to www.71lines.com and that doesn’t work?

Please update post and let readers know your status with this course: Build Custom Plugins For Bubble. Hope you can update the links.

We’re looking for knowledge on this subject and could use some reliable resources : )

1 Like
15

Hey!
Here is the new link https://superbuild.io you can find the course about plugins here
Superbuild — Break through your limits by mastering Bubble Plugins

Unfortunately, seems like I can’t edit the original post?
If you know how to do it please let me know? :thinking:

Matteo

3 Likes
16

That one is gone too. It’s probably been a minute since you did this, but I definitely am interested in the course.