Workshop மற்றும் நிலையங்கள்
TeachFORGE.ai
Workshop / HTML / CSS / JS
HTML / CSS / JS Station
பல-பலக ஆக்க இடத்தில் நேரடி வலைத் துண்டுகளைக் கட்டுங்கள் — உடன்-கட்டும் நிலைகள், அளவுரு மாறிகள், பக்கம் TeachForge-க்கு வெளியே வேண்டும்போது தனி HTML ஏற்றுமதி.
AI வரைவு தரும். வகுப்பு காண்பதை நீங்கள் தீர்மானிக்கிறீர்கள்.
HTML / CSS / JS என்றால் என்ன
HTML / CSS / JS பல-பலக வலை ஆக்க நிலையம். குறியீடு, பாணிகள், ஸ்கிரிப்ட்களை அருகருகே எழுதி, மணல்பெட்டி iframe-இல் பக்கத்தை முன்னோட்டமிட்டு — தேவைப்படும்போது — TeachForge-க்கு வெளியே பயன்படுத்தத் தனி HTML கோப்பை ஏற்றுமதிசெய்கிறீர்கள்.
கற்றவர் முடிவை உடனே காணும்போது வலைத் திறன்கள் பொருள்படும். ஒரு பாணியை மாற்றுக, உடன்-கட்டும் நிலையை அடியிடுக, அல்லது சிறிய ஊடாடும் பக்கத்தைக் காட்டுக — நேரடியாக, எதையும் பரப்பாமல்.
ஆசிரியர்கள் HTML / CSS / JS ஏன்?
நேரடி வலை விளக்கங்கள்
HTML, CSS, JavaScript ஒன்றாக நேரடியாக நடப்பதைக் காட்டுங்கள்.
உடன்-கட்டும் பாடங்கள்
நிலைகளைப் பிடித்து படிப்படியாக Present செய்யுங்கள் — வகுப்பு கட்டுமானத்தைப் பின்தொடர.
அளவுருக் கருப்பொருள்கள்
ஒவ்வொரு CSS மதிப்பையும் கையால் தேடாமல் கட்டுப்பாடுகளால் நிறங்களையும் மாறிகளையும் இயக்குங்கள்.
தனிக் கையளிப்புகள்
நிலையத்திற்கு அப்பால் பயன்படுத்த ஒரு HTML கோப்பை ஏற்றுமதிசெய்க.
TeachForge-இல் HTML / CSS / JS ஒரு Workshop நிலையம் — விரைவுக் குறியீட்டு துணுக்குகளுக்கு மட்டும் அல்ல, கற்பித்தல் பக்கங்களுக்காகக் கட்டப்பட்டது.
HTML / CSS / JS Station உள்ளே
மற்ற Workshop போல, பழக்கமான ஆக்கத் தாளம் — ஒன்றுக்குப் பதில் மூன்று பலகங்கள்.
- HTML, CSS, JS தொகுப்பிகள் விரைவுப் பலக மாற்றத்துடன்
- நேரடி அல்லது கைமுறைப் புதுப்பிப்பு மணல்பெட்டி iframe முன்னோட்டத்திற்குள்
- உடன்-கட்டும் நிலைகள் — பிடிப்பு, அடி, Present பயன்முறை
- அளவுரு மாறிகள் மீள்பயன் கருப்பொருள் மற்றும் மதிப்புக் கட்டுக்கு
- சாதன முன்னோட்டச் சட்டங்கள் மற்றும் KaTeX போன்ற விருப்ப நூலகங்கள்
- தனி HTML ஏற்றுமதி, மேம்பட்ட JSON, பகிர்தல், உட்பொதி, Whiteboard அனுப்புதல்
பலகங்கள் பக்கமாக ஆவது எப்படி
வார்ப்புருவிலிருந்து தொடங்குக அல்லது மூன்று பலகங்களையும் திருத்துக
பாடத்திற்குத் தேவைப்படும்போது நிலைகளையும் அளவுரு மாறிகளையும் சேர்க்கவும்.
நேரடி அல்லது கைமுறை முன்னோட்டம் இயக்கு
மணல்பெட்டி iframe பக்கத்தைக் கற்றவர் சந்திக்கும் விதத்தில் காட்டுகிறது.
நிலைகளைக் காட்டு, ஏற்றுமதி, அல்லது நேரடிக்கு அனுப்பு
முடிவைப் பலகைக்கு, ஒரு கேள்விக்குள், அல்லது தனி HTML ஆக எடுத்துச் செல்லுங்கள்.
ஒரு பக்கம். அதன் ஒவ்வொரு பதிப்பும்.
இந்த நிலையம் ஆதரிக்கும் அளவுரு மாறிகள் மற்றும் உடன்-கட்டும் நிலைகள்: பக்க அமைப்பை வைத்திருங்கள், கருப்பொருளை மாற்றுங்கள், கட்டுமானத்தை வரிசையில் வெளிப்படுத்துங்கள் — சற்று வேறுபட்ட பன்னிரண்டு HTML கோப்புகளைப் பராமரிக்காமல்.
கற்பிக்கும்போதே மாற்றுங்கள்
அளவுரு மதிப்புகளைச் சரிசெய்யுங்கள் அல்லது Present பயன்முறையில் அடுத்த நிலைக்கு அடியிடுங்கள்.
அமைப்பை வைத்திருங்கள், கருப்பொருளை மாற்றுங்கள்
அதே பக்கத் தொகுப்பு நாளை வேறு நிறம், தரவுத்தொகுப்பு அல்லது கடினத்தைக் காட்டலாம்.
முடிவை மட்டும் அல்ல, கட்டுமானத்தைக் கற்பியுங்கள்
நிலைகள் வகுப்பு பக்கம் ஒன்றுசேர்வதைப் பார்க்க விடுகின்றன.
மதிப்பீட்டிற்கு அருகில் இருங்கள்
எடுத்துச் செல்லும் JSON தொகுப்பைச் சேமித்து பின்னர் பாடங்களிலோ ஆய்வகங்களிலோ மீள்பயன்படுத்துங்கள்.
அதற்குப் பதில் விரைவு Run-and-console துணுக்கு வேண்டுமா? அதற்கு Code Sandbox சகோதர நிலையம். HTML / CSS / JS நிலைகளும் ஏற்றுமதியும் கொண்ட ஆக்கிய பக்கங்களுக்கானது.
தொடங்கத் தயாரான பக்கங்கள்
ஒரு வார்ப்புருவைத் திறந்து உங்கள் பாடத்திற்கு மறுவடிவமைக்கவும்:
| பகுதி | நீங்கள் திறக்கக்கூடியவை |
|---|---|
| அடித்தளங்கள் | வெற்று; சுயவிவர அட்டை; Flexbox விளையாட்டுத்தளம் |
| உடன்-கட்டுதல் | பொத்தான் நிலைகள்; நிறக் கருப்பொருள் மாற்றி |
| ஊடாடும் | கேன்வாஸ் அசைவூட்டம்; வினாடிவினா UI; தரவு அட்டவணை |
AI உதவி, உங்கள் வழியில்
முதல் வரைவு வேண்டுமா? AI-ஐ உதவியாளராகப் பயன்படுத்துங்கள் — பின்னர் கற்றவரை அடையும் முன் மதிப்பாய்வுசெய்து திருத்தி அங்கீகரிக்கவும்.
ப்ராம்ட்டை நகலெடுங்கள்
தயாரான ப்ராம்ட்டை உருவாக்கி நீங்கள் ஏற்கனவே பயன்படுத்தும் அரட்டைக் கருவியில் ஒட்டுங்கள்.
சொந்த GPU பயன்படுத்துக
அமைப்புகளில் உள்ளூர் மாதிரி முனையத்தை இணைத்து, நீங்கள் கட்டுப்படுத்தும் வன்பொருளில் உருவாக்கத்தை இயக்குங்கள்.
சொந்த API விசை பயன்படுத்துக
அமைப்புகளில் வழங்குநர் விசையைச் சேர்த்து, மாதிரியைத் தேர்ந்தெடுத்து, உங்கள் கணக்கிலேயே உருவாக்குங்கள்.
AI தவறாக இருக்கலாம். அதனால்தான் ஆசிரியர் வளையத்தில் இருக்கிறார்.
பக்கத்தைக் கற்பித்தல் இடத்திற்கு எடுங்கள்
- Whiteboard — நேரடிப் பலகையில் வைத்து வகுப்பு முன்னிலையில் சரிசெய்யுங்கள்
- Quest Ladder — கேள்விகளிலும் விளக்கங்களிலும் இடுங்கள்
- Virtual Lab — ஊடாடும் ஆய்வகப் பணியில் மீள்பயன்படுத்துங்கள்
- சமூகம் — நீங்கள் கட்டியதைப் பகிருங்கள், பிற கல்வியாளர்கள் பகிர்ந்ததன் மீது கட்டுங்கள்