Thread by @harsh_kashiwal

How much CSS is Enough before Moving to Javascript?⚡️
With an approach plan👇
Thread🧵

#100DaysOfCode #DEVCommunity #webdeveloper

♦️1. Basic CSS Intoduction

When you Just started CSS after HTML
it is necessary for you to know the basics of CSS

Topic like,
→ Basic Syntax
→ Selectors(ID and Class)
→ Colors
→ Fonts
→ Margin
→ Padding
→ Box model
→ Display
→ Images & Icons

1/9

♦️2. Middle Level CSS

After finishing Basic CSS and getting introduced to THE CSS you move to a slight time demanding topics

Topics like,
→ List & Tables
→ Position
→ Overflow & Z-Index
→ Forms
→ CSS Units
→ !important
→ Psedudo Class and Elements

2/9

♦️3. Advanced CSS

After learning all the topics above mentioned now its time to see how advanced CSS Tastes like

Cover Topics like,
→ Box-Shadow
→ Border Radius
→ Backgrounds
→ Gradients
→ Text-Effects
→ 2D and 3D Transform
→ Transitions
→ Animations

3/9

Continuing...

→ Tool Tips
→ Object Fit
→ Buttons
→ Variables
→ Box-sizing
→ Media Queries

♦️4. Heart of CSS

Now after learning the Major of CSS which is used in every fifth line of code Its time to know about the heart of CSS Which has made the life of developer so much easier

Topics include,
→ CSS Position
→ CSS Float
→ CSS Flexbox
→ CSS Grid

4/9

♦️5. Challenges

When you are learning the above CSS it is good for the developer to practise these topics as challenges
you can do practise on websites like

→ Codepen. io
→ cssbattle. dev

5/9

♦️6. Dont Rush

It was just first phase of learning we learn CSS in multiple phases
Practise your CSS Knowlege my making landing pages and clones of different websites
This will help you understand how we code clean and will extract your creativity for furthur projects

6/9

Continuing..

Best way to practise is watching youtube videos which create whole website in one single video
When you watch and create you get to know the actual coding approach to be a good developer.

♦️7.Responsive Design

Now that you have Created 4-6 personal projects and cloned atleast 2 Website like youtube,spotify twitter
Its time to make them support on mobiles and tablets too
you create this by learning @mediaqueries and responsive techinques

7/9

♦️8.Create personal Projects

Create projects of your own to be fluent at coding CSS and HTML
Create your Portfolio site,Blog Page,Clones

Copy other people's Projects and Break them down and see what is that missing in your knowlege and try building that on your own

8/9

AND BOOM🚀

You have learned Respectabe amount of CSS
and now you can move to Javascript

Make sure revising CSS although Google is just one click away😉

9/9

Thankyou for reading..

Hey Myself Harsh✨

I talk about 💁
💟-Web
⚡️-Tools,Tricks for Webdevelopment
📚-Programming Facts

If you liked it,then you can follow me here.. @harsh_kashiwal