*** # কোড এডিটর ব্যবহার: [VSCode.dev](https://vscode.dev) দক্ষতার সাথে শিখুন **স্বাগতম!** এই পাঠটি আপনাকে [VSCode.dev](https://vscode.dev)—একটি শক্তিশালী, ওয়েব-ভিত্তিক কোড এডিটর—এর বেসিক থেকে অ্যাডভান্সড ব্যবহারের দিকে নিয়ে যাবে। আপনি শিখবেন কীভাবে আত্মবিশ্বাসের সাথে কোড সম্পাদনা করবেন, প্রজেক্ট পরিচালনা করবেন, পরিবর্তন ট্র্যাক করবেন, এক্সটেনশন ইনস্টল করবেন এবং পেশাদারদের মতো সহযোগিতা করবেন—সবকিছুই আপনার ব্রাউজার থেকে, কোনো ইনস্টলেশন ছাড়াই। *** ## শেখার লক্ষ্য এই পাঠ শেষে, আপনি সক্ষম হবেন: - যেকোনো প্রজেক্টে, যেকোনো জায়গায় দক্ষতার সাথে কোড এডিটর ব্যবহার করতে - বিল্ট-ইন ভার্সন কন্ট্রোল দিয়ে আপনার কাজ নির্বিঘ্নে ট্র্যাক করতে - এডিটর কাস্টমাইজেশন এবং এক্সটেনশন দিয়ে আপনার ডেভেলপমেন্ট ওয়ার্কফ্লোকে ব্যক্তিগতকরণ এবং উন্নত করতে *** ## পূর্বশর্ত শুরু করার জন্য, **একটি বিনামূল্যের [GitHub](https://github.com) অ্যাকাউন্ট তৈরি করুন**, যা আপনাকে কোড রিপোজিটরি পরিচালনা এবং বিশ্বব্যাপী সহযোগিতা করতে সাহায্য করবে। যদি আপনার অ্যাকাউন্ট না থাকে, [এখানে একটি তৈরি করুন](https://github.com/)। *** ## কেন ওয়েব-ভিত্তিক কোড এডিটর ব্যবহার করবেন? একটি **কোড এডিটর** যেমন VSCode.dev আপনার কোড লেখার, সম্পাদনা করার এবং পরিচালনা করার কমান্ড সেন্টার। একটি সহজবোধ্য ইন্টারফেস, অসংখ্য ফিচার এবং ব্রাউজারের মাধ্যমে তাৎক্ষণিক অ্যাক্সেস সহ, আপনি পারবেন: - যেকোনো ডিভাইসে প্রজেক্ট সম্পাদনা করতে - ইনস্টলেশনের ঝামেলা এড়াতে - তাৎক্ষণিকভাবে সহযোগিতা এবং অবদান রাখতে VSCode.dev-এ দক্ষ হয়ে উঠলে, আপনি যেকোনো সময়, যেকোনো জায়গা থেকে কোডিং কাজ মোকাবেলা করতে প্রস্তুত থাকবেন। *** ## VSCode.dev দিয়ে শুরু করা **[VSCode.dev](https://vscode.dev)**-এ যান—কোনো ইনস্টলেশন বা ডাউনলোডের প্রয়োজন নেই। GitHub দিয়ে সাইন ইন করলে পূর্ণ অ্যাক্সেস আনলক হবে, যার মধ্যে আপনার সেটিংস, এক্সটেনশন এবং রিপোজিটরি সিঙ্ক করা অন্তর্ভুক্ত। যদি প্রম্পট আসে, আপনার GitHub অ্যাকাউন্ট সংযুক্ত করুন। লোড হওয়ার পরে, আপনার ওয়ার্কস্পেস দেখতে এমন হবে: , ⚙️ (সেটিংস), ফাইল, সোর্স কন্ট্রোল ইত্যাদি আইকন। - **সাইডবার:** অ্যাক্টিভিটি বার আইকন অনুযায়ী প্রসঙ্গ পরিবর্তন করে (ডিফল্ট *এক্সপ্লোরার* এ থাকে, যা ফাইল দেখায়)। - **এডিটর/কোড এরিয়া:** ডানদিকে সবচেয়ে বড় অংশ—যেখানে আপনি কোড সম্পাদনা এবং দেখতে পারবেন। ফিচারগুলো অন্বেষণ করতে আইকনগুলো ক্লিক করুন, তবে আপনার অবস্থান ধরে রাখতে _এক্সপ্লোরার_-এ ফিরে আসুন। *** ## একটি GitHub রিপোজিটরি খুলুন ### পদ্ধতি ১: এডিটর থেকে 1. [VSCode.dev](https://vscode.dev)-এ যান। **"Open Remote Repository"** ক্লিক করুন। ।  পেস্ট করুন এবং Enter চাপুন। যদি সফল হয়, আপনি পুরো প্রজেক্ট লোড হয়ে সম্পাদনার জন্য প্রস্তুত দেখতে পাবেন! *** ### পদ্ধতি ২: URL এর মাধ্যমে তাৎক্ষণিকভাবে যেকোনো GitHub রিপোজিটরি URL পরিবর্তন করে সরাসরি VSCode.dev-এ খুলুন `github.com`-কে `vscode.dev/github` দিয়ে প্রতিস্থাপন করে। যেমন: - GitHub: `https://github.com/microsoft/Web-Dev-For-Beginners` - VSCode.dev: `https://vscode.dev/github/microsoft/Web-Dev-For-Beginners` এই ফিচারটি যেকোনো প্রজেক্টে দ্রুত অ্যাক্সেসকে সুপারচার্জ করে। *** ## আপনার প্রজেক্টে ফাইল সম্পাদনা করা আপনার রিপোজিটরি খুললে, আপনি পারবেন: ### ১. **নতুন ফাইল তৈরি করুন** - *এক্সপ্লোরার* সাইডবারে আপনার পছন্দের ফোল্ডারে যান অথবা রুট ব্যবহার করুন। - _‘New file ...’_ আইকন ক্লিক করুন। - আপনার ফাইলের নাম দিন, **Enter** চাপুন, এবং আপনার ফাইল তাৎক্ষণিকভাবে উপস্থিত হবে।  এবং বর্জন (লাল) দেখায়।  *** ## আরও অনুসন্ধান এবং স্ব-অধ্যয়ন - [VSCode Web Docs](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza)-এর মাধ্যমে আরও গভীরে যান। - উন্নত ওয়ার্কস্পেস ফিচার, কীবোর্ড শর্টকাট এবং সেটিংস অন্বেষণ করুন। *** **এখন আপনি প্রস্তুত কোড করতে, তৈরি করতে এবং সহযোগিতা করতে—যেকোনো জায়গা থেকে, যেকোনো ডিভাইসে, VSCode.dev ব্যবহার করে!** --- **অস্বীকৃতি**: এই নথিটি AI অনুবাদ পরিষেবা [Co-op Translator](https://github.com/Azure/co-op-translator) ব্যবহার করে অনুবাদ করা হয়েছে। আমরা যথাসাধ্য সঠিকতার জন্য চেষ্টা করি, তবে অনুগ্রহ করে মনে রাখবেন যে স্বয়ংক্রিয় অনুবাদে ত্রুটি বা অসঙ্গতি থাকতে পারে। মূল ভাষায় থাকা নথিটিকে প্রামাণিক উৎস হিসেবে বিবেচনা করা উচিত। গুরুত্বপূর্ণ তথ্যের জন্য, পেশাদার মানব অনুবাদ সুপারিশ করা হয়। এই অনুবাদ ব্যবহারের ফলে কোনো ভুল বোঝাবুঝি বা ভুল ব্যাখ্যা হলে আমরা দায়বদ্ধ থাকব না।