ওয়েব বিকাশ সম্পর্কে হতাশাব্যঞ্জকগুলির মধ্যে একটিতে আপনার প্রকল্পগুলি অন্যদের সাথে ভাগ করে নেওয়ার সহজ উপায় নেই। অনেক ক্ষেত্রে আপনাকে আপনার প্রকল্পটি একটি ওয়েব সার্ভারে হোস্ট করতে হবে বা আপনার সংশ্লিষ্ট যাঁর কী তৈরি হয়েছে তা দেখতে চায় এমন কোনও ব্যক্তিকে প্রাসঙ্গিক ফাইল প্রেরণ করতে হবে। কিন্তু কোডপেন নামক একটি ঝরঝরে অনলাইন সরঞ্জামের জন্য ধন্যবাদ, আপনাকে আর এর কোনওটি নিয়ে চিন্তা করতে হবে না।
CodePen.io
কোডপেন একটি নিখরচায় সরঞ্জাম যা আপনাকে কোনও প্রকল্পের জন্য কোনও অর্থ ছাড়াই অনলাইনে হোস্ট করতে দেয়। শুরু করতে, কোডপেন.ওয়েতে যান এবং একটি নিখরচায় অ্যাকাউন্ট তৈরি করুন।
এটি হয়ে গেলে আপনি পর্দার উপরের ডানদিকে কোণায় "নতুন কলম" বোতামটি ক্লিক করে একটি "পেন" তৈরি করতে পারেন।
এর পরে, আপনি তাদের সম্পর্কিত বাক্সগুলিতে যে কোনও এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট যুক্ত করতে সক্ষম হবেন। একবার আপনি কোনও কোড যুক্ত করা শুরু করলে, আপনি কী তৈরি করছেন তার একটি লাইভ পূর্বরূপ দেখতে পাবেন। আপনি উপরের বাম কোণে আপনার প্রথম পেন শিরোনাম করতে পারেন। আপনি আপনার প্রথম "সংরক্ষণ করুন" এ ক্লিক করার পরে আপনি কেবল পৃষ্ঠার ইউআরএলটি বন্ধু, পরিবার এবং সহকর্মীদের সাথে ভাগ করে নিতে সক্ষম হবেন যাতে আপনি কী কাজ করছেন তা তারা দেখতে পারে।
আপনার কলমটি এতে কিছু কোডের সাথে দেখতে পাবেন (ট্রিবিউট পৃষ্ঠা নামে একটি ফ্রি কোড ক্যাম্প প্রকল্পের সৌজন্যে):
আপনার নিজের কলম তৈরি করার সময়, আপনি শুরু করার আগে সেটিংসের মধ্য দিয়ে যেতে চান। আপনি যখন "নতুন কলম" বোতামটি ক্লিক করেন, আপনাকে কিছু কোড প্রবেশ করানো শুরু করার জন্য একটি পেন টেম্পলেট দেখতে পাওয়া উচিত। উপরের ডানদিকে কোণায় একটি "সেটিংস" বোতাম থাকবে। এটিতে ক্লিক করুন (আপনার নীচের স্ক্রিনটি দেখতে হবে)।
এখানে আপনি নির্দিষ্ট তথ্য যুক্ত করতে এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট ট্যাবগুলিতে যেতে সক্ষম হবেন। এইচটিএমএল ট্যাবে আপনি মেটা তথ্য, যে জিনিসগুলিতে থাকা উচিত তা যুক্ত করতে সক্ষম হবেন
ট্যাব, এবং অন্যান্য। সিএসএসের অধীনে, আপনি কম ও স্যাসের মতো সিএসএস প্রিপ্রোসেসরগুলি যুক্ত করতে সক্ষম হবেন। কেবল এটিই নয়, আপনি বুটস্ট্র্যাপ এবং ফাউন্ডেশনের মতো বাহ্যিক সিএসএসেও যুক্ত করতে পারেন। জাভাস্ক্রিপ্ট ট্যাবের অধীনে, আপনি বাবেল বা কফিস্ক্রিপ্টের মতো একটি জাভাস্ক্রিপ্ট প্রিপ্রসেসর যুক্ত করতে পারেন। অতিরিক্তভাবে, আপনি কৌণিক, প্রতিক্রিয়া, লোড্যাশ, ডি 3, এবং এর মতো বাহ্যিক জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কগুলিতে যুক্ত করতে পারেন।
শেষ অবধি, কোডপেন আপনাকে যে "ভিউ" দেখছেন তার পরিবর্তন করার অনুমতি দেবে। ডিফল্ট দর্শনটি সম্পাদক ভিউ হয়, আপনাকে আপনার কোডটিতে প্রবেশ করতে এবং নীচের কনসোলে একটি ছোট প্রাকদর্শন পেতে দেয়। তবে, অন্যান্য বিকল্পগুলিও রয়েছে, বিশেষত কার্যকর একজন হ'ল "সম্পূর্ণ পৃষ্ঠা" দেখুন, যেখানে আপনি কোনও প্রকল্প দেখতে পাবেন যেন এটি কোনও ওয়েবসাইটে লাইভ ছিল। স্যুইচ করার জন্য আরও কয়েকটি মুখ্য ভিউ উপলব্ধ রয়েছে, এটির সাথে খেলাটি সার্থক!
কোডপেন সত্যিই একটি ঝরঝরে সরঞ্জাম এবং আমরা কেবল এর দরকারীতার পৃষ্ঠটিকে স্পর্শ করেছি। কোডপেন.ইওয়ের দিকে এগিয়ে যাওয়া এবং কয়েকটি প্রকল্পে এটি ব্যবহার করার জন্য এটি মূল্যবান এবং তারপরে, আপনার যদি এটির মতো মনে হয় তবে আপনার বন্ধুদের বা সহকর্মীদের সাথে ভাগ করুন।
আপনি কোডপেন সম্পর্কে কী ভাবেন? আপনি কি একই জাতীয় সরঞ্জাম ব্যবহার করেছেন? নিচের মন্তব্য অংশে আমাদেরকে জানান!
