বিভিন্ন ধরণের ফ্রেমওয়ার্ক সহ জাভাস্ক্রিপ্ট শেখার গাইড লাইন

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

জাভাস্ক্রিপ্ট শেখার কয়েকটা টিপস নিচে পয়েন্ট আকারে দেয়া হল

## জাভাস্ক্রিপ্ট শেখা শুরু করার আগে HTML আর CSS সম্পর্কে কিছুটা ধারণা নিয়ে রাখা ভালো, আসলে নিয়ে রাখাই উচিত। কারও কারও মনে প্রশ্ন জাগতে পারে জাভাস্ক্রিপ্ট একটা স্বতন্ত্র প্রোগ্রামিং ল্যাঙ্গুয়েজ( আসলে স্ক্রিপ্টিং ল্যাঙ্গুয়েজ ) হওয়া সত্ত্বেও এটা শিখতে হলে কেন আগে HTML, CSS শিখতে হবে। প্রশ্নটা হয়তোবা যুক্তিসঙ্গত কিন্তু যারা জানেন জাভাস্ক্রিপ্ট শেখার প্রয়োজনীয়তা কি অর্থাৎ কেন তারা এটা শিখবেন তাদেরকে আর এই বিষয়ে কোনো ব্যখ্যা দেয়ার প্রয়োজন হবে না, তাছাড়া যেহেতু আমি এখানে জাভাস্ক্রিপ্ট শেখার গাইড লাইন নিয়ে লিখতে বসেছি তাই আমি HTML, CSS নিয়ে বিস্তারিত লিখতে যাব না। তবে জাভাস্ক্রিপ্ট শিখতে হলে যে HTML, CSS এর মাস্টার হতে হবে এমন কোনো কথা নেই, এই দুটি বিষয় সম্পর্কে খুব অল্প জ্ঞান থাকলেই চলবে। কিন্তু কেউ যদি চায় যে সে জাভাস্ক্রিপ্ট এর মাস্টার হবে তখন অবশ্যই তার HTML, CSS এর মোটামুটি সকল ট্যাগ( আশা করি ট্যাগ কি তা আপনারা জানেন ) নাড়াছাড়া করার মতো দক্ষতা থাকতে হবে। কেউ কেউ হয়তো এই কথায় বিরক্ত হতে পারেন, হওয়াটাই স্বাভাবিক, নাড়াছাড়া করার মতো দক্ষতা আবার কি? আসলে HTML, CSS এর মোট ট্যাগ সংখ্যা অনেক, সঠিক সংখ্যা আমি নিজেও জানি না। এতগুলো ট্যাগ সম্পর্কে বিস্তারিত তথ্য মানুষের নিউরন সেলে ধরে রাখা অসম্ভব। তাছাড়া প্রত্যেকটা ট্যাগের( বেশিরভাগ ) অনেকগুলো property, method এবং value থাকে যাদেরকে একই ট্যাগের সাথে বসালেও ভিন্ন ফলাফল পাওয়া যায়। আবার কিছু ট্যাগ আছে যাদের কাজ প্রায় একইরকম, সেক্ষেত্রে উপযুক্ত ট্যাগ নির্বাচন করা জরুরি হয়ে পরে কারণ আপাত দৃষ্টিতে একই মনে হলেও প্রকৃত অর্থে তাদের কাজ করার প্রক্রিয়া ভিন্ন, তাছাড়া তখন আপনাকে SEO( Search Engine Optimization ) এর ব্যপারটিও মাথায় রাখতে হবে কারণ অনেক ট্যাগ আছে যেগুলো SEO এর জন্য মোটেই ভালো নয়, একজন ভালো ডেভেলপার হতে চাইলে আপনাকে অবশ্যই প্রত্যেকটি বিষয় মাথায় রেখেই কাজ করতে হবে।

