প্রকাশ করুন। উজুন্টু 20.04 এ সিএসএস এবং এইচটিএমএল ব্যবহার করে উপস্থাপনা তৈরি করুন

revel.js সম্পর্কে

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

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

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

জন্য reveal.js উদাহরণ ubunlog

এই ফ্রেমটি সহ বিভিন্ন বৈশিষ্ট্য সহ আসে with নেস্টেড স্লাইড, এর জন্য সমর্থন Markdown, স্বয়ংক্রিয় অ্যানিমেশন, পিডিএফ এক্সপোর্ট, স্পিকার নোটস, লটেক্স সমর্থন, এবং সিনট্যাক্স হাইলাইটিং.

উবুন্টু 20.04-এ প্রকাশ করুন .js

Reveal.js ইনস্টলেশন শুরু করার আগে প্রথমে কিছু প্রয়োজনীয় প্যাকেজ ইনস্টল করা আমাদের পক্ষে প্রয়োজনীয় হবে। এটি করার জন্য আমাদের একটি টার্মিনাল (Ctrl + Alt + T) খুলতে হবে এবং এতে নিম্নলিখিত কমান্ডটি প্রয়োগ করতে হবে:

নির্ভরতা ইনস্টল করুন

sudo apt install curl gnupg2 unzip git

পরবর্তী পদক্ষেপটি আমাদের গ্রহণ করা দরকার নোডজেএস সংস্করণ 14 ইনস্টল করুনযদিও 10 ম সংস্করণ থেকে এটি কাজ করা উচিত। এর জন্য আমাদের নোডেজের সংগ্রহস্থল যুক্ত করতে হবে, যা আমরা একই টার্মিনালে টাইপ করে করতে পারি:

নোডেজের সংগ্রহস্থল ইনস্টল করুন 14

curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -

এটি আপনার জিপিজি কী সহ সংগ্রহস্থল যোগ করার পুরো প্রক্রিয়াটি শুরু করবে। প্রক্রিয়া শেষ হয়ে গেলে, আমরা পারি নোডজেএস ইনস্টল করুন নিম্নলিখিত কমান্ড সহ:

নোডেজ 14 ইনস্টল করুন

sudo apt install nodejs

ইনস্টলেশন সম্পূর্ণ হলে, আমরা সক্ষম হব নোডজেএস-এর ইনস্টলড সংস্করণ পরীক্ষা করুন নিম্নলিখিত কমান্ড চলমান:

নোড সংস্করণ

node -v

ডাউনলোড এবং ইনস্টল করুন Reveal.js

এই মুহুর্তে, ডাউনলোড শুরু করার সময় এসেছে। এটি করার জন্য, আমরা করব গিট ব্যবহার করে ক্লোন রেভাল.জেএস সংগ্রহস্থল। এটি করার জন্য আমাদের কেবলমাত্র একটি টার্মিনাল (Ctrl + Alt + T) খুলতে হবে এবং নিম্নলিখিত কমান্ডটি প্রয়োগ করতে হবে:

প্রকাশ.js ডাউনলোড করুন

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

ক্লোনিং হয়ে গেলে, আমাদের কম্পিউটারে আমরা রেভেল.জেএস নামে একটি ফোল্ডার পেয়ে যাব। এটি অ্যাক্সেস করতে e অ্যাপ্লিকেশন ইনস্টল করুন, আমাদের কেবলমাত্র টার্মিনালে নিম্নলিখিত কমান্ডগুলি ব্যবহার করতে হবে (Ctrl + Alt + T):

প্রকাশ.js ইনস্টল করুন

cd reveal.js

sudo npm install

সমস্ত অ্যাপ্লিকেশন নির্ভরতা ইনস্টল হয়ে গেলে, আমরা এখন নিম্নলিখিত কমান্ড ব্যবহার করে এটি চালাতে পারি:

প্রকাশ.js সার্ভার শুরু করুন

npm start

পূর্ববর্তী কমান্ডটি নির্দেশ করবে যে সার্ভারের আইপি ঠিকানার সাথে 8000 পোর্টের মাধ্যমে পরিষেবাটি ডিফল্ট বন্দর হিসাবে সরবরাহ করা হবে। এখন, আমাদের ঠিক আছে আমাদের প্রিয় ওয়েব ব্রাউজারটি খুলুন এবং এতে যান http://ip-servidor:8000। এই দিকটিতে আমরা প্রকাশ.js এর ডিফল্ট উপস্থাপনাটি দেখতে পাব যা ইঙ্গিত দেয় যে ইনস্টলেশনটি সফল হয়েছে।

প্রকাশ.js শুরু করুন

আমরাও সক্ষম হব usingport ব্যবহার করে পোর্ট পরিবর্তন করুন নিম্নরূপ:

npm start -- --port=8001

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

উপস্থাপনা তৈরি করার জন্য রিভেল.জেএস হ'ল পাওয়ার পয়েন্টের বিকল্প, যা আমরা শিক্ষায় বা এমনকি কাজের ক্ষেত্রেও ব্যবহার করতে পারি। এই নিবন্ধে নির্দেশাবলী অনুসরণ করে, যে কোনও ব্যবহারকারী সক্ষম হবেন এই প্রোগ্রামটি একটি উবুন্টু 20.04 সিস্টেমে ইনস্টল করুন। যে কেউ HTML এবং CSS ব্যবহার করে দুর্দান্ত উপস্থাপনা তৈরি করতে পারেন।

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

প্ল্যাটফর্ম স্লাইড উদাহরণ

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


আপনার মন্তব্য দিন

আপনার ইমেল ঠিকানা প্রকাশিত হবে না। প্রয়োজনীয় ক্ষেত্রগুলি দিয়ে চিহ্নিত করা *

*

*

  1. ডেটার জন্য দায়বদ্ধ: মিগুয়েল অ্যাঞ্জেল গাটান
  2. ডেটার উদ্দেশ্য: নিয়ন্ত্রণ স্প্যাম, মন্তব্য পরিচালনা।
  3. আইনীকরণ: আপনার সম্মতি
  4. তথ্য যোগাযোগ: ডেটা আইনি বাধ্যবাধকতা ব্যতীত তৃতীয় পক্ষের কাছে জানানো হবে না।
  5. ডেটা স্টোরেজ: ওসেন্টাস নেটওয়ার্কস (ইইউ) দ্বারা হোস্ট করা ডেটাবেস
  6. অধিকার: যে কোনও সময় আপনি আপনার তথ্য সীমাবদ্ধ করতে, পুনরুদ্ধার করতে এবং মুছতে পারেন।