Easy Ideas to Get Started Coding JS

javascript icon JavaScript Projects

Practice Projects

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

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

Big Bang
Big Bang একটি 2D শুটিং গেমস। এখানে মাউস ক্লিকের মাধ্যমে শুটিং করে শত্রু বাবল ধ্বংস করতে হয়। এখানে আমরা জাভাস্ক্রিপ্টের ইভেন্ট লিসেনার, ক্লাস টেকনোলজি, ক্যানভাস এবং বেসিক জাভাস্ক্রিপ্ট ড্রয়িং মেথডসগুলো ব্যবহার করেছি। অনুরোধ করবো প্রথমে গেইমটির লাইভ আউটপুট দেখে, নিজে নিজে গেইমটির কোড করার জন্য।

Snake Eye

Snake Eye একটি ফান জাভাস্ক্রিপ্ট প্রজেক্ট । এখানে বিভিন্ন সাইজের অনেকগুলো চোখ রয়েছে যা মাউস মুভমেন্টের মাধ্যমে বিভিন্ন দিকে নড়াচড়া করে। এখানে জাভাস্ক্রিপ্টের মাউসের মুভমেন্ট ট্র্যাকিং, ক্যানভাস এবং বেসিক জাভাস্ক্রিপ্ট সার্কেল ড্রয়িং মেথডসগুলো ব্যবহার করা হয়েছে। অনুরোধ করবো নিজে নিজে গেইমটির কোড করার জন্য।

Blurry Loading

Blurry Loading একটি সিম্পল জাভাস্ক্রিপ্ট প্রজেক্ট । এখানে একটি লোডার ব্যবহার করা হয়েছে যার লোডিং শেষ হলে একটি ইমেজ পারফেক্ট রেসোলিউশনে দেখা যাবে। অনুরোধ করবো নিজে নিজে এই প্রজেক্টটির কোড করার জন্য।