## HTML, CSS যেমন অসংখ্য ট্যাগ নিয়ে কাজ করে তেমনি জাভাস্ক্রিপ্টেরও অসংখ্য function, method, property ইত্যাদি আছে যার কারণে HTML, CSS এর মতোই একে reference language হিসেবে শিখতে হবে, আসলে এভাবে শিখলে ব্যপারটা অনেক সহজ হয়ে আসে। যারা C ল্যাঙ্গুয়েজ এর সাথে পরিচিত অর্থাৎ যারা C এর একটু-আধটু শিখেছেন তাদের জন্য জাভাস্ক্রিপ্ট এর প্রাথমিক ব্যপারগুলো শেখা পান্তাভাত ছাড়া আর কিছুই না। তাই আমি বলব যেকোনো প্রোগ্রামিং ল্যাঙ্গুয়েজ অথবা স্ক্রিপ্টিং ল্যাঙ্গুয়েজ শেখার আগে C এর অন্তত প্রাথমিক অর্থাৎ মৌলিক বিষয়গুলো সম্পর্কে ধারণা নেয়া উচিত। একে অযথাই “Mother of all Programming Language” বলা হয় না। জাভাস্ক্রিপ্ট শেখা শুরু করেছেন মানে আপনি প্রোগ্রামিং এর দুনিয়ায় পদার্পণ করেছেন অথচ প্রোগ্রামিং কি তাও যদি আপনি ভালোভাবে বুঝতে না পারেন তাহলে পদে পদে আপনাকে ক্ষান্ত হতে হবে, সেক্ষেত্রে বিরক্ত হয়ে পরে শেখাটাই বাদ দিয়ে দিবেন, এটাই স্বাভাবিক( আমি নিজেও একই পরিস্তিতির শিকার )। শুধু প্রোগ্রামিং এর সংজ্ঞা জানলেই হবে না, প্রোগ্রামিং জিনিসটা কি তা ভালোভাবে নিজ থেকেই বুঝতে হবে আর এর জন্য শ্রেষ্ঠ উপায় হল অন্তত এক মাস C নিয়ে ঘাটাঘাটি করা। এভাবে শিখতে থাকলে বা প্রাকটিস করতে থাকলে আপনার নিজের ভিতরেই প্রোগ্রামিং এর একটা সহজ, ত্রিমাত্রিক সংজ্ঞা তৈরি হবে আর তখনই আপনি বুঝতে পারবেন প্রোগ্রামিং এর মৌলিক ব্যপারটা আপনি বুঝে ফেলেছেন। তাছাড়া জাভাস্ক্রিপ্ট হচ্ছে একটি Object Oriented Programming Language( OOP ), যেসকল ল্যাঙ্গুয়েজ object নিয়ে কাজ করে তাদেরকে Object Oriented বলা হয়। প্রোগ্রামিং বা স্ক্রিপ্টিং ল্যাঙ্গুয়েজ সাধারণত দুই প্রকার- action বা function oriented( C, Fortran ইত্যাদি ) আর object oriented( C++, Java, Javascript, Python, PHP, Ruby, Objective C, C# ইত্যাদি ) । শেষেরটা function কে নিয়ে কাজ করে। যেকোনো OOP ল্যাঙ্গুয়েজ শেখার আগেই AOP ল্যাঙ্গুয়েজ শিখে নেয়া উচিত কারণ প্রথমেই OOP শিখতে গেলে আপনার কাছে ব্যপারটা অনেক জটিল মনে হবে আর প্রত্যেকটা কোডের অর্থও কখনো শতভাগ বুঝতে পারবেন না, কন্সেপ্টটা ভাসা ভাসাই থেকে যাবে। এটা নিশ্চয়ই আপনার জানা আছে যে ভাসা ভাসা জ্ঞানের স্থায়িত্ব কখনোই দীর্ঘ হয় না আর তা ব্যক্তির আত্মবিশ্বাসও অনেকটা কমিয়ে দেয়।

