Hey there,

Mads Brodt here, bringing you the (now bi-weekly) Top 3 in Tech newsletter update. Let's get right into this week's development advice, awesome resource and cool tool you don't want to miss:

​

1. Escaping tutorial hell

When I started learning to code, I would watch lots of video tutorials and read lots of articles about programming. I loved following guides and copy/pasting the code into my own editor to see the results running on my own computer. I felt so productive - and it seemed like I was learning new things all the time!

Until one day I decided to try building a small project from scratch. I don't remember the exact idea, I just remember that I wanted to build something to solve a problem I was having.

And guess what? I didn't even know where to begin...

That's the main problem for people starting their coding journey if you ask me. It's too easy to read/watch stuff and feel productive and like you're learning - when in reality, you're not actually retaining any of the content you consume. Doesn't matter if you watch 100 videos or read 100 articles, the outcome is the same. This concept is aptly named as "tutorial hell".

Now don't get me wrong: online tutorials are amazing to give you an overview of a new language / framework / library and to show you the ropes of how it works. But they won't make you a better developer.

To actually learn to code, you need to become a problem solver. Because when you work as a dev in the real world, most of the problems you run into won't have an off-the-shelf solution. You'll have to be creative, to think outside the box, and to combine the knowledge and experience you've gathered to come up with answers. That won't be possible if all you've ever done is copy/paste tutorial content or read articles.

This of course begs the question: How do you actually improve your problem solving skills and actually learn to code?

Glad you asked! Personally I've found 2 strategies to escape tutorial hell:

1. Build projects to scratch your own itch. Try to think of a problem you're having in your day-to-day life. Is there a digital solution to help you with it? By working on something relevant to you, it'll be much easier to stay motivated when running into roadblocks. Just try your best, and Google as much as possible when you get stuck.
2. Follow tutorials, but change the content heavily. This can be easier to get started with compared to building from scratch. Use a tutorial as a baseline, but change up the content significantly - if the instructor is building an app to show a list of books, make a list of movies instead. Add extra features they didn't include or try to build it in a different way.

The key is to actually build stuff yourself. And by building lots of small projects like this, you'll begin to notice patterns and your actual development skills will improve dramatically.

If you need some inspiration, there's an awesome list of project ideas available here. If you're a front-end dev, you can also pick any API from this list of public API's and then build a small UI on top of them.

And remember: what you build isn't too important. Just don't stay stuck in tutorial hell - focus on building projects yourself as early as possible (or at least heavily modifying tutorial projects). And if building something yourself still seems overwhelming, start smaller with my go-to problem solving guide here.

​

2. Practical guide to Web Development in 2022

Last time I made some predictions on what I think will be some of the most popular web development tools in 2022 (go back and read it here if you missed it).

But this week we got a real treat from Brad Traversy, one of the best web development teachers on Youtube. In this practical guide, he covers everything you need to know about web development in 2022: What tools and languages are worth learning, where the industry is moving, development as a front-end / back-end / full-stack developer etc.

It's a must watch for anyone working (or looking to work) in web development, so check it out:

​

3. Firebase

The last thing I want to share with you this week is a cloud-based tool developed by Google called Firebase. Firebase is an easy way to get started with a hosted backend, and it has lots of awesome tools baked right in.

With a Firebase backend you get authentication, a database, cloud functions, object storage and much more. Firebase uses a pay-as-you-go structure, so you'll only be paying for the features and bandwidth you actually use (with a generous free plan, too). It's a great tool if you're mostly focused on front-end development, since it allows you to then create full-stack applications without being a backend expert.

It works by offering you a front-end SDK to "hook" into the backend so you can communicate back and forth and build awesome apps, even in realtime using their Realtime Database feature. Good stuff!

​Get started with Firebase​

​

​

Thanks for reading! I would really appreciate if you would share the newsletter with your friends on Twitter, Facebook, LinkedIn, by email or copy/paste the link mads.fyi/top3 on other platforms. It really helps to keep me motivated and let the newsletter grow. See you in 2 weeks ✌

Mads Brodt