First Steps in No-Code

No-Code Jun 16, 2020

Let's think about some imaginary scenarios for a little bit. Let's say, first, that you want to challenge yourself. You went on and started the 100 days of No-Code (and let's not just say it, let's actually do it! It's a lot of fun!). What were your first days like? What did you do on those baby steps? Were you already experienced or were you a beginner?

Food for thought.

Now let's play another scenario in our heads. You actually are a beginner. You've been dabbling here and there on forums and Twitter for information on No-Code, but you have never made anything on any of the platforms. Eventually, the 100 days of No-Code challenge appear and you feel it is the perfect opportunity to give it a try and keep a steady learning rhythm at the same time. Great! But where to begin?

That's my concern for today.

#100DaysOfNoCode
Build your No-Code skills by committing to the #100DaysOfNoCode challenge

First steps are crucial. We all know that. Interest must be retained, elevated if possible, so that people feel the need to continue on this journey they just began. So where can complete beginners start this No-Code path?

Well, my first instinct would be to say: "you already have made the first steps". If you're interested in the world of No-Code and read a few things on Twitter and on forums, that's a start! The guys from 100 Days would probably agree with me, since the first rule of the challenge is to spend at least 30 minutes a day learning No-Code. They don't say "building" or "creating". It's very deliberate that they choose the word learn, because learning is also reading, watching videos, checking the progress made by others. So, if you have done any of the stuff above, you already started moving. Great!

Next, you should decide where you want to get your feet wet first. Is it in the mobile realm? The web app or website world? They both have things going for them, obviously. If you want to promote your band and sell the merch, maybe it would be better to go for the website side of things. If you want to create a dating site based on your love for obscure sixteenth-century writers, maybe a mobile app would be interesting. For us, at HelloGuru, it was web development. And if you, like us, think this is the route more appropriate for your needs, well, we have some insights.

There are great, awesome tools out there. You will probably find what suits you. We recommend starting, however, with Bubble. If you've researched for a bit, it's most likely that you have already read about Bubble and about Webflow. These two are huge in the No-Code world, and deservedly so. Nonetheless, we prefer to start with Bubble for a couple of reasons (It's necessary to say that a lot of people also start with Webflow, and that's perfectly valid too).

First of all, Bubble allows you to create seamlessly a full website with no third parties. I'm talking front-end and back-end. Everything you want to do (maybe with a few rare exceptions) can be done using only this platform. Webflow, on the other side, although extremely good too, is known to work best in tandem with some other platforms and apps. We'd rather have you learn very well how stuff works in one place first (although Bubble certainly allows use of external plugins if you later decide you want to use), so that's why we like the Bubble option.

On second place, and this might be a little confusing, there's the design process. Webflow is extremely good at allowing you to experiment and play with design features, and if you work with this platform, it will surely look astonishing. But for a beginner, this might be detrimental, as you could spend hours and hours noodling on design, instead of understanding the basic ins and outs of web development with No-Code tools. This, however, should be taken with a grain of salt. Trust your learning process and see for yourself if this is something that could happen to you.

And well, after you decided what path to take, and what tool to learn, it's only a matter of how you'll learn it. And that, my friends, is the most obvious choice. It has to be HelloGuru.

See you in class!

const headerTagLinks = document.querySelectorAll('.js-header-tag-link'); for (x = 0, l = headerTagLinks.length; x < l; x++) { const lang = headerTagLinks[x].getAttribute('data-slug').split('-')[1]; const shouldRemoveLink = lang !== document.documentElement.lang; if (shouldRemoveLink) { headerTagLinks[x].remove(); } }