Image for post
Image for post

আশা করি সবাই ভালো আছেন। জাভাস্ক্রিপ্ট দিন দিন বেশ জনপ্রিয় হয়েই চলছে। আমি আমার জাভাস্ক্রিপ্ট লেখার উপর বলেছিলাম আমরা চাইলে জাভাস্ক্রিপ্ট ব্যবহার করেও রোবোটিক্স এর কাজ করতে পারি। আজকে তারই ধারাবাহিকতায় আমরা খুবই সিম্পল একটা প্রোজেক্টের মাধ্যমে দেখবো কিভাবে আমরা জাভাস্ক্রিপ্ট ব্যবহার করে রোবোটিক্স এ কাজ করা শুরু করতে পারি।

আমরা এজন্যে জাভাস্ক্রিপ্ট এর আইওটি ও রোবোটিক্স প্ল্যাটফর্ম জনি-ফাইভ ইউজ করবো। জনি-ফাইভ নামটি আসলে একটা ফিকশনাল ক্যারেক্টার। এই নামটি এসেছে বহুল জনপ্রিয় “Short Circuit” মুভি থেকে। এই মুভির দুইটা পর্ব আছে, যথাক্রমে Short Circuit(1986) ও Short Circuit 2(1988) নামে। খুব বেশী আগ্রহ থাকলে মুভি দুইটি দেখতেও পারেন। দেখে আমাকে রিভিও…


Image for post
Image for post

কম্পোনেন্ট হচ্ছে রিঅ্যাক্ট এর বিউল্ডিং-ব্লক। রিঅ্যাক্ট এর একটা অ্যাপ্লিকেশনে সাধারণত অনেক কম্পোনেন্ট দেখতে পাবো আমরা। কম্পোনেন্ট আসলে তেমন কিছুই না বরং সোজা বাংলায় আমরা এটাকে একটা ম্যাশিনের পার্টস এর সাথে তুলনা করতে পারি। একটা ম্যাশিনে যেমন ছোটো ছোটো অনেকগুলো পার্টস মিলিত হয়ে পুরো ম্যাশিনটা গড়ে তোলে, তেমনি একটা রিঅ্যাক্ট এর অ্যাপ্লিকেশনেও এরকম অনেকগুলো কম্পোনেন্ট মিলিত হয়ে পুরো অ্যাপ্লিকেশনটা গড়ে তোলে। আমাদের স্মার্টফোনগুলোই দেখুন, এখানে ক্যামেরা আছে, ডিসপ্লে আছে, মাইক্রোফোন আছে, স্পিকার আছে, ব্যাটারী আছে, আরো ভিতরে গেলে র‍্যাম, প্রসেসরসহ আরো অনেকগুলো পার্টস দিয়ে পুরোটা তৈরী। এগুলো সবই আপনার স্মার্টফোনের কম্পোনেন্ট।

রিঅ্যাক্টেও কম্পোনেন্ট অনেকটাই এমন। তবে রিঅ্যাক্ট এর কম্পোনেন্টকে আপনি যতবার ইচ্ছা ব্যবহার করতে পারবেন। আপনার অ্যাপ্লিকেশনে হেডার, ফুটার আছে। এগুলো একটা একটা করে কম্পোনেন্ট হলে আমরা চাইলেই এই কম্পোনেন্টগুলো যত ইচ্ছা ততগুলো পেজে বারবার ব্যবহার করতে পারবো। চাইলে আমরা সেগুলোকে কাস্টমাইজ করেও ব্যবহার করতে…


Image for post
Image for post

ধরুন আমি ফেসবুক চালাচ্ছি, এখন একটা পোস্ট দেখে আমার ভালো লাগলো। এখন আমি এটাতে রিঅ্যাকশন দিতে চাচ্ছি। রিঅ্যাকশন বাটনে ক্লিক করার পর পুরো ফেসবুক আবার রিলোড হলো। কারণ আমি যে পোস্টে রিঅ্যাকশন দিয়েছি সে ডাটাকে ফেসবুকের সার্ভারে পাঠাতে হবে, আর তাই ব্রাউজার সে কাজ করতে গিয়ে পুরোপুরি রিলোড হলো। এখন প্রত্যেকবার যদি এমন রিঅ্যাকশন দিতে গিয়ে বারবার ফেসবুক পুরোপুরি রিলোড হয়, তাহলে ব্যাপারটা কেমন হলো? একে তো বারবার রিলোড হওয়ার কারণে ডাটাও বেশী খরচ হবে। একই সাথে ব্যাপারটা বিরক্তিকরও। আর এই সমস্যা সমাধানের জন্যেই এই অ্যাজাক্স টেকনিক এসেছে।

AJAX মানে হচ্ছে Asynchronous JavaScript And XML। অন্য কোনো ওয়েব সার্ভার অ্যাক্সেস করার জন্যে এটা একটা বিশেষ টেকনিক। অ্যাজাক্স এর এই টেকনিক মূলত কিছু জিনিসের সাহায্যে করা…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store