DEV Community

loading...
Cover image for Three helpful tips to make you into a better programmer

Three helpful tips to make you into a better programmer

leviathanprogramming profile image 𝐋𝐄𝑽𝐈𝑨𝐓𝐇𝐀𝐍 Programming ・1 min read

I used to code in a very messy fashion and I still do sometimes, but I have some tips I can share with you so you can become a better, more organized programmer.

1. Organize your bookmark bar

A picture of my bookmark bar
If you take a look at my bookmark bar, I have a lot of folders there and I can keep my sites organized. It will take a bit of time to organize all your sites and still a bit more to get used to, but it's amazing.
a GIF showing how my sites are organized

2. Organize your CSS

GIF showing how I organize my CSS
If you saw what was happening in the GIF above, I organized my CSS into Tags/setup, Classes, IDs, Animations, Media Queries and additional styling. Each subject is separated with a comment banner for easier access.

3. Use comment banners in your code

Me using comment banners in my code

Use big comment banners in your code to separate different sections. Whether in Javascript, Python, CSS, HTML, etc, this will help you so much when trying to search through messy code.

Like this? You can subscribe to me at my website

Thanks for reading.
Happy Coding.

Discussion (3)

pic
Editor guide
Collapse
devlorenzo profile image
DevLorenzo

Nice short article.

I add the link to my article about how to write a better and more organized CSS.

PS: Gifs are broken

Collapse
leviathanprogramming profile image
𝐋𝐄𝑽𝐈𝑨𝐓𝐇𝐀𝐍 Programming Author

Huh, I don't know what happened to the GIFS. Every time I try to add one, it fails.

Collapse
devlorenzo profile image
DevLorenzo • Edited

Add it [ placeholder ] ( link- closing the braces

Or just copy-paste from internet (dev.to format it for you)