HTML & CSS Roadmap for Beginners in 2022.
Thread 🧵
Thread 🧵
➯ HTML
➺ What is HTML?
➺ HTML Elements
➺ Attributes
➺ Semantic HTML
➺ Accessibility
➺ 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.
✦ 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
➺ 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
➲ 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 atleast 8 Projects
➪ Build atleast 8 Projects
https://twitter.com/mdjunaidap/status/1419191701583777796?t=86vs5OPtsLacMmJ3JE6DcQ&s=19
Inspiration: 🙏
• • •
Missing some Tweet in this thread? You can try to
force a refresh
