Workshop और स्टेशन
TeachFORGE.ai
Workshop / HTML / CSS / JS
HTML / CSS / JS Station
बहु-फलक लेखन स्थान में लाइव वेब टुकड़े बनाएँ — साथ-निर्माण चरण, पैरामीट्रिक चर, और जब पृष्ठ TeachForge के बाहर चाहिए तो स्वतंत्र HTML निर्यात के साथ।
एआई मसौदा बना सकता है। कक्षा क्या देखे, यह आप तय करते हैं।
HTML / CSS / JS क्या है
HTML / CSS / JS बहु-फलक वेब लेखन स्टेशन है। मार्कअप, शैलियाँ और स्क्रिप्ट साथ लिखें, सैंडबॉक्स iframe में पृष्ठ देखें, और — जब चाहिए — स्वतंत्र HTML फ़ाइल निर्यात करें जिसे TeachForge के बाहर इस्तेमाल कर सकें।
शिक्षण में यह इसलिए मायने रखता है क्योंकि वेब कौशल तब समझ आते हैं जब शिक्षार्थी परिणाम तुरंत देखें। शैली बदलें, साथ-निर्माण चरण बढ़ाएँ, या छोटा इंटरैक्टिव पृष्ठ दिखाएँ — लाइव, कुछ डिप्लॉय किए बिना।
शिक्षक HTML / CSS / JS क्यों इस्तेमाल करते हैं
लाइव वेब डेमो
HTML, CSS और JavaScript को वास्तविक समय में साथ व्यवहार करते दिखाएँ।
साथ-निर्माण पाठ
चरण कैप्चर करें और उन्हें चरण-दर-चरण Present करें ताकि कक्षा निर्माण का अनुसरण करे।
पैरामीट्रिक थीम
हर CSS मान हाथ से ढूँढ़ने की जगह नियंत्रण से रंग और चर चलाएँ।
स्वतंत्र हैंडआउट
स्टेशन से बाहर इस्तेमाल के लिए एक HTML फ़ाइल निर्यात करें।
TeachForge पर HTML / CSS / JS एक Workshop स्टेशन है — शिक्षण पृष्ठों के लिए बना, केवल त्वरित कोड स्निपेट के लिए नहीं।
HTML / CSS / JS स्टेशन के भीतर
Workshop के बाकी हिस्से की तरह परिचित लेखन लय मिलती है — एक की जगह तीन फलक।
- HTML, CSS और JS संपादक त्वरित फलक बदलने के साथ
- लाइव या मैन्युअल रीफ़्रेश सैंडबॉक्स iframe पूर्वावलोकन में
- साथ-निर्माण चरण — कैप्चर, चरण, और Present मोड
- पैरामीट्रिक चर पुनः उपयोग योग्य थीम और मान नियंत्रण के लिए
- उपकरण पूर्वावलोकन फ़्रेम और वैकल्पिक पुस्तकालय जैसे KaTeX
- स्वतंत्र HTML निर्यात, Advanced JSON, साझा, एम्बेड, और Whiteboard भेजें
फलक पृष्ठ कैसे बनते हैं
टेम्प्लेट से शुरू करें या तीन फलक संपादित करें
जब पाठ माँगे तो चरण और पैरामीट्रिक चर जोड़ें।
लाइव या मैन्युअल पूर्वावलोकन चलाएँ
सैंडबॉक्स iframe पृष्ठ वैसा दिखाता है जैसा शिक्षार्थी उसे मिलेंगे।
चरण Present करें, निर्यात करें, या लाइव भेजें
परिणाम बोर्ड पर, प्रश्न में, या स्वतंत्र HTML के रूप में ले जाएँ।
एक पृष्ठ। उसके हर संस्करण।
यह स्टेशन समर्थन करता है पैरामीट्रिक चर और साथ-निर्माण चरण: पृष्ठ संरचना रखें, थीम बदलें, और निर्माण क्रम से दिखाएँ — बारह थोड़े भिन्न HTML फ़ाइलें रखने की जगह।
पढ़ाते समय बदलें
पैरामीट्रिक मान समायोजित करें या Present मोड में अगले चरण पर जाएँ।
संरचना रखें, थीम बदलें
वही पृष्ठ पैकेज कल अलग उच्चारण, डेटासेट या कठिनाई दिखा सकता है।
निर्माण सिखाएँ, केवल समापन नहीं
चरण कक्षा को पृष्ठ जुटते देखने देते हैं।
मूल्यांकन के पास रहें
पोर्टेबल JSON पैकेज सहेजें और बाद के पाठों या प्रयोगशालाओं में पुनः उपयोग करें।
त्वरित Run-और-कंसोल स्निपेट चाहिए? उसके लिए Code Sandbox सहोदर स्टेशन है। HTML / CSS / JS चरण और निर्यात वाले लिखे पृष्ठों के लिए है।
शुरुआत के तैयार पृष्ठ
टेम्प्लेट खोलें और पाठ के लिए नया रूप दें:
| क्षेत्र | आप क्या खोल सकते हैं |
|---|---|
| आधार | खाली; प्रोफ़ाइल कार्ड; Flexbox खेल मैदान |
| साथ-निर्माण | बटन चरण; रंग थीम स्विचर |
| इंटरैक्टिव | कैनवस एनिमेशन; प्रश्नोत्तरी UI; डेटा तालिका |
एआई सहायता, आपके तरीके से
पहला मसौदा चाहिए? एआई को सहायक बनाएँ — फिर समीक्षा, संपादन और स्वीकृति दें, इससे पहले कि कुछ शिक्षार्थियों तक पहुँचे।
प्रॉम्प्ट कॉपी करें
तैयार प्रॉम्प्ट बनाएँ और जिस चैट उपकरण का आप पहले से उपयोग करते हैं उसमें चिपकाएँ।
अपना GPU इस्तेमाल करें
सेटिंग्स में स्थानीय मॉडल एंडपॉइंट जोड़ें और उसी हार्डवेयर पर जनरेशन चलाएँ जिस पर आपका नियंत्रण है।
अपनी API कुंजी इस्तेमाल करें
सेटिंग्स में प्रदाता कुंजी जोड़ें, मॉडल चुनें, और अपने खाते से जनरेट करें।
एआई गलत हो सकता है। यही कारण है कि शिक्षक चक्र में रहते हैं।
पृष्ठ वहाँ ले जाएँ जहाँ शिक्षण होता है
- Whiteboard — इसे लाइव बोर्ड पर रखें और कक्षा के सामने समायोजित करें
- Quest Ladder — इसे प्रश्नों और व्याख्याओं में डालें
- Virtual Lab — इंटरैक्टिव प्रयोगशाला कार्य में पुनः उपयोग करें
- समुदाय — जो बनाया वह साझा करें, और अन्य शिक्षकों की साझा कृतियों पर बनाएँ