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