এখানে দুটি কথা অবশ্যই বলে রাখা বাঞ্ছনীয়, প্রথমত C ভালোভাবে শিখতে হলে আপনাকে কমপক্ষে ছয়মাস সময় দিতে হবে, যেহেতু আপনি জাভাস্ক্রিপ্ট শিখতে চাচ্ছেন আর এটাই আপনার মুখ্য উদ্দেশ্য তাই আপনার C ল্যাঙ্গুয়েজ এর উপর বেসিক ধারণা থাকেলই চলবে আর এর জন্য এক মাসের বেশি লাগার কথা নয়। দ্বিতীয়ত HTML, CSS কে দয়া করে প্রোগ্রামিং ল্যাঙ্গুয়েজ এর দলে ফেলবেন না কারণ এদের প্রথমটি হচ্ছে markup ল্যাঙ্গুয়েজ আর দ্বিতীয়টি হচ্ছে markup করার পর এর স্টাইল দেয়ার জন্য, যদিও তাদেরকে সার্বজনীনভাবে “স্ক্রিপ্টিং ল্যাঙ্গুয়েজ” এর দলে ফেলা হয়।

আর হে C শিখতে আপনি যতটুকু আনন্দ পাবেন জাভাস্ক্রিপ্ট শিখতে তার সিকিভাগও পাবেন না বরং বিরক্ত হবার কথা। তাই প্রথমে C শিখে জাভাস্ক্রিপ্ট শেখার সময়টাকে রিডিউস করে নেয়াই ভালো। C শেখাটা আপনার হবিও হতে পারে কিন্তু জাভাস্ক্রিপ্ট আপনি শিখবেন প্রফেশনাল কাজ করার উদ্দেশে।

## একেবারে প্রথমেই আমি HTML, CSS কে কিভাবে reference এর ভিত্তিতে সহজে ব্যবহার করা যায় তা বলার চেষ্টা করেছি, যদিও আমার জাভাস্ক্রিপ্ট নিয়ে লেখার কথা। এর কারণ Document Object Model ( DOM ) নামের একটা ব্যপার আছে যেটা স্ক্রিপ্টিং ল্যাঙ্গুয়েজ( জাভাস্ক্রিপ্ট হতে হবে এমন কোনো কথা নাই ) এর সাথে যুগপৎ হয়ে কাজ করে। এর সাহায্যে HTML এর যেকোনো ট্যাগ কে object হিসেবে ধরে নিয়ে কাজ করা যায়, এভাবে করলে অনেক জটিল কাজ সহজে হয়ে যায়। Object কি তা আমি আগেই বলেছি, যেহেতু এটা কোনো টিউটরিয়াল নয় তাই আমি এখানে object বা action এর কোনো ব্যাখা বা উদাহারণ দেবনা।

