Beginner Programming 20 cashar ~160 dq Bilaash ✦

Aasaaska CSS

Baro sida loo qurxiyo iyo loo naqshadeyo bogagga internetka adiga oo isticmaalaya CSS — midabada, Typography, Flexbox, Grid, animations, iyo responsive design.

E

Macallin

Ereyle Team
📖

20 Cashar

qoraal ah

~160 min

waqti guud

🏆

Bilaash

gabi ahaanba

♾️

Weligaa

heli kartaa

Casharka Koorska

20 cashar oo dhan
1

Hordhaca CSS — Waa Maxay iyo Sida Loogu Xiro HTML

Baro waa maxay CSS, sababta loo baahan yahay, saddexda hab ee loogu xiro HTML, iyo qaab-dhismeedka xeerka CSS.

2

Xulayaasha CSS (Selectors)

Baro dhammaan noocyada xulayaasha CSS — element, class, id, pseudo-classes, pseudo-elements, iyo xulayaasha isku-dhafan.

3

Midabada iyo Gadaasha CSS

Baro dhammaan noocyada midabada CSS — hex, rgb, hsl, opacity — iyo gadaasha background oo dhan.

4

Typography — Farta iyo Qoraalka

Baro sida loo xakameeyo farta, cabbirka, culus-ta, xariiqda, iyo dhammaan sifooyinka qoraalka CSS.

5

Box Model — Qaabka Sanduuqa

Baro Box Model — margin, padding, border, width, height, iyo box-sizing — aasaaska meelaynta dhammaan walxaha CSS.

6

Display iyo Positioning — Meelaynta Curiyayaasha

Baro sifadaha display iyo position — sida walxahu meel ugu qaataan, sida loo meeleysto, iyo z-index.

7

Flexbox — Qaab-dhismeedka Hal-Jiho

Baro Flexbox oo dhan — flex container, flex items, justify-content, align-items, flex-wrap, iyo tusaalooyin dhabta ah.

8

CSS Grid — Qaab-dhismeedka Laba-Jiho

Baro CSS Grid — nidaamka laba-jiho ee layout-ka, grid-template-columns/rows, fr unit, grid-areas, iyo auto-fill.

9

Naqshadaynta La-jaanqaada Shaashadaha (Responsive Design)

Baro sida loo sameeyo bogag u shaqeeya shaashad kasta — mobile, tablet, iyo desktop.

10

Beddelayaasha CSS (Custom Properties)

Baro CSS Custom Properties — variables, theming, design tokens, iyo dark/light mode.

11

Wareegyada iyo Dhaqdhaqaaqa (Transitions & Animations)

Baro CSS transitions, @keyframes animations, transforms, iyo sida loo sameeyo dhaqdhaqaaq quruxbadan.

12

U-beddelka Qaabka (Transforms)

Baro CSS transforms oo dhan — translate, rotate, scale, skew, 3D transforms, iyo transform-origin.

13

Hadhka iyo Miirayaasha (Shadow & Filter)

Baro box-shadow, text-shadow, filter, backdrop-filter, iyo glassmorphism — hadhka iyo shaashada CSS.

14

Liisaska iyo Jadwallada CSS

Baro sida loo qurxiyo liisaska iyo jadwallada — list-style, CSS counters, border-collapse, zebra striping, iyo sticky headers.

15

Foomamka CSS (Form Styling)

Baro sida loo qurxiyo foomamka — inputs, buttons, custom checkbox/radio, validation states, iyo focus accessibility.

16

Tilmaamaha Adag ee CSS (Advanced Selectors)

Baro xulayaasha adag — :is(), :where(), :has(), :not(), nth-child, container queries, CSS nesting, iyo cascade layers.

17

Qaab-dhismeedka Bogga (Page Layout Patterns)

Baro layout patterns — Holy Grail, sticky footer, full-bleed, multi-column, aspect-ratio, iyo object-fit.

18

Sifooyinka Heersare ee CSS

Baro CSS horumarsan — clip-path, shape-outside, scroll-snap, background-clip:text, mask-image, iyo cursor variants.

19

Nidaamka Naqshadaynta (CSS Architecture)

Baro CSS Architecture — BEM naming, design tokens, utility-first, component-based CSS, iyo print stylesheet.

20

Mashruuca Gabagabada — Website Dhammaystiran

Mashruuca ugu dambeeya — dhameystir website-ka shaqsiyeed adigoo isticmaalaya dhammaan casharradii CSS.

Start today · It's free

Ready to learn
something new?

Browse community-written courses on any subject, or share your expertise by contributing on GitHub .

Browse Courses