✨ 6 website learning gems you should visit!
Tags: webdev, beginners, tutorial, devjournal
Published: 2024-06-09 05:00:00


## Introduction

So you're a software developer? OK that's great. You are able to create application and make 💸💸💸, but have you ever thought for long terms scenarios or do your really aware of it?

For five years career in software development, creating application is not about to get your job done or delivering the software for launching event. It isn't 🙅‍♂️.

If you are a good developer, you should aware to the post-development stage of your software...

🤨: Come on, wheres my "learning gems"?! The title is not about engineering post!

OK OK I know it's not about engineering post. Fine!

But...

![asejrhuasger](https://i.pinimg.com/564x/5c/89/b7/5c89b75128a05063ddfccbf36be74e75.jpg)

Let's enhance our knowledge with these awesome learning materials! From how to architect you application, writing maintainable code, and even knowing how the CPU actually works!

Btw, let's kudos 🙇‍♂️ to all authors who made these every good learning materials!

## [Patterns.dev](https://www.patterns.dev/)

![Patterns thumbnail](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a2sca89gm5igy58byojn.png)

Patterns.dev is created by Addy Osmani and Lydia Hallie to help you architect your website to the next level. Patterns.dev will help you to design, rendering, and performance patterns for building powerful web apps with vanilla JavaScript or modern frameworks.

## [Putting the “You” in CPU](https://cpu.land/)

![CPU Land thumbnail](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xqdzvm4uaub99aop9g70.png)

Next, we have the CPU Land!

Have you ever thought how CPU is actually works under the hood?

🤨: Why I should think of it if it's already works under the hood?

Ayo, bro. Come on, are you serious? You won't be replaced by AI, right?

That's why you should know how CPU execute your program!

Fortunately this website got you covered. Here you can learn how multiprocessing works, what system calls really are, how computers manage memory with hardware interrupts, and how Linux loads executables.

All thanks to Lexi Mattick who created this website!

## [Refactoring Guru](https://refactoring.guru/)

![Refactoring Guru thumbnail](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j2fubawobhmqkyogab86.png)

🤨: Argh, I don't want to touch this codebase. It's fragile!

Hey, your wrote this code two years ago...

🤨: Ah, sorry. I mean yeah... why you're not giving me some solutions, Akbar?

Me? no man, but Refactoring Guru can help you!

Alexander Shvets already built cool website to refactor your 💩 codebase. This website will change your perspective of how you can built something that maintainable for long-terms.

## [The Component Gallery](https://component.gallery/)

![Component Gallery thumbnail](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jqsl23fpudyj78pn8k2f.png)

Confused about naming your UI components and how it should looks like? No worries, I often facing this issue. But luckily theres Iain Bean who created The Component Gallery website!

Here, we are not presented with pre-build UI components rather it gives you what components should looks like and what exactly that for.

## [Learn Git Brancing](https://learngitbranching.js.org/)

![Learn Git Brancing thumbnail](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jbqvf9qc0jszns878xwk.png)

I have a meme for you, go check it out...

![khaiusehr](https://miro.medium.com/v2/resize:fit:600/0*VcMPr1unIjAIHw2j.jpg)

But, it just meme unless you know how to use Git properly. If you don't, no worries. Just Learn Git Branching!

Peter Cottle created this website to help you learn Git interactively. You know, because it's easier to understand something if you can visualize it.

## [The Twelve-Factor App](https://www.12factor.net/)

![The Twelve-Factor App thumbnail](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ojf6okkbrng5meghecwe.png)

And the last, The Twelve-Factor App!

You'll learn how to build SaaS or simply a service in microservice cluster. Here you are not learn about what technology used, rather the ideology or concept to make your apps portable and easy to deploy anywhere!

Let's say thanks to Adam Wiggins for his dedication.

## Conclusion

Alright, now you already know. Don't give up and keep your learning spirit. In the end it's all just someone's writing, but what makes it valuable is when you apply it and it works.

If you have any suggestions, don't hesitate to write them in the comments section below!

See ya!

![Kocheng hormat](https://i.pinimg.com/564x/2e/84/89/2e84892562d68742930e7641520beb38.jpg)