Web Development CS JS Python JavaScript Hacking ReactJs Python django Flask CSS Frontend Backend Full Stack Java Node Pdf Books
3.99K subscribers
878 photos
11 videos
995 files
354 links
One place for the latest in JavaScript, Python, Django, React, and more. Get top-notch tutorials, tips, and downloadable resources. Join us to elevate your tech skills!
Download Telegram
Best way to master CSS,๐Ÿ”ฅ

The CSS tree ๐Ÿ‘‡
|
|โ”€โ”€ Text Styles
| |โ”€โ”€ color
| |โ”€โ”€ font
| | โ”œโ”€โ”€ font-family
| | โ”œโ”€โ”€ font-size
| | โ””โ”€โ”€ font-weight
| |โ”€โ”€ text-align
| |โ”€โ”€ text-decoration
| | โ”œโ”€โ”€ underline
| | โ””โ”€โ”€ line-through
| |โ”€โ”€ line-height
| โ””-โ”€ letter-spacing
|
|โ”€โ”€ Box Model
| |โ”€โ”€ width
| |โ”€โ”€ height
| |โ”€โ”€ margin
| | โ”œโ”€โ”€ margin-top
| | โ”œโ”€โ”€ margin-right
| | โ”œโ”€โ”€ margin-bottom
| | โ””โ”€โ”€ margin-left
| |
| |โ”€โ”€ padding
| | โ”œโ”€โ”€ padding-top
| | โ”œโ”€โ”€ padding-right
| | โ”œโ”€โ”€ padding-bottom
| | โ””โ”€โ”€ padding-left
| |
| โ””-โ”€ border
| |โ”€โ”€ border-width
| | |โ”€โ”€ border-top-width
| | |โ”€โ”€ border-right-width
| | |โ”€โ”€ border-bottom-width
| | โ””โ”€โ”€ border-left-width
| |โ”€โ”€ border-color
| | โ”œโ”€โ”€ border-top-color
| | โ”œโ”€โ”€ border-right-color
| | โ”œโ”€โ”€ border-bottom-color
| | โ””โ”€โ”€ border-left-color
| โ””โ”€โ”€ border-radius
| โ”œโ”€โ”€ border-top-left-radius
| โ”œโ”€โ”€ border-top-right-radius
| โ”œโ”€โ”€ border-bottom-left-radius
| โ””โ”€โ”€ border-bottom-right-radius
|
|โ”€โ”€ Positioning
| โ”œโ”€โ”€ position
| โ”œโ”€โ”€ top
| โ”œโ”€โ”€ right
| โ”œโ”€โ”€ bottom
| โ””โ”€โ”€ left
|
|โ”€โ”€ Layout
| โ”œโ”€โ”€ display
| โ”œโ”€โ”€ visibility
| โ”œโ”€โ”€ float
| โ””โ”€โ”€ clear
|
|โ”€โ”€ Flexbox
| โ”œโ”€โ”€ flex
| โ”œโ”€โ”€ flex-direction
| โ”œโ”€โ”€ flex-wrap
| โ”œโ”€โ”€ justify-content
| โ””โ”€โ”€ align-items
|
|โ”€โ”€ Grid Layout
| โ”œโ”€โ”€ grid-template-columns
| โ”œโ”€โ”€ grid-template-rows
| โ”œโ”€โ”€ grid-column
| โ”œโ”€โ”€ grid-row
| โ”œโ”€โ”€ grid-column-gap
| โ””โ”€โ”€ grid-row-gap
|
|โ”€โ”€ Colors and Background
| โ”œโ”€โ”€ background-color
| โ”œโ”€โ”€ background-image
| โ”œโ”€โ”€ background-repeat
| โ”œโ”€โ”€ background-position
| โ”œโ”€โ”€ background-size
| โ”œโ”€โ”€ color
| โ””โ”€โ”€ opacity
|
|โ”€โ”€ Transitions and Animations
| |โ”€โ”€ transition
| | โ”œโ”€โ”€ transition-property
| | โ”œโ”€โ”€ transition-duration
| | โ”œโ”€โ”€ transition-timing-function
| | โ””โ”€โ”€ transition-delay
| โ””โ”€โ”€ animation
| โ”œโ”€โ”€ animation-name
| โ”œโ”€โ”€ animation-duration
| โ”œโ”€โ”€ animation-timing-function
| โ”œโ”€โ”€ animation-delay
| โ”œโ”€โ”€ animation-iteration-count
| โ”œโ”€โ”€ animation-direction
| โ”œโ”€โ”€ animation-fill-mode
| โ””โ”€โ”€ animation-play-state
|
|___ Others
|โ”€โ”€ z-index
|โ”€โ”€ box-sizing
|โ”€โ”€ overflow
| โ”œโ”€โ”€ overflow-x
| โ””โ”€โ”€ overflow-y
|โ”€โ”€ cursor
โ””โ”€โ”€ box-shadow

-------------------- END --------------------
๐Ÿ‘7โค4๐Ÿ”ฅ3๐Ÿคฏ1
The best data structure & algorithms (DSA) roadmap for beginner devs:

Complexity
โ†“
Arrays
โ†“
Linked List
โ†“
Queues
โ†“
Tree
โ†“
Sorting
โ†“
Graph
โ†“
Leetcode