মোনাকো-চালিত সম্পাদনা
কাঠামোবদ্ধ ফাইল, ট্যাব এবং পরিচিত কোডিং ওয়ার্কফ্লোগুলির জন্য তৈরি একটি সম্পাদকে কোড লিখুন।
ব্রাউজার-ভিত্তিক কোড ওয়ার্কস্পেস
সরাসরি আপনার ব্রাউজারে কোড, প্রিভিউ এবং পরীক্ষা প্রজেক্ট
প্রকল্প ট্যাব এবং লাইভ পূর্বরূপ সহ একটি মোনাকো-চালিত সম্পাদকে কাজ করুন। দ্রুত শুরু করুন, আপনার নির্মাণের সাথে সাথে পরিবর্তনগুলি পরিদর্শন করুন এবং আপনার প্রকল্পটি প্রস্তুত হলে রপ্তানি করুন।
মোনাকো সম্পাদকলাইভ প্রিভিউব্রাউজার ভিত্তিককোন সেটআপ নেই
KreoCode ওয়ার্কস্পেস
src/App.tsx
TypeScript + প্রতিক্রিয়া
const workflow = {
preview: true,
setup: 'none'
};
// প্রকল্পের পরিবর্তনের সাথে সাথে আপডেটের পূর্বরূপ দেখুন
$ npm run preview
প্রিভিউ সফলভাবে কম্পাইল করা হয়েছে
প্রিভিউ সফলভাবে কম্পাইল করা হয়েছে
লাইভ প্রিভিউ
পূর্বরূপ প্রস্তুত
একটি ফোকাসড ব্রাউজার ডেভেলপমেন্ট ওয়ার্কস্পেস
কোড এডিটিং, প্রিভিউ এবং ডেভেলপার ইউটিলিটিগুলি আপনাকে এখন যে কাজটি সম্পূর্ণ করতে হবে তার চারপাশে সংগঠিত হয়।
লাইভ ভিজ্যুয়াল প্রিভিউ
HTML, CSS এবং JavaScript এ পুনরাবৃত্তি করার সময় আপনার ফাইলগুলির পাশাপাশি ব্রাউজার আউটপুট পর্যালোচনা করুন৷
সেটআপ ছাড়াই শুরু করুন
প্রথমে স্থানীয় উন্নয়ন পরিবেশ কনফিগার না করে ব্রাউজারে একটি প্রকল্প খুলুন।
ব্রাউজার ওয়ার্কফ্লো
আপনার সক্রিয় কর্মক্ষেত্রে খসড়া রাখুন এবং কখন আপনার প্রকল্প ফাইলগুলি রপ্তানি করবেন তা স্থির করুন।
ব্যবহারিক প্রকল্পের জন্য কোড-প্রথম কর্মপ্রবাহ
এডিটর ব্যবহার করুন যেখানে সোর্স কোড, রেন্ডার করা আউটপুট এবং ফোকাসড ডেভেলপার ইউটিলিটি একসাথে কাছাকাছি থাকা দরকার।
ফ্রন্টএন্ড প্রোটোটাইপ
একটি ওয়ার্কস্পেসে সোর্স এবং ব্রাউজার প্রিভিউ সহ ছোট ইন্টারফেস আইডিয়া তৈরি এবং পরিদর্শন করুন।
পুনঃব্যবহারযোগ্য স্নিপেট
ডকুমেন্টেশন, শিক্ষাদান বা বাস্তবায়ন কাজের জন্য খসড়া, পরিমার্জন এবং রপ্তানি কোড উদাহরণ।
API এবং ডেটা পরীক্ষা
পেলোড আচরণ পরীক্ষা করার সময় JSON বিন্যাস এবং বৈধতা ইউটিলিটিগুলির সাথে JavaScript যুক্তি যুক্ত করুন৷
ধারণা থেকে তিন ধাপে পূর্বরূপ
প্রোটোটাইপ, স্নিপেট এবং ব্রাউজার-মুখী প্রকল্প কাজের জন্য একটি সংক্ষিপ্ত কর্মপ্রবাহ।
কোডিং শুরু করুন
সম্পাদক খুলুন এবং সংগঠিত উত্স ফাইলগুলির সাথে আপনার প্রকল্প তৈরি করুন।
সঙ্গে সঙ্গে পূর্বরূপ
আপনি লেআউট এবং আচরণ পরিমার্জন করার সময় রেন্ডার করা ফলাফলটি পরিদর্শন করুন।
আপনার কাজ রপ্তানি করুন
আপনার ব্রাউজার ওয়ার্কফ্লো সম্পূর্ণ হলে প্রকল্প ফাইল ডাউনলোড করুন।
আপনার কর্মপ্রবাহের সাথে সংযুক্ত ডেভেলপার টুল
বিন্যাস, পরীক্ষা এবং সাধারণ উন্নয়ন মান তৈরি করার জন্য ফোকাসড Kreotar ইউটিলিটি ব্যবহার করুন।
JSON বিন্যাসফর্ম্যাট করুন এবং JSON ডেটা পরিদর্শন করুন।Regex পরীক্ষকনমুনা পাঠ্যের বিরুদ্ধে এক্সপ্রেশন পরীক্ষা করুন।JWT ডিকোডারটোকেন পেলোডগুলি দ্রুত পরিদর্শন করুন।হ্যাশ জেনারেটরস্ট্রিং জন্য হ্যাশ তৈরি করুন.UUID জেনারেটরপ্রকল্পের জন্য শনাক্তকারী তৈরি করুন।টাইমস্ট্যাম্প কনভার্টারসাধারণ সময়ের মান অনুবাদ করুন।কোড ফরম্যাটারপেস্ট করা কোড পর্যালোচনা করা সহজ করুন।কোড মিনিফায়ারকমপ্যাক্ট কোড আউটপুট প্রস্তুত.JSON স্কিমা যাচাইকারীকাঠামোগত ইনপুট ডেটা পরীক্ষা করুন।
Kreotar ডেভেলপার ওয়ার্কস্পেস
দ্রুত ব্রাউজার কাজের জন্য ডিজাইন করা একটি কোড এডিটর
Kreotar কোড এডিটর ডেভেলপার এবং ছাত্রদের ব্রাউজার প্রকল্প কোড লিখতে, আউটপুট দেখতে এবং স্থানীয় ইনস্টলেশনের সাথে শুরু না করে ফাইল প্রস্তুত করার জন্য একটি সরাসরি জায়গা দেয়। এটি প্রোটোটাইপ, প্রদর্শন, ছোট ইন্টারফেস পরীক্ষা এবং দ্রুত সমাধানের জন্য দরকারী।
যখন সমর্থনকারী ইউটিলিটিগুলির প্রয়োজন হয়, তখন বিকাশকারী সরঞ্জামগুলি একটি লিঙ্ক দূরে থাকে: পেলোডগুলি ফর্ম্যাট করুন, নিয়মিত এক্সপ্রেশন পরীক্ষা করুন বা সম্পাদকে চালিয়ে যাওয়ার আগে শনাক্তকারী তৈরি করুন৷ ওয়ার্কফ্লো হালকা থাকে এবং বিস্তৃত Kreotar ইকোসিস্টেমের সাথে সংযুক্ত থাকে।
প্রজেক্ট সেটআপ ছাড়াই অনলাইন কোড এডিটিং
স্থানীয় টুলচেন কনফিগার না করেই ব্রাউজার কোড লিখতে, পরিদর্শন করতে এবং পূর্বরূপ দেখতে হলে একটি অনলাইন সম্পাদক দরকারী। এটি উদাহরণ, ছোট পরীক্ষা এবং পর্যালোচনাযোগ্য প্রোটোটাইপের জন্য উপযুক্ত করে তোলে।
HTML, CSS এবং JavaScript কাজের জন্য লাইভ পূর্বরূপ
ভিজ্যুয়াল আউটপুট উৎস পরিবর্তনের প্রসঙ্গ দেয়। প্রকল্প সম্পাদনা করুন, রেন্ডার করা ফলাফলগুলি পরিদর্শন করুন এবং ব্রাউজার-মুখী কোডের চারপাশে নির্মিত একটি ওয়ার্কফ্লোতে আচরণ সামঞ্জস্য করুন৷
সংযুক্ত এন্ট্রি পয়েন্ট হিসাবে বিকাশকারী ইউটিলিটি
কোডের কাজে প্রায়ই JSON যাচাই করা, রেজেক্স পরীক্ষা করা, টোকেন ডিকোড করা বা আইডি তৈরি করা অন্তর্ভুক্ত থাকে। এই টুলগুলির ক্রলযোগ্য লিঙ্কগুলি বিকাশকারীর কর্মপ্রবাহকে আবিষ্কারযোগ্য এবং চালিয়ে যাওয়া সহজ করে তোলে।
কোড সম্পাদক প্রশ্ন
ব্রাউজার ওয়ার্কস্পেস ব্যবহার সম্পর্কে ব্যবহারিক বিবরণ।
আমি কি সফ্টওয়্যার ইনস্টল না করে কোড এডিটর খুলতে পারি?
হ্যাঁ। কর্মক্ষেত্রটি আপনার ব্রাউজারে খোলে, যাতে আপনি স্থানীয় সেটআপ ছাড়াই একটি প্রকল্প সম্পাদনা এবং পূর্বরূপ দেখা শুরু করতে পারেন৷
সম্পাদক লাইভ পূর্বরূপ অন্তর্ভুক্ত?
হ্যাঁ। কর্মক্ষেত্রে আপনি কাজ করার সময় ব্রাউজার-মুখী প্রজেক্ট আউটপুটের জন্য লাইভ প্রিভিউ অন্তর্ভুক্ত করে।
আমি কিভাবে আমার ফাইলের সাথে চালিয়ে যেতে পারি?
ব্রাউজার ওয়ার্কস্পেসে কাজ করুন এবং যখন আপনি প্রজেক্ট ফাইল ডাউনলোড করতে প্রস্তুত হন তখন এর এক্সপোর্ট কন্ট্রোল ব্যবহার করুন।