Curriculum
Course: HTML Mastery: From Basics to Brilliance
Login

Curriculum

HTML Mastery: From Basics to Brilliance

মডিউল ১: পরিচিতি এবং বেসিক HTML : 1. HTML পরিচিতি

0/4

মডিউল ১: পরিচিতি এবং বেসিক HTML : 2. HTML ডকুমেন্ট স্ট্রাকচার

0/2

মডিউল ১: পরিচিতি এবং বেসিক HTML : 3. বেসিক ট্যাগস

0/4

মডিউল ১: পরিচিতি এবং বেসিক HTML : 4. টেক্সট ফরম্যাটিং ট্যাগস

0/3

মডিউল ২: HTML লিস্ট এবং লিঙ্ক: 1. লিস্ট তৈরির ট্যাগস

0/3

মডিউল ২: HTML লিস্ট এবং লিঙ্ক: 2. লিঙ্ক তৈরির ট্যাগ

0/3
Text lesson

ব্রাউজার এবং এডিটর সেটআপ (VS Code, Sublime Text)

Image

HTML শেখা এবং ওয়েব ডেভেলপমেন্টে কাজ করার জন্য একটি ব্রাউজার এবং একটি কোড এডিটর সেটআপ করা খুবই গুরুত্বপূর্ণ। নিচে ব্রাউজার এবং জনপ্রিয় দুটি এডিটর (VS Code এবং Sublime Text) সেটআপের ধাপগুলো দেয়া হলো।

ব্রাউজার সেটআপ

ব্রাউজার নির্বাচন:

ওয়েব পেজ টেস্ট করার জন্য যে কোনো আধুনিক ব্রাউজার ব্যবহার করতে পারেন।
জনপ্রিয় ব্রাউজারগুলো:

  • Google Chrome
  • Mozilla Firefox
  • Microsoft Edge
  • Safari

ডাউনলোড ও ইনস্টলেশন:

  1. Google Chrome ডাউনলোড করতে:

    • Google Chrome ওয়েবসাইটে যান।
    • আপনার অপারেটিং সিস্টেম অনুযায়ী ডাউনলোড করে ইনস্টল করুন।

  2. Firefox ডাউনলোড করতে:

কোড এডিটর সেটআপ

1. Visual Studio Code (VS Code)

VS Code হলো একটি ফ্রি, ওপেন-সোর্স কোড এডিটর। এটি HTML, CSS, এবং JavaScript-এর জন্য আদর্শ।

ডাউনলোড ও ইনস্টলেশন:
  1. Visual Studio Code এর অফিসিয়াল ওয়েবসাইটে যান।
  2. আপনার অপারেটিং সিস্টেম অনুযায়ী ডাউনলোড করুন।
  3. ইনস্টল করার সময় সব ডিফল্ট অপশন সিলেক্ট রাখুন।
প্রাথমিক সেটআপ:
  1. প্রথমবার চালু করলে Extensions অপশন দেখতে পাবেন।
  2. প্রয়োজনীয় এক্সটেনশন ইনস্টল করুন, যেমন:
    • HTML Snippets
    • Live Server (ওয়েব পেজ দ্রুত টেস্ট করার জন্য)।
Live Server ব্যবহার:
  1. HTML ফাইল ওপেন করুন।
  2. ডান ক্লিক করে “Open with Live Server” অপশন সিলেক্ট করুন।
  3. আপনার ব্রাউজারে ফাইলটি রান হবে।

2. Sublime Text

Sublime Text হলো একটি হালকা, দ্রুত এবং সহজ কোড এডিটর। এটি শুরু করার জন্য দারুণ।

ডাউনলোড ও ইনস্টলেশন:
  1. Sublime Text এর অফিসিয়াল ওয়েবসাইটে যান।
  2. আপনার অপারেটিং সিস্টেম অনুযায়ী ডাউনলোড করুন।
  3. ইনস্টল করার জন্য ইনস্টলার চালান।
প্রাথমিক সেটআপ:
  1. Sublime Text চালু করুন।
  2. ফাইল > নতুন ফাইল নির্বাচন করে কোড লিখুন।
  3. ফাইল সংরক্ষণ করার সময় .html এক্সটেনশন ব্যবহার করুন।
HTML কোড রান করার ধাপ:
  1. HTML ফাইলটি ব্রাউজারে ড্রাগ এবং ড্রপ করুন।
  2. অথবা ডাবল ক্লিক করে সরাসরি ব্রাউজারে ওপেন করুন।

HTML কোড টেস্ট করার উপায়:

  1. HTML ফাইল তৈরি করুন এবং সংরক্ষণ করুন।
  2. ব্রাউজারে ওপেন করুন বা VS Code এর Live Server ব্যবহার করুন।

ব্রাউজার এবং এডিটর সঠিকভাবে সেটআপ করার মাধ্যমে আপনি HTML শেখার এবং ওয়েব পেজ তৈরি করার প্রক্রিয়া দ্রুত ও সহজ করতে পারবেন। VS Code এবং Sublime Text উভয়ই শিক্ষার্থীদের জন্য কার্যকর এবং সহজ কোড এডিটর।