আপনি যদি জাভাস্ক্রিপ্ট শিখবেন প্লান করে থাকেন তাহলে এই ব্লগ পোস্টটি আপনার জন্য। আপনার যদি পূর্ববর্তী প্রোগ্রামিংয়ের কোনো অভিজ্ঞতা না থাকে তবে প্রোগ্রামিং শিখতে আগ্রহী হন তবে জাভাস্ক্রিপ্ট আপনার জন্য সেরা বিকল্প হতে পারে।
জাভাস্ক্রিপ্ট হলো ওয়েবের জন্য সবচেয়ে শক্তিশালী ও জনপ্রিয় প্রোগ্রামিং ভাষাগুলির মধ্যে একটি। জাভাস্ক্রিপ্ট প্রতিটা ওয়েবসাইটকে প্রাণবন্ত ও গতিশীল করে তুলে।
জাভাস্ক্রিপ্ট অনলাইনে শিখতে এবং এটিতে মাস্টার হবার জন্য প্রচুর সংখ্যক ফ্রি এবং প্রিমিয়াম রিসোর্স রয়েছে। আজকে আমরা জাভাস্ক্রিপ্ট শেখার ভালো মানের কিছু রিসোর্স নিয়ে বিস্তারিত আলোচনা করবো।
বাংলায় জাভাস্ক্রিপ্ট শিখার জন্য যে রিসোর্স সমূহ ফলো করতে পারেন
১। স্ট্যাক লার্নার এর “Javascript All You Need to Know’’
ছবি সংগ্রহ হয়েছে Stacklearners থেকে
সম্পূর্ণ বাংলা ভাষায় জাভাস্ক্রিপ্টের কমপ্লিট একটি টিউটোরিয়াল সিরিজ। এই সিরিজটি এমন ভাবে সাজানো হয়েছে যেনো বিগিনার থেকে এক্সপার্ট সবাই এখান থেকে উপকৃত হতে পারে।
প্রথমে প্রোগ্রামিং এর ফান্ডামেন্টালস নিয়ে আলোচনা করা হয়েছে। এরপর জাভাস্ক্রিপ্টের গুরুত্বপূর্ণ তিনটি বিষয় অ্যারে, অবজেক্ট এবং ফাংশন নিয়ে আলোচনা করা হয়েছে। তারপর অ্যাডভান্সড কনসেপ্ট গুলো যেমন ফাংশনাল প্রোগ্রামিং, অবজেক্ট অরিয়েন্টেড প্রোগ্রামিং, স্কোপ, ক্লোজার, প্রোটোটাইপ, অ্যাসিংক্রোনাস প্রোগ্রামিং, ডম ম্যানিপুলেশন এর মত বিষয়গুলো নিয়ে আলোচনা করা হয়েছে।
জাভাস্ক্রিপ্টের বহুবিধ ব্যবহার নিয়ে আলোচনা করার সাথে সাথে প্রাক্টিক্যালও করে দেখানো হয়েছে। জাভস্ক্রিপ্ট ক্যারিয়ার গাইডলাইন নিয়েও বিস্তারিত দিকনির্দেশনা দেয়া রয়েছে এই সিরিজে।
আমি নিজেও এই টিউটোরিয়াল সিরিজটি ফলো করতেছি জাভাস্ক্রিপ্ট শিখার জন্য। HM Nayem ভাইয়ার বোঝানো এক কথায় অসাধারণ। পরিশেষে একটাই কথা বলবো যারা বাংলায় জাভাস্ক্রিপ্ট শিখতে চান, তাদের জন্য জাভাস্ক্রিপ্ট শিখা শুরু করার জন্য এর চেয়ে ভালো কোনো রিসোর্স এখন পর্যন্ত বাংলায় নেই।
২। কোড উইদ জুনায়েদ এর “হাতেকলমে জাভাস্ক্রিপ্ট”
ছবি সংগ্রহ হয়েছে Js.zonayed.me থেকে
আপনি যদি ব্লগ পড়তে ভালোবাসেন এবং ফ্রি রিসোর্স দিয়ে জাভাস্ক্রিপ্ট শেখা শুরু করতে চান তাহলে আমার সাজেশন থাকবে আপনি হাতেকলমে জাভাস্ক্রিপ্ট এই ব্লগ সাইটি দিয়ে শুরু করেন। বাংলায় সাজানো গোছানো জাভাস্ক্রিপ্ট রিসোর্স এটি। এইটা দিয়ে শুরু করাটাও অনেক সহজ হবে। প্রতিটা বিষয় উদাহরণের মাধ্যমে অনেক সুন্দরভাবে উপস্থাপন করেছেন এই ব্লগের লেখক জুনায়েদ ভাই।
৩। লার্ন উইথ হাসিন হায়দার এর “বিগিনিং জাভাস্ক্রিপ্ট”
ছবি সংগ্রহ হয়েছে Learn with hasin থেকে
আপনি যদি জাভস্ক্রিপ্টে একবারেই নতুন হন তাহলে আমি আমি মনে করি আপনি জাভাস্ক্রিপ্ট এর ব্যাসিক শিখার জন্য হাসিন হায়দার ভাইয়ার বিগিনিং জাভাস্ক্রিপ্ট ইউটিউবের এই প্লেলিস্ট টা সম্পূর্ণ করতে পারেন। জাভাস্ক্রিপ্টের ব্যসিক বিষয়গুলো খুব সহজেই শিখতে পাড়বেন।
৪। জে এস বাংলাদেশ এর “Modern JavaScript Bangla Tutorials”
ছবি সংগ্রহ হয়েছে Js Bangladesh থেকে
আপনি যদি জাভাস্ক্রিপ্ট ছোট ছোট কিছু প্রোজেক্ট করে শিখতে চান তাহলে আমার সাজেশন থাকবে JS Bangladesh ইউটিউব চ্যানেল এর Setu ভাইয়ার Modern JavaScript Bangla Tutorials ইউটিউবের এই প্লেলিস্ট টা দেখতে পারেন। এই প্লেলিস্টটাও অনেক অসাধারণ।
৫। প্রোগ্রামিং আড্ডা এর “জাভাস্ক্রিপ্ট শূন্য থেকে এক”
ছবি সংগ্রহ হয়েছে Programming Adda থেকে
আপনি যদি জাভাস্ক্রিপ্ট শিখতে চান তাহলে প্রোগ্রামিং আড্ডা ইউটিউব চ্যানেল এর জাভাস্ক্রিপ্ট শূন্য থেকে এক ইউটিউবের এই প্লেলিস্ট টা দেখতে পারেন। এই প্লেলিস্ট এর কনটেন্ট গুলোও খুবই ভালো।
৬। Webdeveloper Bd এর “Javascript For Beginners Basic to Advance With Projects”
ছবি সংগ্রহ হয়েছে Webdeveloper Bd থেকে
আপনি যদি জাভাস্ক্রিপ্ট প্রোজেক্ট করে শিখতে চান তাহলে Webdeveloper Bd ইউটিউব চ্যানেল এর Javascript For Beginners Basic to Advance With Projects ইউটিউবের এই প্লেলিস্ট টা দেখতে পারেন। এই প্লেলিস্ট এর কনটেন্ট গুলোও খুবই ভালো।
৭। লার্ন উইথ সুমিত এর “Think in a JavaScript way”
ছবি সংগ্রহ হয়েছে Learn with Sumit থেকে
জাভাস্ক্রিপ্টকে অনেকেই অদ্ভুত প্রোগ্রামিং ভাষা বলে। হ্যাঁ এটা ঠিক জাভাস্ক্রিপ্টের কিছু বিহেভিয়ার আমাদের কাছে অদ্ভুত লাগবে। এটা তখনি অদ্ভুত লাগবে যখন আমরা অন্য আরেকটা প্রোগ্রামিং ভাষা থেকে আসি।
যদি আমরা জাভাস্ক্রিপ্ট দিয়েই প্রোগ্রামিং ক্যারিয়ার শুরু করি তখন আমাদের কাছে জাভাস্ক্রিপ্টকে অদ্ভুত লাগবে না। কারণ আমরা তখন জাভাস্ক্রিপ্টের ওয়েতেই চিন্তা করা শুরু করবো, আমাদের তখন শুরুই হবে জাভাস্ক্রিপ্টের ওয়েতে চিন্তা করা।
কিন্তু সচরাচর তা হয়না আমরা সাধারণত ওয়েব ডেভেলপার যারা তারা অনেকের কাছে অনেক কিছু শুনে আমরা আগে পি এইস পি অথবা অন্যান্য প্রোগ্রামিং ভাষা থেকে আসি এবং যারা সিএসই তে পড়াশোনা করে তাদেরও একাডেমিক লাইফে জাভাস্ক্রিপ্ট শেখানো হয়না। যার কারনে সবার প্রোগ্রামিং ক্যারিয়ার শুরু হয় অন্যান্য প্রোগ্রামিং ভাষা দিয়ে।
এ কারনেই সবাই জাভাস্ক্রিপ্টকে অদ্ভুত প্রোগ্রামিং ভাষা বলে। তারা আসলে জাভাস্ক্রিপ্টকে অদ্ভুত প্রোগ্রামিং ভাষা বলে কারণ অন্যান্য প্রোগ্রামিং ভাষা থেকে জাভাস্ক্রিপ্টের কিছু কিছু বিষয় একটু ভিন্নভাবে চিন্তা করতে হয়।
অন্যান্য প্রোগ্রামিং ভাষা থেকে আসা লোকেরা জাভাস্ক্রিপ্টে প্রচুর সমস্যার মুখোমুখি হন। এই ভাষাটি প্রথমে অদ্ভুত ও বিভ্রান্ত বলে মনে হয়। তবে আপনি যদি জাভাস্ক্রিপ্টের পদ্ধতিতে চিন্তাভাবনা শিখতে শুরু করেন তবে আপনি আবিষ্কার করতে পারবেন যে এই ভাষাটি কত সুন্দর!
আপনার কাছেও যদি জাভাস্ক্রিপ্টকে অদ্ভুত প্রোগ্রামিং ভাষা বলে মনে হয় তাহলেই আপনার জন্য বিশ্বমানের এই বাংলা টিউটোরিয়াল সিরিজটি Think In A JavaScript Way এই টিউটোরিয়াল সিরিজটি বিগিনারসদের জন্য নয়, এটি আপনি জাভাস্ক্রিপ্টের ফান্ডামেন্টাল বিষয়গুলো শেষ করার পর শুরু করবেন। এখানে সব অ্যাডভান্সড টপিক গুলো নিয়ে আলোচনা করা হয়েছে। এই সিরিজটিকে কেনো বিশ্বমানের বলা হয়েছে তা দেখলেই বুঝতে পারবেন। আর এই সিরিজটি যিনি তৈরি করছেন সুমিত সাহা ভাইয়া এখন পর্যন্ত বাংলায় সেরা প্রোগামিং কন্টেন্ট নির্ণমাতা আমার মতে।
৮। স্ট্যাক লার্নার এর “Javascript Full Playlist With Order’’
ছবি সংগ্রহ হয়েছে Stack Learners থেকে
জাভাস্ক্রিপ্ট সম্পর্কে আপনার চিন্তাধারাই বদলে দিবে এই প্লেলিস্ট টা। জাভাস্ক্রিপ্ট দিয়ে কি কি করা যায়, বর্তমানে জাভাস্ক্রিপ্ট কতটা পাওয়ার ফুল প্রোগ্রামিং ভাষা ওয়েব এর জন্য, মডার্ন জাভাস্ক্রিপ্ট সম্পর্কে আরো বিস্তারিত জানতে Stack Learner এর HM Nayem ভাইয়ার Javascript Full Playlist With Order ইউটিউবের এই প্লেলিস্ট টা সম্পূর্ণ করতে পারেন।
৯। লার্ন উইথ সুমিত এর “Modern JavaScript Syntaxes in Bangla”
ছবি সংগ্রহ হয়েছে Learn with Sumit থেকে
এই প্লেলিস্টে আপনি মডার্ন জাভাস্ক্রিপ্ট ES6 সিনট্যাক্স এবং জাভাস্ক্রিপ্টের সর্বশেষ লেটেস্ট ভার্সনের বিভিন্ন ফিচার্স সম্পর্কে জানতে ও শিখতে পারবেন। যা আপনাকে বিভিন্ন জাভাস্ক্রিপ্ট লাইব্রেরি এবং ফ্রেমওয়ার্কগুলির সাথে কাজ করার সময় আপনার জীবনকে আরও সহজ করে তুলবে। এই প্লেলিস্টটি তাদের জন্য যাদের জাভাস্ক্রিপ্টের প্রাথমিক জ্ঞান রয়েছে। এই সুন্দর প্লেলিস্টটিও সুমিত সাহা ভাইয়ার তৈরি।
আপনি যদি বই পড়তে ভালোবাসেন এবং বই পড়ে বাংলায় জাভস্ক্রিপ্ট শিখতে চান তাহলে
১। জুনায়েদ আহমেদ এর “হাতে কলমে জাভাস্ক্রিপ্ট”
ছবি সংগ্রহ হয়েছে Rokomari থেকে
আপনি পুরো বইটি টপিক বাই টপিক ভাগ করে পড়তে পারবেন এবং একই সঙ্গে প্র্যাকটিসও করতে পারবেন।
নোটঃ বাংলায় খুব বেশি কোয়ালিটিফুল জাভাস্ক্রিপ্ট বই নেই তাই এই বইটি আপনার সংগ্রহে রাখতে পাড়েন রিসোর্স হিসেবে।
ইংরেজীতে জাভাস্ক্রিপ্ট শিখার জন্য যে রিসোর্স সমূহ ফলো করতে পারেন
১। W3 Schools এর “ডকুমেন্টেশন”
ছবি সংগ্রহ হয়েছে W3 Schools থেকে
আপনি যদি ডকুমেন্টেশন পড়তে পছন্দ করেন তাহলে W3 Schools এটি দিয়ে শুরু করা খুবই সহজ। বিগিনার্সদের জন্য এইটা খুবই ভালো একটা ওয়েবসাইট।
২। Mozilla Developer Network এর “ডকুমেন্টেশন”
ছবি সংগ্রহ হয়েছে Mozilla Developer Network থেকে
ব্যাসিকটা W3 School থেকে শিখার পর আরো একটু ভালো ভাবে জাভাস্ক্রিপ্ট জানার জন্য Mozilla Developer Network এর এই Official Documentation টা পরে শেষ করতে পারেন।
৩। FreeCodeCamp এর “কারিকোলাম”
ছবি সংগ্রহ হয়েছে FreeCodeCamp থেকে
ছোট ছোট টাস্ক করার মাধ্যমে শিখতে চাইলে freeCodeCamp এর জাভাস্ক্রিপ্ট কারিকোলাম টা শেষ করতে পারেন। আর এখানে বোনাস হিসাবে কমিউনিটি সাপোর্ট তো থাকছেই। শিখতে গিয়ে কোথাও কোনো সমস্যায় পড়লে সমাধানের জন্য কমিউনিটিতে পোস্ট করে সমাধান করে নিতে পাড়বেন।
৪। JavaScript Info এর “ডকুমেন্টেশন”
ছবি সংগ্রহ হয়েছে JavaScript Info থেকে
জাভাস্ক্রিপ্ট শিখার জন্য JavaScript Info এই ডকুমেন্টেশনটা খবুই চমৎকার ও আমার অনেক পছন্দের। এটা অনেক গুছানো এবং এইটার সবচেয়ে ভালো দিক হচ্ছে এইটা নতুন জেনারেশনের জাভাস্ক্রিপ্ট ও ব্রাউজারে জাভাস্ক্রিপ্ট কিভাবে কাজ করে তা নিয়ে বিস্তারিত উদাহরণের মাধ্যমে তুলে ধরা হয়েছে এই ডকুমেন্টেশনটিতে। এই ডকুমেন্টেশনটা বিভিন্ন ভাষায় অনুবাদ করা হয়েছে। বাংলা ভাষায়ও অনুবাদের কাজ চলতেছে। এটি ওপেনসোর্স প্রোজেক্ট কন্ট্রিবিউশন করতে চাইলে এই লিংকে গিয়ে বিস্তারিত দেখতে পারেন।
৫। Learn-js organization এর “ডকুমেন্টেশন”
ছবি সংগ্রহ হয়েছে Learn-js organization থেকে
আপনি অভিজ্ঞ প্রোগ্রামার হোন বা না হোন, learn-js.org এই ওয়েবসাইটটি জাভাস্ক্রিপ্ট প্রোগ্রামিং ভাষা শেখার জন্য আগ্রহী প্রত্যেকের জন্যই।
৬। Web Bos এর “JavaScript 30 Day Challenge”
ছবি সংগ্রহ হয়েছে Javascript30 থেকে
ছোট ছোট প্রোজেক্ট করার মাধ্যমে জাভাস্ক্রিপ্ট শিখতে চাইলে ওয়েব বোসের জনপ্রিয় JavaScript 30 Day Challenge এইটাও দেখতে পারেন।
৭। Flavio Copes এর “The JavaScript Beginner’s Handbook”
ছবি সংগ্রহ হয়েছে flaviocopes থেকে
জাভাস্ক্রিপ্ট শিখতে চাইলে Flavio Copes এর এই বিগিনারস হ্যান্ডবুকটি খুবই কাজের একটি রিসোর্স। এর ইংরেজী ভাষা খুবই সহজে বুঝতে পারবেন কি বুঝাতে চেয়েছে। এটিও আদর্শ রিসোর্স হতে পারে।
আপনি যদি বই পড়তে ভালোবাসেন এবং বই পড়ে ইংরেজীতে জাভস্ক্রিপ্ট শিখতে চাইলে আমার পছন্দের জনপ্রিয় কিছু বইয়ের তালিকা নিচে দিলাম
১। Marijn Heverbeke এর “Eloquent JavaScript”
ছবি সংগ্রহ হয়েছে Google থেকে
Eloquent JavaScript একদম নতুনদের জন্য এই বইটা দিয়ে শুরু করাটা খুবই সহজ হবে। এই বইটার আরেকটা ভালো দিক হলো আপনি তাদের ওয়েব সাইটে গিয়েও পড়তে পাড়বেন। এইখানে আমি তাদের ওয়েবসাইট লিংক যুক্ত করে দিয়েছি।
২। David Flanagan এর “JavaScript: The Definitive Guide”
ছবি সংগ্রহ হয়েছে Google থেকে
JavaScript: The Definitive Guide যে কেউ ওয়েব ডেভেলপমেন্ট করছে এই বইটি তার রাখা উচিত। এটি জাভাস্ক্রিপ্ট ভাষা এবং DOM এর প্রতিটি দিককে কভার করে একটি দুর্দান্ত রিসোর্স। আপনার যখনই কোনও প্রশ্ন হবে এই বইটি আপনার রেফারেন্স গাইড হবে। এছাড়াও, বেশ কয়েকটি নমুনা বাস্তবায়ন এবং কয়েকটি সাধারণ প্রশ্নের উত্তর রয়েছে।
৩। Dr. Axel Rauschmayer এর “Speaking JavaScript”
ছবি সংগ্রহ হয়েছে Google থেকে
Speaking JavaScript এই বইটি আপনাকে কেবলমাত্র জাভাস্ক্রিপ্টের মৌলিক বিষয়গুলি শেখায় এবং আপনাকে আরও প্রোডাক্টিভ হতে সহায়তা করে।
৪। Shelley Powers এর “JavaScript Cookbook”
ছবি সংগ্রহ হয়েছে Google থেকে
JavaScript Cookbook এই বইটাতে জাভাস্ক্রিপ্টের বিভিন্ন সমস্যা রেসিপি আকারে দেয়া আছে যারা জাভাস্ক্রিপ্ট অনুশীলন করার জন্য সমস্যা খুঁজে পান নাহ। তাদের অনেক উপকারে আসবে এই বইটি। এইখানে আমি একটি পিডিএফ লিংক দিয়েছি, এই লিংক যদি কাজ না করে তাহলে আমাকে ম্যাসেজ করবেন আমি আপনাকে পিডিএফ ফাইলটি শেয়ার করবো।
৫। Kyle Simpson এর “You Don’t Know JS”
ছবি সংগ্রহ হয়েছে Google থেকে
উপরের মিনিমাম যেকোনো ২টা বই পড়ে যখন বুঝতে পাড়বেন জাভাস্ক্রিপ্ট কিভাবে কাজ করে বিহাইন্ড দ্যা সীনে কি হচ্ছে তখন আরো ভালো ভাবে জানার জন্য আপনি Kyle Simpson এর You Don’t Know JS বইয়ের সিরিজটা পড়তে পারেন এইটা ৬টা ভাগে ভাগ করা। এই বইয়ের কনচেপ্ট গুলো খুবই সুন্দর করে দেয়া আছে। অসাধারণ একটি বইয়ের সিরিজ। জাভস্ক্রিপ্টকে ভালোবাসলে এই বইটি পড়েও খুব মজা পাবেন। এই বইটার কোন পিডিএফ অনলাইনে খুজে পাইনাই উপরে গিটহাব লিংক শেয়ার করেছি। গিটহাব থেকে ফ্রিতে পরে নিতে পাড়বেন।
৬। Addy Osmani এর “Learning JavaScript Design Patterns”
ছবি সংগ্রহ হয়েছে Google থেকে
Learning JavaScript Design Patterns এই বইটি পেশাদার ওয়েব ডেভেলপারদের লক্ষ্য করে লেখা হয়েছে। ডিজাইন প্যাটার্ন এর ধরণগুলি এবং কীভাবে জাভাস্ক্রিপ্ট প্রোগ্রামিং ভাষায় ডিজাইন প্যাটার্ন প্রয়োগ করা যেতে পারে সে সম্পর্কে তাদের উন্নতি করতে সাহায্যে করবে।
আপনি যদি ভিডিও দেখতে ভালবাসেন তাহলে নিচের সিরিজগুলো দেখা শুরু করতে পাড়েন
১। FreeCodeCamp.org এর “Learn JavaScript Full Course for Beginners”
ছবি সংগ্রহ হয়েছে Youtube থেকে
Learn JavaScript Full Course for Beginners জাভাস্ক্রিপ্ট প্রোগ্রামিং শুরু করার জন্য যা যা প্রয়োজন এই টিউটোরিয়ালে ১৩৪টি পার্টে ভাগ করে দেয়া হয়েছে। যেনো খুব সহজেই জাভাস্ক্রিপ্ট শিখা শুরু করতে পাড়েন।
২। Clever Programmer এর “JavaScript Tutorial for Beginners”
ছবি সংগ্রহ হয়েছে Youtube থেকে
JavaScript Tutorial for Beginners জাভাস্ক্রিপ্টের ফান্ডামেন্টাল টপিকগুলো শেষ করার পর ফান্ডামেন্টাল বিষয়গুলোকে আরো একটু ভালোভাবে জানতে এই সিরিজের প্রোজেক্ট গুলো সম্পূর্ণ করতে পাড়েন।
৩। FreeCodeCamp.org এর “Build 15 Vanilla JavaScript Projects Course”
ছবি সংগ্রহ হয়েছে Youtube থেকে
Build 15 Vanilla JavaScript Projects Course ফ্রেমওয়ার্ক ছাড়াই কিভাবে প্লেইন জাভাস্ক্রিপ্ট ব্যবহার করে ১৫টি প্রোজেক্ট তৈরি করে আপনার জাভাস্ক্রিপ্ট দক্ষতা বৃদ্ধি করুন। এই টিউটোরিয়াল কোর্সে, আপনাকে কীভাবে জাভাস্ক্রিপ্ট প্রোজেক্টগুলি তৈরি করবেন তা ধাপে ধাপে শিখানো হবে।
নতুনদের জন্য বাংলায় এবং ইংরেজীতে জাভাস্ক্রিপ্ট প্রোগ্রামিং শেখার আদর্শ কিছু রিসোর্স উপরে যুক্ত করলাম!
তথ্যসূত্র: ইন্টারনেট এবং বিভিন্ন ব্লগ ও টিউটোরিয়াল থেকে আমি যে সকল রিসোর্স পেয়েছি তা আমি উপরে তুলে ধরেছি। এই আর্টিকেল পরবর্তীতে আপডেট করা হবে।
যদি এই পোস্টে কোনো কিছু বুঝতে অসুবিধা হয় তাহলে নিচে কমেন্ট এর মাধ্যমে জানাবেন। ধন্যবাদ!
হ্যাপী প্রোগ্রামিং!
আমার সাথে যুক্ত হতে চাইলে ফলো করতে পারেন!