অধ্যায় শেষ করার জন্য যা যা দরকার, সবই।
ইন্টারঅ্যাক্টিভ 3D ভিজ্যুয়ালাইজেশন। হাতে-ট্রেস করা PyTorch। একই অনুচ্ছেদে গণিত, কোড আর ডায়াগ্রাম। প্রতিটি ডিভাইসে সিঙ্ক হওয়া অগ্রগতি। হাইড্রেট হওয়ার আগেই লোড হওয়া স্ট্যাটিক-ফার্স্ট পৃষ্ঠা।
ইন্টারঅ্যাক্টিভ 3D, GIF নয়।
প্রতিটি টেনসর, প্রতিটি ট্রান্সফরমার ব্লক, প্রতিটি ক্রিস্টাল ল্যাটিস একটি সত্যিকারের Three.js দৃশ্য, যা আপনি ঘোরাতে, টানতে, জুম করতে পারেন — ভিডিও নয়।
প্রতিটি লাইন, হাতে ট্রেস করা।
শিক্ষকসুলভ ওয়াকথ্রু: আর্গুমেন্ট, শেপ, প্রকৃত মান, এজ কেস। কোনো ধাপ বাদ যায় না, কোনো প্যারামিটার হাত-নেড়ে এড়িয়ে যাওয়া হয় না।
গণিত, কোড, ডায়াগ্রাম — একসাথে।
সমীকরণ, তার PyTorch রূপান্তর, আর ধারণাটা — সবই একই অনুচ্ছেদে থাকে। ট্যাব বদলাতে হয় না, প্রসঙ্গ হারায় না।
আপনার রিডারে বাঁধা নোট।
বুকমার্ক, অগ্রগতি, নোট — সব ডিভাইসে সিঙ্ক হয়। যে অনুচ্ছেদে চিহ্নিত করেছেন, ঠিক সেখান থেকেই যেকোনো মেশিনে শুরু করুন।
স্ট্যাটিক-ফার্স্ট, তাৎক্ষণিক লোড।
একটি বাইট JS হাইড্রেট হওয়ার আগেই প্রথম স্ক্রিন পড়ার উপযোগী। কোনো স্পিনার নেই, স্কেলিটন ফ্ল্যাশ নেই, FCP জরিমানা নেই।
ডেমোর ওপারে।
প্রোডাকশনের ট্রেডঅফ, ব্যর্থতার ধরন, খরচের রেখাচিত্র, আর সেসব গভীরতর কৌশল, যা টিউটোরিয়াল কখনো শেষ করে না।
শুধু সূত্র নয়, জ্যামিতিটা দেখুন।
স্থানের মধ্যে থাকা প্রতিটি ধারণা — অ্যাটেনশন হেড, টেনসর রিশেপ, ব্রাভে ল্যাটিস, প্যারামেট্রিক সারফেস, ভেক্টর ফিল্ড — একটি সত্যিকারের ইন্টারঅ্যাক্টিভ 3D দৃশ্য। Three.js + @react-three/fiber দিয়ে তৈরি, প্রি-রেন্ডার করা ভিডিও নয়।
- যেকোনো ভেক্টরের প্রান্ত টেনে ধরুন, তার ইমেজ ভেক্টর সরাসরি বদলাতে দেখুন
- একটি ক্রিস্টাল ল্যাটিস 3D-তে ঘোরান, ইউনিট সেল রেপ্লিকেট করুন
- স্লাইডার দিয়ে যেকোনো অক্ষ বরাবর টেনসর স্লাইস করুন
- এক ক্লিকে কোঅর্ডিনেট ফ্রেম বদলান
q = x @ W_q k = x @ W_k attn = softmax(q @ k.T / √d)
PyTorch-এর প্রতিটি লাইন, মান পর্যায়ে ব্যাখ্যা করা।
আমরা শুধু একটা কোড ব্লক পেস্ট করে বলি না, `শেষ অক্ষ বরাবর সফটম্যাক্স, বুঝলেন তো?`। প্রতিটি ফাংশন পায় শিক্ষকসুলভ একটা কার্ড: প্রতিটি আর্গুমেন্ট, প্রকৃত সাংখ্যিক মান, শেপ পরিবর্তন, এজ কেস। লুপ আনরোল করা হয়। কিছুই বাদ যায় না।
- প্রতিটি লাইন পায় নিজস্ব অ্যানোটেটেড কার্ড
- শুধু (B, H, D)-এর মতো শেপ নয়, প্রকৃত মান দেখানো হয়
- সব ফাংশন প্যারামিটার ব্যাখ্যা করা হয়, শুধু আকর্ষণীয়গুলো নয়
- লুপ ধাপে ধাপে বিস্তারিত করা হয়
q = x @ W_q k = x @ W_k attn = softmax(q @ k.T / √d)
গণিত, কোড আর ডায়াগ্রাম কখনো আলাদা হয় না।
টিউটোরিয়াল আপনাকে LaTeX, PyTorch আর ছবির মধ্যে ট্যাব বদলাতে বাধ্য করে। আমরা এগুলো একই অনুচ্ছেদে, ইনলাইনে, পাশাপাশি রেন্ডার করি — কারণ কর্মরত প্রকৌশলীরা আসলে এভাবেই ভাবেন।
- KaTeX ইনলাইন গণিত (γ, σ², ∇, সবকিছু)
- কপি বাটনসহ সিনট্যাক্স-হাইলাইট করা কোড ব্লক
- যে সমীকরণ থেকে এসেছে, তার পাশেই হাতে বানানো SVG ডায়াগ্রাম
- স্প্রেডশিটের স্ক্রিনশট নয়, সাংখ্যিক ওয়াকথ্রুর জন্য টেবিল
আমরা প্রতিটি চ্যানেলকে নরমালাইজ করি: ŷ = (x − μ) / √(σ²+ε), এরপর স্কেল-এন্ড-শিফট করি γ, β ∈ ℝᶜ.
y = γ * (x - μ) / (σ.pow(2) + ε).sqrt() + β
আপনার বই মনে রাখে কোথায় থেমেছিলেন।
বুকমার্ক, অগ্রগতি, নোট, হাইলাইট — আপনার অ্যাকাউন্টে বাঁধা, প্রতিটি ডিভাইসে সিঙ্ক হয়। ল্যাপটপ, আইপ্যাড, ফোন খুলুন; যে অনুচ্ছেদে চিহ্নিত করেছেন, ঠিক সেখান থেকেই শুরু করুন।
- সাইডবারে প্রতি-অনুচ্ছেদ অগ্রগতি বার
- যেকোনো শিরোনাম বা সমীকরণ বুকমার্ক করুন
- নির্দিষ্ট অনুচ্ছেদে মার্জিন নোট যুক্ত হয়
- সব খণ্ড জুড়ে সম্প্রতি খোলার তালিকা
একটি বাইট হাইড্রেট হওয়ার আগেই পড়ার উপযোগী।
প্রতিটি অনুচ্ছেদ পৃষ্ঠা সার্ভার-রেন্ডার করা HTML — গণিত, কোড, ডায়াগ্রাম পৃষ্ঠার সাথেই আসে। ইন্টারঅ্যাক্টিভ 3D অংশগুলো ধীরে ধীরে হাইড্রেট হয়। কোনো স্পিনার নেই, স্কেলিটন ফ্ল্যাশ নেই, ফার্স্ট-কনটেন্টফুল-পেইন্ট জরিমানা নেই।
- কোল্ড ক্যাশেতেও সাব-সেকেন্ড LCP
- অধ্যায় পড়তে কোনো ক্লায়েন্ট JS লাগে না
- স্ক্রল করে দেখা না পড়া পর্যন্ত ভারী 3D ভিউয়ার লোড হয় না
- ধীরগতির সংযোগে দীর্ঘ পাঠের জন্য তৈরি
যেসব সুবিধা জমতে থাকে।
এগুলোর কোনোটাই হেডলাইন ফিচার নয়। কিন্তু একসাথে মিলে এগুলোই কারণ, কেন আপনি সত্যিই অধ্যায় শেষ করেন।
একটি অধ্যায় পড়ে দেখুন। নিজেই বিচার করুন।
পাঠক প্ল্যান চিরকালের জন্য ফ্রি। ফ্রি নমুনা অধ্যায়টি খুলুন, আর 90 সেকেন্ডেই পার্থক্যটা অনুভব করুন।