1. পণ্য
  2.   উপস্থাপনা
  3.   JavaScript
  4.   reveal.js

reveal.js

 
 

ওয়েব উপস্থাপনা প্রক্রিয়া করার জন্য জাভাস্ক্রিপ্ট লাইব্রেরি

ওপেন সোর্স JavaScript API তৈরি ও পরিচালনা করতে শক্তিশালী PowerPoint-এর মত ওয়েব উপস্থাপনা এবং JavaScript কোড ব্যবহার করে PDF এ রপ্তানি করুন।

reveal.js হল একটি ওপেন সোর্স শক্তিশালী ফ্রেমওয়ার্ক যা JavaScript সফ্টওয়্যার বিকাশকারীদের জাভাস্ক্রিপ্ট কমান্ড ব্যবহার করে শক্তিশালী পাওয়ারপয়েন্ট-এর মতো ওয়েব উপস্থাপনা তৈরি এবং পরিচালনা করার ক্ষমতা দেয়। উপস্থাপনাগুলি উন্মুক্ত ওয়েব প্রযুক্তির উপর নির্মিত এবং ব্যবহারকারীরা ওয়েবে ব্যবহৃত তাদের উপস্থাপনায় সমস্ত আধুনিক কৌশল অন্তর্ভুক্ত করতে পারে।

reveal.js API একই ওয়েবপেজে সমান্তরালভাবে একাধিক উপস্থাপনা চালানোর জন্য এবং একটি ES মডিউল হিসাবে লাইব্রেরীকে অন্তর্ভুক্ত করার জন্য সমর্থন প্রদান করেছে। আমি পূর্ণ-স্ক্রীন মোডে উপস্থাপনা দেখার জন্য সমর্থনও অন্তর্ভুক্ত করেছি। এটি আপনাকে জাভাস্ক্রিপ্ট কমান্ড ব্যবহার করে কাস্টম কী বাইন্ডিং যোগ করতে বা অপসারণ করতে সক্ষম করে।

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

Previous Next

reveal.js দিয়ে শুরু করা

reveal.js ইনস্টল করার প্রস্তাবিত উপায় হল GitHub ব্যবহার করা। একটি সম্পূর্ণ ইনস্টলেশনের জন্য নিম্নলিখিত কমান্ড ব্যবহার করুন. 

GitHub এর মাধ্যমে reveal.js ইনস্টল করুন

$ git clone https://github.com/hakimel/reveal.js.git

জাভাস্ক্রিপ্ট API এর মাধ্যমে ওয়েব উপস্থাপনা সৃষ্টি

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

পিডিএফে উপস্থাপনা রপ্তানি করুন

বিনামূল্যে reveal.js লাইব্রেরি সফ্টওয়্যার বিকাশকারীদের জন্য তাদের নিজস্ব জাভাস্ক্রিপ্ট অ্যাপ্লিকেশনগুলির মধ্যে PDF ফাইল ফর্ম্যাটে উপস্থাপনা রপ্তানি করা সহজ করে তোলে। প্রথমে, আপনাকে প্রিন্ট-পিডিএফ সহ উপস্থাপনা খুলতে হবে এবং ইন-ব্রাউজার প্রিন্ট ডায়ালগ খুলতে হবে। এর পরে সেভ অ্যাজ পিডিএফ দিয়ে গন্তব্য সেটিং পরিবর্তন করুন এবং কিছু অন্যান্য বিকল্প সংরক্ষণ করুন। PDF এ রপ্তানি করার সময় আপনি স্পিকার নোট, পৃষ্ঠা নম্বর এবং পৃষ্ঠার আকার অন্তর্ভুক্ত করতে পারেন।

জাভাস্ক্রিপ্টের মাধ্যমে স্বয়ংক্রিয় স্লাইড অ্যানিমেশন

reveal.js লাইব্রেরি জাভাস্ক্রিপ্ট কমান্ড ব্যবহার করে স্বয়ংক্রিয় স্লাইড অ্যানিমেশন বৈশিষ্ট্য প্রয়োগ করার জন্য কার্যকারিতা প্রদান করেছে। ব্যবহারকারীদের দুটি সংলগ্ন স্লাইড উপাদানগুলিতে কার্যকারিতা প্রয়োগ করতে হবে এবং এটি স্বয়ংক্রিয়ভাবে স্লাইডগুলির উপাদানগুলিতে অ্যানিমেশন প্রয়োগ করবে৷ লাইব্রেরি অ্যানিমেশনের উদ্দেশ্যে CSS বৈশিষ্ট্য ব্যবহার করে এবং সহজেই অবস্থান, প্যাডিং, মার্জিন, রঙ, ফন্টের আকার ইত্যাদি পরিবর্তন করতে পারে।

উপস্থাপনাগুলিতে উল্লম্ব স্লাইড যোগ করুন

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

 বাংলা