> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xkat.space/llms.txt
> Use this file to discover all available pages before exploring further.

# संपादक + लाइव पूर्वावलोकन

> तत्काल इन-ब्राउज़र रेंडरिंग के साथ फ्रंटएंड अभ्यास।

फ्रंटएंड पाठों के लिए, डायनामिक वर्कस्पेस **एडिटर को लाइव वेब के साथ जोड़ता है
पूर्वावलोकन** जो आपके परिवर्तनों को तुरंत प्रस्तुत करता है।

## यह कैसे काम करता है

<कदम>
  <चरण शीर्षक="मार्कअप, शैलियाँ या घटक संपादित करें">
    संपादक में HTML, CSS, या फ़्रेमवर्क कोड बदलें।
  </चरण>

  <चरण शीर्षक="इसे तुरंत प्रस्तुत होते हुए देखें">
    लाइव पूर्वावलोकन पैनल वास्तविक समय में अपडेट होता है - कोई सेव-एंड-रीफ्रेश चक्र नहीं।
  </चरण>

  <चरण शीर्षक="जल्दी से पुनरावृति करें">
    एक सख्त फीडबैक लूप में बदलाव करें और निरीक्षण करें, जिस तरह से वास्तविक फ्रंटएंड कार्य महसूस होता है।
  </चरण>
</कदम>

## सुरक्षित, सैंडबॉक्स्ड रेंडरिंग

आपका कोड एक अलग वातावरण में रेंडर होता है ताकि यह सुरक्षित रूप से चल सके
ब्राउज़र अभी भी एक वास्तविक पृष्ठ की तरह व्यवहार कर रहा है।

<टिप>
  यूआई बना रहे हैं और कुछ गड़बड़ दिख रहा है? \[एआई ट्यूटर] से पूछें(/हाय/लर्न/एआई-ट्यूटर)
  अपने कोड का निरीक्षण करने और सुधार का सुझाव देने के लिए।
</टिप>

\##संबंधित

<कार्डग्रुप कॉल्स={2}>
  <कार्ड शीर्षक="बैकएंड प्रैक्टिस" आइकन="टर्मिनल" href="/hi/learn/workspace/editor-टर्मिनल">
    दूरस्थ संकलन के साथ संपादक + टर्मिनल।
  </कार्ड>

  <कार्ड शीर्षक="शून्य सेटअप" आइकन="बोल्ट" href="/hi/learn/workspace/zero-setup">
    स्थापित करने के लिए कुछ भी क्यों नहीं है?
  </कार्ड>
</कार्डग्रुप>