Learn CSS

اپنے پہلے سلیکٹر سے لے کر ریسپانسیو لے آؤٹس، اینیمیشنز اور جدید ویب ڈیزائن تک مرحلہ وار CSS سیکھیں۔ CSS کی ایک لائن ٹائپ کریں اور اپنے فون پر صفحہ کی تبدیلی دیکھیں: ایڈیٹر آپ کے HTML اور CSS کو ایک لائیو پیش نظارہ کے ساتھ ساتھ دکھاتا ہے۔

یہ سی ایس ایس ٹیوٹوریل ابتدائیوں کے لیے بنایا گیا ہے اور آپ کے ساتھ بڑھتا ہے۔ ہر کورس ایک حقیقی موضوع ہوتا ہے، ہر سبق مختصر ہوتا ہے، اور ایڈیٹر ہمیشہ ایک تھپتھپانے کی دوری پر ہوتا ہے، لہذا آپ اس کے بارے میں صرف پڑھنے کے بجائے جو کچھ پڑھتے ہیں اس پر عمل کریں۔

اندر کیا ہے۔

• 40 کورسز اور 159 بائٹ سائز کے اسباق، ابتدائی (A1) سے لے کر ایڈوانسڈ (C1) تک

• فوری تجربات اور آپ کے اپنے صفحات کے لیے فوری پیش نظارہ کے ساتھ ایک لائیو HTML اور CSS ایڈیٹر

• 20 گائیڈڈ ویب ڈیزائن پروجیکٹس، ایک وقت میں ایک قدم: ایک ٹول بار، ایک کارڈ گرڈ، ایک چسپاں ہیڈر، ایک پلسنگ بٹن اور بہت کچھ

• 20 بگ ہنٹ مشن: ایک کارڈ اس کے کالم سے 42px چوڑا، ایک میڈیا سوال جو کبھی بھی فون پر فائر نہیں ہوتا، صفحہ کے پیچھے ایک موڈل پھنس جاتا ہے۔

• ایک حتمی امتحان اور تکمیل کا سرٹیفکیٹ

• ایپ 22 زبانوں میں دستیاب ہے۔

ایک مکمل راستہ، ترقی کی طرف مبتدی

• نحو اور سلیکٹرز، رنگ، پس منظر اور نوع ٹائپ

• باکس ماڈل، ڈسپلے، پوزیشننگ، یونٹس اور اقدار

• سیوڈو کلاسز اور سیوڈو عناصر

• Flexbox کے بنیادی اصول اور جدید flexbox

• گرڈ کی بنیادی باتیں، گرڈ ایریاز اور ایڈوانس گرڈ لے آؤٹ

• ذمہ دار ڈیزائن، میڈیا کے سوالات اور کنٹینر کے سوالات

• حسب ضرورت خصوصیات (متغیرات)، افعال، مخصوصیت، جھرن اور @ پرت

ٹرانزیشنز، ٹرانسفارمز، کی فریم اینیمیشن، فلٹرز اور بلینڈ موڈز

• ڈارک موڈ اور رنگ سکیمیں، اسکرول اور اوور فلو، کلپ پاتھ اور شکلیں۔

• DevTools، BEM فن تعمیر، Sass، PostCSS اور ڈیزائن ٹوکنز کے ساتھ ڈیبگنگ

• اجزاء کے پیٹرن، جدید ترتیب پیٹرن، کارکردگی اور Houdini

اسٹک کی مشق کریں۔

• آپ نے کیا سیکھا یہ چیک کرنے کے لیے کوئزز

• پراپرٹیز، سلیکٹرز اور لے آؤٹ نحو کے 69 اندراجات کے ساتھ ایک چیٹ شیٹ

• واضح جوابات کے ساتھ انٹرویو کے 50 سوالات، جو فرنٹ اینڈ یا ویب ڈویلپر کے انٹرویو سے پہلے مفید ہیں۔

• مختصر مثالوں کی ایک کوڈ لائبریری جو آپ کھول اور ترمیم کر سکتے ہیں۔

• اپنا کوڈ، نوٹس اور پسندیدہ اسباق محفوظ کریں۔

• ورلڈ کوڈنگ چیلنج: ایک دن میں تین عالمی راؤنڈ، Python، JavaScript اور دیگر زبانوں میں حل

• اپنی مشق کو جاری رکھنے کے لیے اسٹریکس، XP، ایک لیڈر بورڈ اور روزانہ یاد دہانیاں

اے آئی مینٹر

• کسی لے آؤٹ یا پراپرٹی پر پھنس گئے؟ AI سرپرست سے کسی تصور، غلطی یا اپنے کوڈ کے بارے میں پوچھیں۔

• AI کھیل کا میدان: ایک صفحہ کی وضاحت کریں اور HTML اور CSS کو بنتے ہوئے دیکھیں

• مفت صارفین کو روزانہ AI الاؤنس ملتا ہے۔ پرو اسے لامحدود بنا دیتا ہے۔

یہ کس کے لیے ہے۔

• ویب ڈویلپمنٹ میں اپنے پہلے قدم اٹھانے والے مکمل طور پر

• وہ ڈیزائنرز جو ماک اپس دینے کے بجائے اپنے صفحات کو اسٹائل کرنا چاہتے ہیں۔

• وہ طلباء جو ویب ڈیزائن کورس کے ساتھ اضافی مشق چاہتے ہیں۔

• وہ ڈویلپر جو کچھ HTML اور CSS جانتے ہیں اور آخر میں flexbox اور گرڈ کو سمجھنا چاہتے ہیں۔

• کیریئر سوئچرز فرنٹ اینڈ جاب کی تیاری کر رہے ہیں۔

یہ کیسے کام کرتا ہے۔

1. مفت پہلے کورس کے ساتھ شروع کریں: CSS نحو اور سلیکٹرز

2. ایڈیٹر کھولیں، ایک قدر تبدیل کریں اور پیش نظارہ فالو دیکھیں

3. راستے پر بڑھیں: باکس ماڈل، فلیکس باکس، گرڈ، ریسپانسیو ڈیزائن اور اینیمیشن

4. گائیڈڈ پروجیکٹس بنائیں اور مشنوں میں اصلی لے آؤٹ کیڑے ٹھیک کریں۔

5. فائنل امتحان پاس کریں اور اپنا سرٹیفکیٹ حاصل کریں۔

مفت اور پرو

پہلا کورس، پہلا گائیڈڈ پروجیکٹ، دو مشنز اور لائیو ایڈیٹر روزانہ AI سرپرست الاؤنس کے ساتھ مفت ہیں۔ پرو ہر کورس، تمام پروجیکٹس اور مشنز، سرٹیفکیٹ امتحان اور لامحدود AI کو کھولتا ہے، اور اشتہارات کو ہٹاتا ہے۔

آج ہی شروع کریں، اپنی رفتار سے CSS سیکھیں اور منٹوں میں اپنا پہلا صفحہ اسٹائل کریں۔