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

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Harsh Kashiwal

Harsh Kashiwal Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @harsh_kashiwal

Mar 10
🚀10 CSS Code you will always need👇
Thread🧵

#100DaysOfCode #DEVCommunity #webdeveloper Image
🖌️1. CSS Reset

When we create a fresh project browser assign some default style to the elements
And before moving further it is our duty to Reset or Clear all the CSS before beginning the work

1/10 Image
🖌️2. Html Style

The very first tag to start loading with properties is HTML tag
We add multiple default properties throughout the page like scroll-behavior,background-color,color, etc.

2/10 Image
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(