HTML & CSS Roadmap for Beginners in 2022.

Thread 🧵

➯ HTML

➺ What is HTML?
➺ HTML Elements
➺ Attributes
➺ Semantic HTML
➺ Accessibility
➯ CSS

✦ Fundamentals

➲ What is CSS?

➲ CSS Selectors
➺ Basic
➺ Complex
➺ Pseudo

➲ CSS Properties
➺ Color
➺ Background-color
➺ Font-family
➺ ...many more.
➲ Box Model
➺ Padding
➺ Border
➺ Margin

➲ Values & Units

➲ CSS Specificity & inheritance

➲ Display

➲ Positioning
➺ Static
➺ Relative
➺ Absolute
➺ Fixed
➺ Sticky
✦ Advanced

➲ Shadows
➲ Gradients
➲ Transforms
➲ Transitions
➲ Animations
➲ CSS Varisables
➲ Media Queries

➲Layouts
➺ Flexbox
➺ Grid

➲ CSS Preprocessors
➺ SASS
➺ LESS
➺ PostCSS

➲ CSS Frameworks
➺ Tailwind CSS
➺ Bootstrap
➺ Materialize
➪ Building Projects is the only way to master above-mentioned topics.

➪ Build at least 8 Projects

https://t.co/8AyjYm1ytl
700+ Tools and resources for Developers, Designers & Creators.

https://t.co/2XaQR6RW0w
Inspiration: https://t.co/NDYjnXbcRN🙏

More from Mohammed Junaid 🎯

Master Full-Stack Development for Free.

Thread 🧵

1. Mastering Frontend development:


2. Mastering Backend development:


If you enjoyed reading this thread,

1. Do Retweet the FIRST TWEET.
2. Follow me and turn on notifications: @mdjunaidap

🔥 700+ Tools & Resources for Developers, Designers, and Creators.

Learn.
Build.
Sell.

I've Curated incredible tools and learning resources for developers, designers & content

You May Also Like