## প্রথম থেকেই আমি reference শব্দটি অনেকবার ব্যবহার করে আসছি কিন্তু আসল রেফারেন্সই এতক্ষণ ধরে দেয়া হয়নি, আমি বলেছিলাম reference এর ভিত্তিতে জাভাস্ক্রিপ্ট শিখলে শেখাটা অনেক সহজ হয়ে যায়। এখন আসি আসল reference এর কথায়। প্রথমেই বলে নেই reference শব্দটির দ্বারা আমি আসলে কি বুঝাতে চেয়েছি। জাভাস্ক্রিপ্ট কিংবা অন্য যেকোনো কিছু শেখার সময় আপনি অবশ্যই বিভিন্নরকম বই পড়বেন বা অনলাইনে বিভিন্ন ওয়েবসাইটের শরণাপন্ন হবেন? এখানে reference বলতে আমি এইসব বই কিংবা ওয়েবসাইটকেই বুঝাচ্ছি। এরকম অনেক বই( হার্ডকপি বা সফটকপি ) বা ওয়েবসাইট রয়েছে যেখান থেকে আপনি জাভাস্ক্রিপ্ট শেখা শুরু করে দিতে পারেন। তবে বাংলা টিউটরিয়ালের শরণাপন্ন না হয়ে ইংরেজি বই বা ওয়েব টিউটরিয়ালের দিকে ঝুঁকাই ভালো কারণ ইংরেজিতে আপনি জাভাস্ক্রিপ্টের আগাগুড়া সবকিছুই পাবেন যেমন- www.w3schools, www.developphp.com কিংবা জাভাস্ক্রিপ্টের অফিসিয়াল ডকুমেন্টেশনে আপনি এর সবকিছুই পাবেন, এরকম কোনো একটি সাইট কিংবা কয়েকটা বইকে জাভাস্ক্রিপ্টের টিউটরিয়াল+রেফারেন্স দুটি হিসেবেই কাজে লাগাতে পারবেন। তাছাড়া এরকম সাইট এ আপনি জাভাস্ক্রিপ্টের সকল আপডেট তথ্যও পাবেন। এখানে আরেকটা কথা যোগ করা প্রয়োজন- অনেকেই আছেন যারা ভিডিও টিউটরিয়াল দেখে শিখতে বা কাজ করতে বেশি পছন্দ করেন কিন্তু জাভাস্ক্রিপ্ট শেখার ক্ষেত্রে ভিডিও টিউটরিয়াল উপযুক্ত নয় কারণ জাভাস্ক্রিপ্টের পাল্লা অনেক দীর্ঘ, কোনো ভিডিও টিউটরিয়ালই এর সম্পূর্ণটা কাভার করতে পারবে না। তবে ভালোভাবে এর বেসিকটা শেখার পর বিভিন্ন ধরণের ওয়েব অ্যাপ্লিকেশান তৈরি করার সময় কিংবা বিভিন্ন ধরণের ফ্রেমওয়ার্ক নিয়ে কাজ করার সময় ভিডিও টিউটরিয়ালের( lynda, tutplus, infiniteskills, youtube ইত্যাদি ) সাহায্য নেয়া যেতে পারে।

## ফ্রেমওয়ার্ক: যারা CSS ভালোভাবে শিখেছেন তারা ফ্রেমওয়ার্ক শব্দরটিত সাথে পরিচিত। আপনারা হয়তো CSS এর দু-চারটা ফ্রেমওয়ার্ক নিয়ে কাজও করে থাকবেন। আসলে ফ্রেমওয়ার্ক হচ্ছে বিশেষ বা নির্দিষ্ট কোনো কাজের জন্য একটা স্বয়ংসম্পূর্ণ প্লাটফর্ম যাতে করে কাজটা সহজে, অল্প সময়ে এবং শতভাগ কার্যকরভাবে করা যায়। জাভাস্ক্রিপ্ট হোক, CSS হোক বা অন্য কিছুই হোক ফ্রেমওয়ার্কের সংজ্ঞা একই। কয়েকটা উদাহারণ দিলে হয়তো ব্যপারটা সহজেই বুঝতে পারবেন-- CSS নিয়ে ওয়েবসাইট ডিজাইন করার সময় সাইটটিকে রেস্পনসিভ করার কাজে Less Framework খুব বেশি ব্যবহৃত হয়, আবার একটি উৎকৃষ্ট মানের এবং রেস্পনসিভ ওয়েবসাইট ডিজাইন করতে Bootstrap নামক একটি ওপেন সোর্স ফ্রেমওয়ার্ক অনেক কাজের। এখন কথা হচ্ছে ওয়েবসাইট ডিজাইন তো HTML, CSS দিয়ে এমনিতেই করা যায় তাহলে অযথা ফ্রেমওয়ার্কের ঝামেলা করার দরকার কি? এর উত্তর অবশ্য আমি আগেই দিয়েছিলাম, আপনি যদি এই ওয়েবসাইট ডিজাইনের ক্ষেত্রে Bootstrap ব্যবহার করেন তাহলে একসাথে অনেক সুবিধা পাবেন আর তা হল- (১) আপনার অনেক সময় বাঁচবে আপনি যদি প্রফেশনাল হয়ে থাকেন তাহলে সময়টা আপনার কাছে অনেক বড় একটা ফ্যাক্ট। (২) আপনার ডিজাইনটি নিট অ্যান্ড ক্লিন থাকবে এবং এর কার্যকারিতা থাকবে শতভাগ। (৩) আপনার ওয়েবসাইট একই সাথে রেস্পনসিভ( এক সাথে অনেক ডিভাইসের জন্য কার্যকরী ) হয়ে যাবে। (৪) আর সবচেয়ে বড় সুবিধা হচ্ছে আপনার কাছে কাজটা অনেক সহজ হয়ে উঠবে, আপনি যদি CSS ভালোভাবে নাও জানে তারপরও প্রফেশনালদের মত কাজ করতে পারবেন।

