Workshop و ایستگاه‌ها
TeachFORGE.ai
Workshop / HTML / CSS / JS
HTML / CSS / JS Station
قطعات وب زنده را در فضای نگارش چندپنجرهای بسازید — با مرحلههای ساختهمراه، متغیرهای پارامتری و خروجی HTML مستقل وقتی صفحه را بیرون TeachForge لازم دارید.
هوش مصنوعی میتواند پیشنویس بنویسد. شما تصمیم میگیرید کلاس چه ببیند.
HTML / CSS / JS چیست
HTML / CSS / JS یک Station نگارش وب چندپنجرهای است. نشانهگذاری، سبک و اسکریپت را کنار هم مینویسید، صفحه را در iframe جعبهشنی پیشنمایش میکنید، و — وقتی لازم است — یک پروندهٔ HTML مستقل خروجی میگیرید که بیرون TeachForge بهکار میبرید.
این در تدریس مهم است چون مهارت وب وقتی معنا دارد که یادگیرندگان نتیجه را فوری ببینند. سبک را عوض کنید، مرحلهٔ ساختهمراه را گام بزنید، یا صفحهٔ تعاملی کوچک را نشان دهید — زنده، بدون استقرار چیزی.
چرا معلمان از HTML / CSS / JS استفاده میکنند
نمایشهای وب زنده
نشان دهید HTML، CSS و JavaScript با هم در زمان واقعی رفتار میکنند.
درسهای ساخت گامبهگام
مرحلهها را بگیرید و گامبهگام ارائه کنید تا کلاس ساخت را دنبال کند.
تمهای پارامتری
رنگ و متغیر را با کنترلها برانید بهجای شکار تکتک مقدار CSS با دست.
جزوههای مستقل
یک پروندهٔ HTML برای استفاده بیرون ایستگاه خروجی بگیرید.
در TeachForge، HTML / CSS / JS یک Station از Workshop است — ساختهشده برای صفحات تدریس، نه فقط قطعههای سریع کد.
درون ایستگاه HTML / CSS / JS
مانند بقیهٔ Workshop، ریتم نگارش آشنایی میگیرید — با سه پنجره بهجای یکی.
- ویرایشگرهای HTML، CSS و JS با تعویض سریع قاب
- تازهسازی Live یا دستی به پیشنمایش iframe سندباکسشده
- مراحل ساخت — حالت ضبط، گام و Present
- متغیرهای پارامتری برای کنترلهای تم و مقدار قابل استفاده مجدد
- قابهای پیشنمایش دستگاه و کتابخانههای اختیاری مانند KaTeX
- خروجی HTML مستقل، Advanced JSON، اشتراک، جاسازی و ارسال به Whiteboard
چگونه قابها صفحه میشوند
از قالب شروع کنید یا سه پنجره را ویرایش کنید
وقتی درس لازم دارد مرحله و متغیر پارامتری اضافه کنید.
پیشنمایش Live یا Manual را اجرا کنید
iframe جعبهشنی صفحه را همانطور نشان می‌دهد که یادگیرندگان میبینند.
مراحل را ارائه دهید، برونبری کنید یا زنده بفرستید
نتیجه را به تخته، به یک پرسش، یا بیرون بهصورت HTML مستقل ببرید.
یک صفحه. هر نسخهٔ آن.
این Station پشتیبانی میکند از متغیرهای پارامتری و مراحل ساخت گامبهگام: ساختار صفحه را نگه دارید، تم را عوض کنید، و ساخت را بهترتیب آشکار کنید — بهجای نگهداشتن دوازده پروندهٔ HTML کمی متفاوت.
هنگام تدریس تغییر دهید
مقادیر پارامتری را تنظیم کنید یا در حالت ارائه به مرحلهٔ بعد بروید.
ساختار را نگه دارید، مضمون را عوض کنید
همان بستهٔ صفحه میتواند فردا تأکید، مجموعه داده یا دشواری دیگری نشان دهد.
ساخت را بیاموزید، نه فقط پایان را
مرحلهها میگذارند کلاس ببیند صفحه چگونه جمع میشود.
نزدیک ارزیابی بمانید
بستهٔ قابلحمل JSON را ذخیره کنید و در درسها یا آزمایشگاههای بعدی بازاستفاده کنید.
بهجایش قطعهٔ سریع Runوکنسول میخواهید؟ Code Sandbox ایستگاه خواهر برای آن است. HTML / CSS / JS برای صفحات نگارششده با مرحله و خروجی است.
صفحات آمادهای برای شروع
یک قالب باز کنید و برای درس خود شکلش دهید:
| Area | چه چیزی میتوانید باز کنید |
|---|---|
| بنیادها | خالی؛ کارت نمایه؛ زمین بازی Flexbox |
| ساخت گامبهگام | مراحل دکمه؛ تعویضکنندهٔ تم رنگ |
| تعاملی | پویانمایی بوم؛ رابط Quiz؛ جدول داده |
کمک هوش مصنوعی به شیوهٔ شما
پیشنویس اول میخواهید؟ از هوش مصنوعی بهعنوان دستیار استفاده کنید — سپس بازبینی، ویرایش و تأیید کنید قبل از آنکه چیزی به یادگیرندگان برسد.
پرامپت را کپی کنید
یک پرامپت آماده بسازید و در ابزار گفتوگویی که همین حالا استفاده میکنید جایگذاری کنید.
از GPU خودتان استفاده کنید
در تنظیمات یک نقطهٔ پایانی مدل محلی وصل کنید و تولید را روی سختافزاری که خودتان کنترل میکنید اجرا کنید.
از کلید API خودتان استفاده کنید
کلید ارائهدهنده را در تنظیمات اضافه کنید، مدل را انتخاب کنید و با حساب خودتان تولید کنید.
هوش مصنوعی ممکن است اشتباه کند. دقیقاً به همین دلیل معلم در حلقه میماند.
صفحه را جایی ببرید که تدریس رخ می‌دهد
- Whiteboard — روی تختهٔ زنده بگذارید و جلوی کلاس تنظیم کنید
- Quest Ladder — در پرسشها و توضیحات بیندازید
- Virtual Lab — در کار آزمایشگاهی تعاملی بازاستفاده کنید
- Community — آنچه ساختید را به اشتراک بگذارید و روی اشتراک دیگران بنا کنید