Text.js

اپنے کونسول میں ڈیپلائے ڈیش بورڈ بنائیں

اس مفت کورس میں 10 ابواب ہیں۔ آپ Acme Deploys کو خالی صفحے سے روٹس، ڈیٹا اور ٹیسٹس والی ڈیپلائے شدہ ایپ تک بنائیں گے۔ ہر باب آپ کے پڑھنے کے دوران DevTools میں لائیو چلتا ہے۔

سیکھنا شروع کریں

10 ابواب · تقریباً 65 منٹ · Chrome، Edge، Firefox یا Safari

پیش رفت0/10
  1. 01شروعاتایپ بنائیں، اپنا پہلا صفحہ رینڈر کریں اور کلید کا جواب دیں۔5 منٹ
  2. 02⁦Box⁩ کے ساتھ لے آؤٹسیلز میں Flexbox سے ڈیش بورڈ کا شیل بنائیں: اوپری بار، سائیڈ بار اور کارڈز۔7 منٹ
  3. 03متن اور اسٹائلنگرنگوں، متن کی خصوصیات اور تھیم ٹوکنز سے ڈیپلائمنٹ کارڈ کو اسٹائل دیں۔6 منٹ
  4. 04ان پٹ اور کی میپسکی بورڈ سے ڈیپلائمنٹس میں نیویگیٹ کریں اور ? ہیلپ اوورلے شامل کریں۔8 منٹ
  5. 05روٹنگایپ کو مشترکہ لے آؤٹ، شارٹ کٹس والے لنکس اور ہسٹری کے ساتھ روٹس میں تقسیم کریں۔8 منٹ
  6. 06ڈیٹا اور روٹ ہینڈلرز⁦app/api⁩ سے ڈیپلائمنٹس پیش کریں، صفحے میں انہیں حاصل کریں اور نئی ڈیپلائمنٹس پوسٹ کریں۔8 منٹ
  7. 07⁦Table⁩، List اور چارٹسخود بنائی گئی قطاروں کی جگہ ترتیب دینے کے قابل Table اور ایسا چارٹ استعمال کریں جو لے آؤٹ کو کبھی نہ ہلائے۔7 منٹ
  8. 08ٹیسٹنگآف اسکرین رینڈر کریں، کلیدیں دبائیں اور فریم کو متن کی صورت میں جانچیں۔6 منٹ
  9. 09ٹرمینل میں چلانا⁦text run⁩ کمانڈ سے یہی ڈیش بورڈ ٹرمینل میں پوری اسکرین پر چلائیں۔5 منٹ
  10. 10ریلیزبلڈ کریں، میٹا ڈیٹا سیٹ کریں اور ⁦Acme Deploys⁩ ڈیپلائے کریں۔4 منٹ
  11. ▼سرٹیفکیٹاپنے نام کا سرٹیفکیٹ حاصل کریں، کونسول میں رینڈر کیا ہوا۔

کورس آپ کے کونسول میں چلتا ہے

⌘⌥JCtrl+Shift+J⌘⌥KCtrl+Shift+K⌘⌥C سے کونسول کھولیں (پہلے ڈیولپر فیچرز فعال کریں)، نیچے کلک کریں اور تیر والی کلیدوں سے باب منتخب کریں۔

▼ learn

کونسول کھولیں

⌘⌥J
CtrlShiftJ
⌘⌥K
CtrlShiftK
⌘⌥C

ایپ DevTools میں رینڈر ہوتی ہے۔پہلے Safari کی ترتیبات → ایڈوانسڈ میں “ویب ڈیولپرز کے لیے فیچرز دکھائیں” آن کریں۔ پھر یہاں کلک کریں اور ↓ دبائیں۔

ڈیسک ٹاپ پر کھولیں

یہ ایپ DevTools کونسول میں رینڈر ہوتی ہے، جس کے لیے ڈیسک ٹاپ براؤزر چاہیے۔