আমি Bootstrap ফ্রেমওয়ার্কের মাধ্যমে আপনাদেরকে ফ্রেমওয়ার্ক সম্পর্কে একটা ধারনা দিতে চেয়েছি। এক-এক ফ্রেমওয়ার্কের সুবিধা, কাজের ধরণ এবং উদ্দেশ্য একেক রকম।

এখন আসি জাভাস্ক্রিপ্টের ফ্রেমওয়ার্কের কথায়। এতক্ষণ ফ্রেমওয়ার্ক নিয়ে যা যা বলেছি তা জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কের ক্ষেত্রেও প্রযোজ্য।

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

jQuery: সাধারণত animation, slider ইত্যাদি নিয়ে কাজ করার জন্য ব্যবহৃত হয়, এটাকে javascript library বলা হয়। jQuery Mobile দিয়ে স্মার্টফোন, ট্যাবলেট ইত্যাদির জন্য বিভিন্ন ধরণের অ্যাপ্লিকেশান তৈরি করা হয়।

AJAX( Asynchronous JavaScript and XML ): এটাও জাভাস্ক্রিপ্টের একটি অতি পরিচিত ফ্রেমওয়ার্ক। AJAX এর মূল কাজ হচ্ছে সার্ভারে ডাটা আদান-প্রদান করা, কোনো একটি ওয়েব পেজের সম্পূর্ণ লোড না করে নির্দিষ্ট অংশ আপডেট করা।

AngularJS: single page Application এর জন্য এটি অত্যন্ত কার্যকরী। এটা শেখাও খুব সহজ।

JSON( JavaScript Object Notation ): এটা XML এর পরিবর্তে শেখা যেতে পারে, এটাও syntex-এর ভিত্তিতে ডাটা বিনিময়ের কাজ করে থাকে।

তাছাড়াও Encoder, Meteor ইত্যাদি জাভাস্ক্রিপ্টের আরও অনেক ফ্রেমওয়ার্ক আছে।

Google Maps API নিয়ে কাজ করার জন্যও জাভাস্ক্রিপ্ট অতুলনীয়।

শেষবেলা এসে আমি এই কথাটাই বলব যে কম্পিউটার প্রোগ্রামিং শুধুমাত্র কয়টা লজিক এর ভিত্তিতে কাজ করে অর্থাৎ যত ভালোভাবে এলগরিদম ডিজাইন করতে পারবেন আপনি ততোই ভালো প্রোগ্রামার হতে পারবেন। জাভাস্ক্রিপ্ট যেহেতু প্রোগ্রামিং ল্যাঙ্গুয়েজের অন্তর্ভুক্ত এটির বেলায়ও তাই কথাগুলো প্রযোজ্য। আপনি যদি এলগরিদমের ব্যপারটা বাদ দিতে চান তাতেও কোনো সমস্যা নেই কিন্তু সেক্ষেত্রে আপনি স্বনির্ভরতা হারাবেন অর্থাৎ আপনি ওয়েব অ্যাপ্লিকেশান তৈরি করতে পারবেন ঠিকই কিন্তু নিজের তৈরি লজিক আর এলগরিদমের সাহায্যে কোনো অ্যাপ্লিকেশান বা সফটওয়্যার তৈরি করার যে আনন্দ তা থেকে অবশ্যই বঞ্চিত হবেন। এলগরিদমের ব্যপারটা নিজের কাছে স্পষ্ট করার জন্য সবচেয়ে উত্তম ল্যাঙ্গুয়েজ হচ্ছে C.