Workshop ও স্টেশন
TeachFORGE.ai
Workshop / HTML / CSS / JS
HTML / CSS / JS স্টেশন
বহু-ফলক রচনা স্থানে লাইভ ওয়েব টুকরো গড়ুন — সাথে-গড়ার স্তর, প্যারামেট্রিক চলক, এবং পৃষ্ঠা TeachForge-এর বাইরে দরকার হলে স্বতন্ত্র HTML রপ্তানিসহ।
এআই খসড়া করতে পারে। ক্লাস কী দেখবে, তা আপনিই ঠিক করেন।
HTML / CSS / JS কী
HTML / CSS / JS বহু-ফলক ওয়েব রচনা স্টেশন। মার্কআপ, শৈলী ও স্ক্রিপ্ট পাশাপাশি লেখেন, স্যান্ডবক্স iframe-এ পৃষ্ঠা দেখেন, এবং — দরকার হলে — স্বতন্ত্র HTML ফাইল রপ্তানি করেন যা TeachForge-এর বাইরে ব্যবহার করতে পারেন।
শিক্ষায় এটি গুরুত্বপূর্ণ কারণ ওয়েব দক্ষতা তখন বোঝে যখন শিক্ষার্থীরা ফল তখনই দেখে। শৈলী বদলান, সাথে-গড়ার স্তর বাড়ান, বা ছোট ইন্টারঅ্যাকটিভ পৃষ্ঠা দেখান — লাইভ, কিছু ডিপ্লয় না করে।
শিক্ষকরা HTML / CSS / JS কেন ব্যবহার করেন
লাইভ ওয়েব ডেমো
HTML, CSS এবং JavaScript একসাথে বাস্তব সময়ে আচরণ করতে দেখান।
সাথে-গড়ার পাঠ
স্তর ধরুন এবং ধাপে ধাপে প্রেজেন্ট করুন যাতে ক্লাস নির্মাণ অনুসরণ করে।
প্যারামেট্রিক থিম
প্রতিটি CSS মান হাতে না খুঁজে নিয়ন্ত্রণ দিয়ে রং ও চলক চালান।
স্বতন্ত্র হ্যান্ডআউট
স্টেশনের বাইরে ব্যবহারের জন্য একটি HTML ফাইল রপ্তানি করুন।
TeachForge-এ HTML / CSS / JS একটি Workshop স্টেশন — শিক্ষণ পৃষ্ঠার জন্য তৈরি, শুধু দ্রুত কোড স্নিপেটের জন্য নয়।
HTML / CSS / JS স্টেশনের ভিতরে
Workshop-এর বাকি অংশের মতো চেনা রচনা ছন্দ পান — একের বদলে তিন ফলক।
- HTML, CSS এবং JS সম্পাদক দ্রুত ফলক বদলসহ
- লাইভ বা ম্যানুয়াল রিফ্রেশ স্যান্ডবক্স iframe পূর্বরূপে
- সাথে-গড়ার স্তর — ধরা, ধাপ এবং প্রেজেন্ট মোড
- প্যারামেট্রিক চলক পুনর্ব্যবহারযোগ্য থিম ও মান নিয়ন্ত্রণের জন্য
- ডিভাইস পূর্বরূপ ফ্রেম এবং KaTeX-এর মতো ঐচ্ছিক লাইব্রেরি
- স্বতন্ত্র HTML রপ্তানি, অ্যাডভান্সড JSON, শেয়ার, এম্বেড এবং Whiteboard-এ পাঠানো
ফলক কীভাবে পৃষ্ঠা হয়
টেমপ্লেট থেকে শুরু করুন অথবা তিন ফলক সম্পাদনা করুন
পাঠ চাইলে স্তর ও প্যারামেট্রিক চলক যোগ করুন।
লাইভ বা ম্যানুয়াল পূর্বরূপ চালান
স্যান্ডবক্স iframe পৃষ্ঠা দেখায় যেমন শিক্ষার্থীরা পাবে।
স্তর প্রেজেন্ট করুন, রপ্তানি করুন, অথবা লাইভ পাঠান
ফল বোর্ডে, প্রশ্নে, অথবা স্বতন্ত্র HTML হিসেবে নিয়ে যান।
একটি পৃষ্ঠা। তার প্রতিটি সংস্করণ।
এই স্টেশন সমর্থন করে প্যারামেট্রিক চলক এবং সাথে-গড়ার স্তর: পৃষ্ঠার কাঠামো রাখুন, থিম বদলান, এবং নির্মাণ ক্রমে দেখান — বারোটি সামান্য ভিন্ন HTML ফাইল না রেখে।
পড়ানোর সময়ই বদলান
প্যারামেট্রিক মান মিলিয়ে নিন অথবা প্রেজেন্ট মোডে পরের স্তরে যান।
কাঠামো রাখুন, থিম বদলান
একই পৃষ্ঠা প্যাকেজ আগামীকাল ভিন্ন উচ্চারণ, ডেটাসেট বা কঠিনতা দেখাতে পারে।
গড়া শেখান, শুধু শেষ নয়
স্তর ক্লাসকে পৃষ্ঠা জড়ো হতে দেখতে দেয়।
মূল্যায়নের কাছে থাকুন
পোর্টেবল JSON প্যাকেজ সংরক্ষণ করুন এবং পরের পাঠ বা ল্যাবে পুনরায় ব্যবহার করুন।
তার বদলে দ্রুত চালান-ও-কনসোল স্নিপেট দরকার? কোড স্যান্ডবক্স সেই ভাই স্টেশন। HTML / CSS / JS স্তর ও রপ্তানিসহ রচিত পৃষ্ঠার জন্য।
শুরু করার প্রস্তুত পৃষ্ঠা
টেমপ্লেট খুলুন এবং পাঠের জন্য আকার দিন:
| এলাকা | আপনি কী খুলতে পারেন |
|---|---|
| ভিত্তি | খালি; প্রোফাইল কার্ড; ফ্লেক্সবক্স খেলার মাঠ |
| সাথে-গড়া | বোতাম স্তর; রঙ থিম সুইচার |
| ইন্টারঅ্যাকটিভ | ক্যানভাস অ্যানিমেশন; কুইজ UI; ডেটা সারণি |
এআই সহায়তা, আপনার নিয়মে
প্রথম খসড়া দরকার? এআইকে সহায়ক হিসেবে ব্যবহার করুন — তারপর শিক্ষার্থীদের কাছে যাওয়ার আগে পর্যালোচনা, সম্পাদনা ও অনুমোদন করুন।
প্রম্পট কপি করুন
একটি প্রস্তুত প্রম্পট তৈরি করে আপনি যে চ্যাট টুল ব্যবহার করেন তাতে সাঁটুন।
নিজের GPU ব্যবহার করুন
সেটিংসে একটি স্থানীয় মডেল এন্ডপয়েন্ট সংযুক্ত করুন এবং আপনার নিয়ন্ত্রিত হার্ডওয়্যারে জেনারেশন চালান।
নিজের API কী ব্যবহার করুন
সেটিংসে প্রোভাইডার কী যোগ করুন, মডেল বেছে নিন, এবং নিজের অ্যাকাউন্টে তৈরি করুন।
এআই ভুল হতে পারে। তাই শিক্ষক লুপে থাকেন।
পৃষ্ঠা সেখানে নিয়ে যান যেখানে শিক্ষা হয়
- Whiteboard — লাইভ বোর্ডে রাখুন এবং ক্লাসের সামনে মিলিয়ে নিন
- Quest Ladder — প্রশ্ন ও ব্যাখ্যায় ফেলুন
- Virtual Lab — ইন্টারঅ্যাকটিভ ল্যাব কাজে পুনরায় ব্যবহার করুন
- কমিউনিটি — যা বানিয়েছেন শেয়ার করুন, এবং অন্য শিক্ষকের শেয়ার করা জিনিস থেকে এগোন