If you're seeing this message, it means we're having trouble loading external resources on our website.

তোমার যদি কোন ওয়েব ফিল্টার দেওয়া থাকে, তাহলে দয়া করে নিশ্চিত কর যে *.kastatic.org এবং *.kasandbox.org ডোমেইনগুলো উন্মুক্ত।

মূল বিষয়বস্তু

খান একাডেমির বাইরের ওয়েবপেজ ডেভেলপ (webpage develop) করা

এখানে খান একাডেমিতে তুমি ব্রাউজারেই কোডিং করতে পারবে যাতে তুমি খুব সহজেই এইচটিএমএল শিখতে পার, আর সাথে অন্যের কাছ থেকে তোমার কোড সম্পর্কে দ্রুত মতামত জানতে পার এবং তোমার নিজের কাজ শেয়ার করতে পার।
যাই হোক, তুমি কিন্তু এখানে সবকিছু করতে পারবে না — নিরাপত্তাজনিত কারণ তো রয়েছেই আর এই ছোট্ট পরিসরে একটি পূর্ণাঙ্গ কোড এডিটর রাখা খুবই কষ্টসাধ্য।
যখন তুমি এখানে এইচটিএমএল/সিএসএস শিখে ফেলবে, তুমি হয়ত খান একাডেমির বাইরে একটি পূর্ণাঙ্গ এডিটরে ওয়েবসাইট বানানো শুরু করবে, যেখানে তুমি একাধিক ফাইল যোগ করা, ফাইল খোঁজা, নিজের বানানো প্লাগইন এবং আরও অনেক কিছু যোগ করতে পারবে। তুমি যে এডিটরই ব্যবহার কর না কেন, মনে রাখবে তোমার ফাইল এর নামের শেষে ".html" ব্যবহার করে ফাইলটি তোমাকে সংরক্ষণ করতে হবে — এটা প্রত্যেকটা এইচটিএমএল পেজের ফাইলের নামের শেষে থাকতে হয়, যাতে করে এডিটর এবং ব্রাউজার তাদের চিনতে পারে।

অনলাইন এডিটর

One option is to use an online editor, similar to ours but with additional features. You might want to use an online editor if you have a computer that doesn't let you download apps or you want to use the same editor across multiple computers. Popular online editors are JSBin, Repl.it, Glitch, and CodePen. If you're on a ChromeBook, you can install a Chrome web app like Caret or Zed. Here's a video of me editing a webpage in Cloud9:
খান একাডেমি ভিডিও প্লেয়ার

ডেস্কটপ এডিটর

Another option is to use a desktop editor. An app is downloaded to your computer and saves the files to your hard drive. There are lots of desktop editors for you to pick from, depending on what OS and price you're looking for. Some popular desktop editors are Visual Studio Code, Atom, Sublime Text, Adobe Brackets, and Notepad++ (for Windows). Here's a video of me editing a webpage in Sublime Text:
খান একাডেমি ভিডিও প্লেয়ার

কমান্ড-লাইন এডিটর

তৃতীয় উপায়টি হল কমান্ড-লাইন এডিটর ব্যবহার করা। যদি তুমি কমান্ড-লাইনের সাথে পরিচিত না হও, তাহলে তুমি এটা ব্যবহার না করাই শ্রেয় কারণ এইভাবে কাজটি করার জন্য তোমাকে আবার কমান্ড-লাইনের সাথেও পরিচিত হতে হবে। আর, যদি তুমি মাউসের পরিবর্তে কীবোর্ড ব্যবহার করতে পছন্দ কর, তোমার তখন হয়ত কমান্ড-লাইন এডিটরটি ভালো লাগবে। দুইটি জনপ্রিয় কমান্ড-লাইন এডিটর হল Emacs এবং Vim আর এগুলো ইউনিক্স-নির্ভর ব্যবস্থা যেমন লিনাক্স বা ম্যাক এ আগে থেকেই দেওয়া থাকে। এই ভিডিওটিতে দেখবে কীভাবে Vim এডিটরটি ব্যবহার করে ওয়েবপেজ তৈরি করা হয়:
খান একাডেমি ভিডিও প্লেয়ার

এডিটর বাছাই করা

এগুলোর মধ্যে তুমি কোনটি বাছাই করবে? আপাতত তুমি খান একাডেমির এইচটিএমএল/সিএসএস এডিটরটি ব্যবহার করতে থাক। যদিও একসময়, তুমি হয়ত অন্য যেকোন একটি এডিটরের সাথে পরিচিত হতে চাইবে। বিনামূল্যে পাওয়া যায় এমন কয়েকটি এডিটর তুমি ব্যবহার করে দেখতে পার যে তোমার কোনটি ভালো লাগে। তাছাড়া তুমি তোমার বন্ধু বা সহকর্মীদের জিজ্ঞেস করে দেখতে পার যে কে কোন এডিটরটি ব্যবহার করছে। তোমার আশেপাশে যেটি বেশি ব্যবহৃত হয় সেটা ব্যবহার করাটা বেশ সুবিধাজনক, কারণ এক্ষেত্রে তুমি তাদের কাছ থেকে মাঝে মাঝে সাহায্য চাইতে পারবে।
For example, here's a graph of what my Khan Academy colleagues use. Some of them don't write HTML/CSS, so their favorite editor might not be a good choice for you.
Bar chart of editor preference—VSCode, Sublime, Emacs, VIM, in that order.
Last surveyed in June 2018, editor preferences are very subject to change.
If you're reading this and already use a different editor to develop webpages, you can share what you're using and why you like it in the Tips below. If you have any favorite editor plugins or browser development tools, share those too. Sharing is caring. 😊

আলোচনায় অংশ নিতে চাও?

কোন আলাপচারিতা নেই।
ইংরেজি জানো? খান একাডেমির ইংরেজি সাইটে আরো আলোচনা দেখতে এখানে ক্লিক কর।