একটি বুটস্ট্র্যাপ উন্নয়ন পরিবেশ তৈরি করা

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

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

একটি বুটস্ট্র্যাপ উন্নয়ন পরিবেশ তৈরি করা

আমার স্বাদের জন্য, সেরা সমন্বিত উন্নয়ন পরিবেশ হল ভিজ্যুয়াল স্টুডিও কোড। কিন্তু, অনেক লিনাক্স ব্যবহারকারী এটি পছন্দ করেন না কারণ এটি মাইক্রোসফ্টে টেলিমেট্রি পাঠায়। তবুও, একটি বিকল্প আছে যা VSCodium নামক VSCode সোর্স কোড ব্যবহার করে যা কারো সাথে ডেটা ভাগ করে না। এটাই সংস্করণ যা আমরা এখন থেকে ব্যবহার করব।

VSCodium ইনস্টল করা হচ্ছে

আমরা নিম্নলিখিত উপায়ে VSCodium ইনস্টল করতে পারি:

স্ন্যাপ স্টোর

sudo snap install codium --classic

ফ্ল্যাটপ্যাক

flatpak install flathub com.vscodium.codium

ডেবিয়ান এবং ডেরিভেটিভস

আমরা যাচাইকরণ কী পেয়েছি

wget -qO - https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/raw/master/pub.gpg \
| gpg --dearmor \
| sudo dd of=/usr/share/keyrings/vscodium-archive-keyring.gpg
আমরা সংগ্রহস্থল যোগ করি
echo 'deb [ signed-by=/usr/share/keyrings/vscodium-archive-keyring.gpg ] https://download.vscodium.com/debs vscodium main' \
| sudo tee /etc/apt/sources.list.d/vscodium.list
আমরা আপডেট এবং ইনস্টল
sudo apt update
sudo apt install codium

ফেডোরা / RHEL / CentOS / RockyLinux / OpenSUSE

আমরা যাচাইকরণ কী পেতে

sudo rpmkeys --import https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/-/raw/master/pub.gpg

আমরা সংগ্রহস্থল যোগ

ফেডোরা/আরএইচইএল/সেন্টস/রকিলিনাক্স: printf "[gitlab.com_paulcarroty_vscodium_repo]\nname=download.vscodium.com\nbaseurl=https://download.vscodium.com/rpms/\nenabled=1\ngpgcheck=1\nrepo_gpgcheck=1\ngpgkey=https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/-/raw/master/pub.gpg\nmetadata_expire=1h" | sudo tee -a /etc/yum.repos.d/vscodium.repo

OpenSUSE/SUSE: printf "[gitlab.com_paulcarroty_vscodium_repo]\nname=gitlab.com_paulcarroty_vscodium_repo\nbaseurl=https://download.vscodium.com/rpms/\nenabled=1\ngpgcheck=1\nrepo_gpgcheck=1\ngpgkey=https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/-/raw/master/pub.gpg\nmetadata_expire=1h" | sudo tee -a /etc/zypp/repos.d/vscodium.repo

ইনস্টল করার জন্য আমরা করি:

ফেডোরা/আরএইচইএল/সেন্টস/রকিলিনাক্স: sudo dnf install codium

ওপেনসুএস / সুস: sudo zypper in codium

আর্কিটেকচার লিনাক্স

আমরা এই দুটি কমান্ডের যেকোনো একটি ব্যবহার করতে পারি

sudo aura -A vscodium-bin

o

yay -S vscodium-bin

তোতা ওএস

sudo apt update
sudo apt install codium

নিক্স(OS)

nix-env -iA nixpkgs.vscodium

VSCodium কনফিগার করা হচ্ছে

ইনস্টলেশন মোডের উপর নির্ভর করে, VSCodium ইংরেজিতে হতে পারে। আমরা সহজেই এটি পরিবর্তন করতে পারি।

1. ফাইল মেনুতে ক্লিক করুন পছন্দসমূহ।
2. ক্লিক করুন প্রসার.
3. আমরা লিখি স্প্যানিশ অনুসন্ধান ইঞ্জিনে।
4. এক্সটেনশনে ক্লিক করুন স্প্যানিশ ভাষা.
5. আমরা ক্লিক করে ইনস্টলেশন শুরু ইনস্টল করুন।
6. ক্লিক করুন ভাষা পরিবর্তন করুন এবং পুনরায় চালু করুন।

VSCode-এ এক্সটেনশনের একটি বিশাল সংগ্রহ রয়েছে যা বিভিন্ন ভাষায় প্রোগ্রামিং সহজতর করে এবং আমরা সেগুলি VSCodium-এও ব্যবহার করতে পারি। আমাদের প্রয়োজন একটি ইনস্টল করা যাক:

1. ক্লিক করুন পছন্দসমূহ।
2. ক্লিক করুন এক্সটেনশনগুলি।
3. আমরা লিখি বুটস্ট্র্যাপ অনুসন্ধান ইঞ্জিনে।
4. আমরা বলে যে এক নির্বাচন করুন বুটস্ট্র্যাপ 5 এবং ফন্ট অসাধারন স্নিপেট।
5. ইন্সটল এ ক্লিক করুন

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

বুটস্ট্র্যাপ হচ্ছে

বুটস্ট্র্যাপ মূলত উপাদানগুলির একটি সংগ্রহ। যখন আমরা বুটস্ট্র্যাপের উপর ভিত্তি করে একটি ওয়েবসাইটের কোড লিখি আমাদের প্রথমে যা করতে হবে তা হল ব্রাউজারকে বলা যে সেগুলি কোথায় পাওয়া যাবে।

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

মনে রাখবেন যে আপনি যদি স্থানীয়ভাবে বুটস্ট্র্যাপ ফাইলগুলির সাথে কাজ করতে পছন্দ করেন তবে আপনাকে সেগুলি সার্ভারে আপলোড করতে হবে বাকি ওয়েবসাইটের সাথে। আপনি যদি প্রকল্পের CDN সার্ভারের সাথে লিঙ্ক করেন তবে এটির প্রয়োজন হবে না৷

আপনি যদি বুটস্ট্র্যাপ প্যাকেজ ডাউনলোড করেন তবে আপনি দেখতে পাবেন যে দুটি ফোল্ডার এবং ফাইলের একটি সিরিজ রয়েছে। আমরা শুধুমাত্র দুটি আগ্রহী. JS ফোল্ডার থেকে bootstrap.bundle.js এবং CSS ফোল্ডার থেকে bootstrap.css.

উভয় বিকল্পের কোড প্রায় একই। শুধু অবস্থান পাথ পরিবর্তন.

এর একটি উদাহরণ তাকান
স্থানীয়ভাবে বুটস্ট্র্যাপ ব্যবহার করা

প্রকল্প CDN থেকে ব্যবহার করে

স্থানীয় ফাইলের অবস্থান নির্বিচারে। আমি এগুলিকে বুট্র্যাপ নামক একটি ফোল্ডারের ভিতরে রেখেছিলাম এবং জেএস এবং সিএসএস নামে দুটি সাবফোল্ডার তৈরি করেছি।

আপনি বাকি কোড বুঝতে না পারলে চিন্তা করবেন না। আমরা পরবর্তী নিবন্ধে যে যত্ন নিতে.

নোট

নিবন্ধটি প্রকাশ করার পরে আমি আবিষ্কার করেছি যে আমাদের বিষয়বস্তু ব্যবস্থাপক HTML কোড দেখায় না কিন্তু ফলাফল। আমি Github বা অনুরূপ উদাহরণ আপলোড করব এবং আমি এখানে স্ক্রিনশট রাখব।