আজকে আমরা owl carousel এর লেয়ার এনিমেশন করা শিখবো, লেয়ার এনিমেশন বলতে স্লাইডারের প্রতিটি এলিমেন্টকে আলাদা করে Animationn, Animation Duration এবং Animation Delay দেয়াকে বুঝাচ্ছি। আর বিষয়টা আমরা এমনভাবে করবো, যাতে করে যেকোনো ইউজার খুব সহজেই প্রতিটি এনিমেশন এনিমেশনের টাইম পরিবর্তন করতে পারে। তাহলে দেরী না করে শুরু করে দেই…

সোর্স ফাইল ডাউনলোড করুন

কোর্সের চৌম্বক অংশঃ

  • একাধিক পেইজ যুক্ত প্রিমিয়াম পিএসডি শুরু থেকে থীমফরেস্টে সাবমিট করা পর্যন্ত দেখানো হবে।
  • প্রাকটিসের জন্য পিএসডি শেয়ার করা হবে।
  • এডভান্স জেক্যুয়ারি & SASS ব্যবহার করা হবে। style.css/main.css এ হাত দেয়া হবেনা, সম্পুর্ন কাজ SASS এ হবে।
  • বুটস্ট্রাপ ৪ এর অসাধারণ সব নতুন ফিচার সমুহ নিয়ে কাজ করা হবে & বিস্তারিত আলোচনা করা হবে।
  • কোনো প্রকার responsive.css টাইপের সিএসএস ব্যবহার করা হবেনা, সম্পুর্ন রেস্পনসিভ করা হবে SASS এর mixin ব্যবহার করে।
  • OwlCarousel স্লাইডারের এডভান্স লেয়ার এনিমেশন দেখানো হবে।
  • সম্পুর্ন সোর্স কোড গীটহাবে শেয়ার করে দেয়া হবে।
  • আপনাদের বহুল প্রত্যাশিত লাইভ & আনলিমিটেড কালার, লে-আউট এবং থীম চেঞ্জার এড করে দেখানো হবে। আর হ্যা এই কাজটা একটু এডভান্স লেভেলের জেক্যুয়ারি দিয়ে করা হবে, নিচে প্রিভিও যুক্ত করা হলো…
  • সিএসএস ৩ এর এডভান্স এনিমেশন & সাধারণ জাভাস্ক্রিপ্ট এর কাজ গুলো থার্ড-পার্টি প্লাগিন ব্যবহার না করেই কিভাবে করা যায় সেটা দেখানো হবে।
  • একই টেমপ্লেটে ডকুমেন্টশন, placeholder & থীমফরেস্টে সাবমিট করার প্রসেস দেখানো হবে।

কি করা যাবে/করা যাবেনাঃ

  • এই পিএসডি কে কনভার্ট করে কোথাও সাবমিট করা যাবেনা, এটা শুধুমাত্র প্রাকটিসের জন্য দেয়া হবে আপনাদের।
  • যেকোনো ধরণের প্রশ্ন থাকলে প্রথমে গুগলে খুজবেন, না পেলে নির্ধারিত গ্রুপে প্রশ্ন করবেন। ইনবক্সে হাই-হ্যালো টাইপের মেসেজ না দেয়ার জন্য বিশেষ ভাবে অনুরোধ করা হচ্ছে।
  • ইনবক্সে zip ফাইল পাঠিয়ে দেখে দেয়ার জন্য রিকুয়েস্ট না করে আপনার ফাইলটা একটা সার্ভারে আপলোড করে লিংক দিবেন, এতে করে আপনাকে যে হেল্প করবে তার সময় বাচবে & আপনার হেল্প পাওয়ার সম্ভাবনাও বাড়বে।
  • আপনার ডোমেইন-হোস্টিং না থাকে তাহলে আপনার কোড টা https://jsfiddle.net/ এ শেয়ার করুন।