Thread by @ZuberDunge

Getting Better At CSS 🌻

I see lot of people who are starting with web development struggle with #CSS, even some experienced ones.

Here are some suggestions + #resources to help get better at CSS : A thread ✨➡️

1/n

First, Let me talk about my relationship with CSS.

I remember my first encounter with CSS in June 2021 on Tanay's YT channel. You can think of it as my first date with CSS.

2/n

I was nervous and kind of afraid of it because of the CSS memes lol, but I managed and after spending a few hours with CSS I kinda started liking it.

This is what I created on my first date by following the session :
My first ever portfolio
…e2000090645fc--zuberdunge.netlify.app

3/n

I was enjoying the company I started spending more time with it exploring, discovered the wonders of flex-box and grid, loved the :hover effect, stick-ed to the positions, got a very good response from media queries.

4/n

And after all these months I can say that I am pretty much better than my old self and it didn't happen overnight it took me months of practice to get used to it and even now there's a lot to learn.

This is how my portfolio looks now :
zuberdunge.tech

5/n

The thing is you can't master anything overnight.

Everything requires time, patience, and most importantly practice.

The only way to get better at CSS is by practicing.

6/n

Whatever you learn from YouTube / Google or from anywhere you have to practice that you have to use that property somewhere to see what it does, how it works, create mini-projects like log-in screen, landing pages, clone websites, etc.

7/n

Checkout CSS code of others, observe the properties they've used and what does that particular property do.

8/n

While creating projects, there will be a time when you'll get stuck at something, you'll stare at the screen for hours, googling it, going to the StackOverflow, copying solutions from there and that's completely fine.

9/n

but but but don't just copy-paste, you should know what are you doing, and make sure that if next time that error occurs, you should be able to solve it by yourself otherwise there's no point copying if you didn't learn anything from that.

10/n

And sometimes you won't find a solution on StackOverflow, go to your friends, mentors or there are lots of dev communities on discord, join those, there are thousands of developers, it'll be very helpful, trust me.

11/n

Here's What I'll suggest :

1️⃣ Learn the basics first :
I've seen people ignore basics like we'll check it out later, first go with the next topics, but don't do that. Basics are IMPORTANT.

12/n

Learn basics properly, color, border, width, max-width etc. And only after completing basics, dive into flex, grid, and all.

13/n

2️⃣ Don't Rush - Don't Give Up:

After some time, People start getting bored or annoyed and then give up easily, don't give up, have some patience. Do practice, create small stuff with CSS, and share it with your friends it'll boost confidence, showcase your work.

14/n

3️⃣ Stay away from libraries at the beginner level :

Yes, stay away from libraries, people often shift to libraries because they find it easier to use but libraries can't help you everywhere.

15/n

At some point you'll need custom CSS, your own CSS, and knowing CSS is a must if you're into front-end development, you can't just ignore it.

16/n

And trust me CSS is the most beautiful thing in development as per my opinion, even I'm not a master of it, I'm learning every day, and enjoying it. And once you get used to it, you can shift to libraries too. But don't rush.

17/n

4️⃣ Use Google as much as possible :

Don't be shy from Google! Never! Google is the best teacher you'll get, it's available 24/7 whenever you get stuck go to Google, and again don't just copy, understand.

18/n

5️⃣ Make Projects :

Project-based learning is the best way to learn, that's how I learn, I learn new stuff, I go to vs code and try using it, create small stuff. And this way you'll learn fast and better.

19/n

6️⃣ Teaching while learning :

Yes, learning by teaching is very effective, write about whatever you learn, share it with others.

20/n

🌻 There's no one in this world who can make you a CSS star, People will teach you stuff, like how this work, how flex work how does it wrap elements, etc. Blah Blah.

21/n

But it's you who have to try it out, CSS is not something you can memorize, don't even think like that, You've to try it out, practice it! There's no way out without practice.

Learn ➡️ Try ➡️ Understand ➡️ Repeat.

#CSS #DEVCommunity #webdev

Some Resources :
web.dev/learn/css/
freecodecamp.org
hackr.io/tutorials/lear…
cssportal.com/css-resources.…
youtube.com/kevinpowell

I'll post a separate thread with more resources soon.

That's all for now. I hope this helps ✨

Thank you, Have a great day 🌻

❤️🔄

🔄

https://twitter.com/ZuberDunge/status/1483412462795849728?t=V1UM5Xe1ZEB9NBQyFJscWA&s=19