JavaScript শেখার সবচেয়ে Smart Way: Laptop ছাড়াই Practice করুন, Mobile দিয়েই Real Website এ Script Test করুন

JavaScript শেখার সময় সবচেয়ে বড় যে ভুলটা প্রায় সবাই করে, সেটা হলো—
Practice না করা।

অনেকেই কোর্স করে, ভিডিও দেখে, নোট মুখস্থ করে মনে করে JavaScript শিখে ফেলেছে।
কিন্তু বাস্তব সত্যি হলো—
Practice ছাড়া JavaScript শেখা সম্ভব না।

মুখস্থ বিদ্যা বেশি দিন থাকে না।
আমাদের মাথায় সব সময় নতুন নতুন আইডিয়া ঘোরে—
কিন্তু সেই আইডিয়া যদি সাথে সাথে পরীক্ষা না করা যায়, তাহলে ধীরে ধীরে সব হারিয়ে যায়।

—

কেন Practice না করলে JavaScript শেখা যায় না

ধরো তুমি JavaScript শিখছো।
অনেক টাকা খরচ করে কোর্স করছো।
কিন্তু প্রতিদিন যদি নিজে হাতে script লিখে, run করে, ভুল দেখে ঠিক না করো—
তাহলে শেখাটা শুধু কাগজেই থেকে যাবে।

JavaScript এমন একটা language—
যেটা না লিখলে, না ভাঙলে, না test করলে বোঝা যায় না
👉 কোন script কেন কাজ করছে
👉 কোথায় error হচ্ছে
👉 real website এ গেলে কী সমস্যা হবে

—

Laptop না থাকলে Practice বন্ধ? একদমই না

এখন একটা real life situation ভাবো—

তুমি কোথাও বন্ধুদের সাথে আড্ডা দিচ্ছো।
হঠাৎ মাথায় একটা JavaScript আইডিয়া এলো।
অথবা ChatGPT থেকে একটা script generate করলে।

এখন প্রশ্ন—
Script টা test করবে কীভাবে?

Laptop নেই।
PC নেই।
বাড়ি গিয়ে test করতে গেলে ততক্ষণে মাথা ঠান্ডা।

আগে হলে এখানেই সব শেষ।
এখন আর না।

—

Tools Browser দিয়ে Mobile দিয়েই Real Practice

Tools Browser ব্যবহার করলে তুমি—

• নিজের JavaScript script বানাতে পারো
• যেকোনো website এ inject করে test করতে পারো
• Script কাজ করছে নাকি না, সাথে সাথে বুঝতে পারো
• Script save করে রাখতে পারো, হারাবে না
• পরে বাড়ি গিয়ে laptop এ final code বসাতে পারো

সবচেয়ে গুরুত্বপূর্ণ বিষয়—
এতে website বা server side এ কোনো ক্ষতি হয় না।
সবকিছু শুধু তোমার মোবাইলেই locally run করে।

—

Server এ code বসানোর আগে Mobile দিয়ে Test কেন জরুরি

ধরো তুমি নিজের বা client এর website এ JavaScript add করতে চাও।

JavaScript তো programming language—
ভুল হতেই পারে।

এখন যদি তুমি সরাসরি server এ code বসাও আর বারবার error হয়—

• অন্য code নষ্ট হতে পারে
• server reload করতে হয়
• chair–table এ বসে সময় নষ্ট
• মাথা গরম

Solution?
আগে mobile দিয়ে inject করে test করো।
সব ঠিক থাকলে তারপর server এ final code বসাও।

Easy. খুব easy.

—

Tools Browser এ JavaScript Inject করার Step-by-Step

Step 1: Tools Browser open করো

Step 2: যে website এ test করতে চাও সেটা open করো, আমি w3schools.com ওপেন করলাম।

Step 3: Tools button এ click করো

Step 4: Custom tab এ যাও

এই জায়গাটাই হলো তোমার
JavaScript Practice Ground

—

Javascript কীভাবে Create করবে

• Custom page এর মেনু থেকে Create tools এ ক্লিক করো

• Script এর একটা Title দাও (যাতে বুঝতে পারো এটা কী জন্য)
• Description লেখো – script কী করবে
• Raw JavaScript paste করো
তারপর CREATE বাটনে ক্লিক করো।
নিচের স্ক্রিনশট follow করো:

গুরুত্বপূর্ণ কথা:
Tools Browser নিজে থেকেই Script tag handle করে।
তাই
script tag লিখবে না
শুধু raw JavaScript paste করো।
সম্ভব হলে কোডের ভেতর কমেন্ট লেখা থেকে বিরোত থাকবে।
// বাহ /* */
অনেক সময় কমেন্ট এর জন্যে কোড কাজ নাও করতে পারে।
দেখো নিচের ইমেজ এ আমি script tag এর সাথে সাথে comment ও কেটে দিয়েছি। যখন স্ক্রিপ টা server অ্যাড করবা তখন script tag add করে নিবা।

নিচের কোড টা দেখো।

(function () {
var divs = document.getElementsByTagName(“div”);
for (var i = 0; i < divs.length; i++) {
divs[i].style.backgroundColor = “#000000”;
}
})();

Create করার পর Custom tools tool তৈরি হবে।

ওই tool এ click করলেই script inject হবে।
দেখো inject এর পর ওয়েব পেজ এর সব div Black color হইয়ে গিয়েছে । কারণ আমি স্ক্রিপ্টে ব্ল্যাক কালার দিয়েছি। চাইলে তুমি রেড কালার ইউজ করতে পারো। #0000ff

—

Script কাজ করছে নাকি না – বুঝবে কীভাবে

JavaScript কাজ করছে কিনা বুঝতে—

• console.log ব্যবহার করো
• success message দাও
• error message দাও

নিচের script টা দেখো:

(function () {
try {
var divs = document.getElementsByTagName(“div”);

if (!divs || divs.length === 0) {
console.warn(“⚠️ No