ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ১

 

ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ১ | ওয়েব ডেভেলপমেন্ট পরিচিতি ও পরিবেশ সেটআপ

📘 ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ১

ওয়েব ডেভেলপমেন্ট পরিচিতি ও পরিবেশ সেটআপ

১. ওয়েব ডেভেলপমেন্ট কী?

ওয়েব ডেভেলপমেন্ট বলতে বুঝায় ওয়েবসাইট বা ওয়েব অ্যাপ্লিকেশন তৈরির পুরো প্রক্রিয়া। এতে থাকে—

  • ওয়েবপেজ ডিজাইন করা (Front-end)
  • সার্ভার ও ডাটাবেস ম্যানেজ করা (Back-end)
  • ওয়েবসাইটকে ইন্টারনেটে প্রকাশ করা (Deployment)

২. ওয়েব ডেভেলপমেন্টের প্রধান দুটি অংশ

ফ্রন্টএন্ড (Front-end): ব্যবহারকারীর সামনে যা দেখা যায় ও ব্যবহার হয়, যেমন পেজ ডিজাইন, বোতাম, ছবি, ফর্ম ইত্যাদি। এর জন্য HTML, CSS, JavaScript ব্যবহার করা হয়।

ব্যাকএন্ড (Back-end): সার্ভার, ডাটাবেস, ও অ্যাপ্লিকেশন লজিক যা পেছনে কাজ করে ওয়েবসাইটকে চালায়। এর জন্য Node.js, Python, PHP, Ruby ইত্যাদি ভাষা ব্যবহার হয়।

৩. ওয়েব ডেভেলপমেন্টের পরিবেশ (Environment)

কাজ শুরু করার জন্য প্রয়োজন:

  • কোড এডিটর: Visual Studio Code (VS Code) সবচেয়ে জনপ্রিয়। ডাউনলোড করুন।
  • ওয়েব ব্রাউজার: Google Chrome, Firefox বা অন্য যেকোনো আধুনিক ব্রাউজার।
  • ব্রাউজার ডেভেলপার টুলস: কোড ডিবাগ ও পরীক্ষার জন্য (Chrome DevTools)।
  • লোকাল সার্ভার (প্রয়োজনে): যেমন Live Server VS Code এক্সটেনশন।

৪. প্রথম ওয়েবপেজ তৈরির প্রস্তুতি

  • VS Code ইন্সটল করুন
  • Live Server এক্সটেনশন ইন্সটল করুন (পেজ স্বয়ংক্রিয় রিফ্রেশের জন্য)
  • একটি নতুন ফোল্ডার তৈরি করুন আপনার প্রজেক্টের জন্য
নোট: Live Server ইনস্টল করে গেলে কোড লেখা শেষে Right Click → Open with Live Server দিয়ে আপনার পেজ ব্রাউজারে দেখতে পারবেন এবং কোড পরিবর্তন করলে পেজ নিজে নিজে রিফ্রেশ হবে।

৫. সারাংশ ও পরবর্তী পর্বের কথা

আজকের পর্বে আমরা ওয়েব ডেভেলপমেন্টের মূল কথা ও পরিবেশ বুঝলাম।

পরবর্তী পর্বে আমরা সরাসরি HTML দিয়ে ওয়েবপেজ তৈরি শুরু করব।

নিতাই বাবু

ChatGPT ভাবনা নিতাই বাবু ব্লগ জীবনের ঘটনা
সহযোগিতায় ও ব্লগ ডিজাইন by OpenAI
© ২০২৫ নিতাই বাবু | ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ
ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ — পর্ব লিস্ট

ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ — পর্ব লিংকসমূহ

  1. ১. ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব-১
  2. ২. ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব-২
  3. ৩. ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব-৩
  4. ৪. ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব-৪
  5. ৫. ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব-৫
© ২০২৫ নিতাই বাবু — সহযোগিতায় ও ব্লগ ডিজাইন by OpenAI
নিতাই বাবু

নিতাই বাবু

পুরস্কারপ্রাপ্ত নাগরিক সাংবাদিক – ২০১৭। লেখালেখির শুরু শৈশবে, এখনো চলছে।
মূলত সমাজ, সংস্কৃতি, স্মৃতিচারণা ও ছন্দনিবদ্ধ রচনায় আগ্রহী।
ভাষার শুদ্ধচর্চা ও সাহিত্যসমৃদ্ধ বাংলার প্রতি অগাধ ভালোবাসা।

🌐 ব্লগ: নিতাই বাবু ব্লগ | জীবনের ঘটনা | চ্যাটজিপিটি ভাবনা

পোস্টটি ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন:

Facebook Facebook Twitter Twitter WhatsApp WhatsApp Email Email
Location: Narayanganj, Bangladesh
Writing and reading books.

Comments

Post a Comment

Popular posts from this blog

ফটোগ্রাফি টিউটোরিয়াল সিরিজ — পর্ব ৩

Image
  📸 ফটোগ্রাফি টিউটোরিয়াল সিরিজ — পর্ব ৩: এক্সপোজার ট্রায়াঙ্গেল (Exposure Triangle) 🔍 কী শিখবেন এই পর্বে? এক্সপোজার ট্রায়াঙ্গেল কী? ISO, Aperture ও Shutter Speed ব্যাখ্যা তিনটি কন্ট্রোলের মধ্যে সম্পর্ক ছবিতে আলোর ভারসাম্য ঠিক রাখার কৌশল 🔺 এক্সপোজার ট্রায়াঙ্গেল কী? ফটোগ্রাফিতে আলো নিয়ন্ত্রণের মূল ভিত্তি হল এক্সপোজার ট্রায়াঙ্গেল — যেখানে তিনটি মূল উপাদান কাজ করে: ISO: সেন্সরের আলো গ্রহণের সংবেদনশীলতা Aperture (ƒ): লেন্সের মধ্যে দিয়ে আলো প্রবেশের গর্ত Shutter Speed: কত সময় ধরে আলো ক্যামেরায় প্রবেশ করবে 📷 প্রতিটির প্রভাব ISO বেশি করলে: আলো বেশি আসে কিন্তু ছবিতে Grain/Noise বাড়ে Aperture খোলা (ƒ2.8): আলো বেশি, ব্যাকগ্রাউন্ড ব্লার হয় (Bokeh) Shutter Slow (1/30s): আলো বেশি ঢোকে, কিন্তু মুভিং সাবজেক্ট ব্লার হয় এই তিনটি সেটিংসের ভারসাম্য বজায় রেখে আপনি একটি নিখুঁতভাবে এক্সপোজড ছবি পেতে পারেন। 🎯 শেষ কথা এক্সপোজার ট্রায়াঙ্গেল বুঝে ফেলা মানেই ফটোগ্রাফির অর্ধেক রহস্...
Read more

ফটোগ্রাফি টিউটোরিয়াল সিরিজ — পর্ব ১

Image
  📸 ফটোগ্রাফি টিউটোরিয়াল সিরিজ — পর্ব ১: ফটোগ্রাফি পরিচিতি ও মৌলিক ধারণা কী শিখবেন এই পর্বে? ফটোগ্রাফি বলতে কী বোঝায় ফটোগ্রাফির সংক্ষিপ্ত ইতিহাস ফটোগ্রাফির প্রধান প্রধান ধরন ফটোগ্রাফি কী? ফটোগ্রাফি হলো আলো এবং ক্যামেরার সাহায্যে স্থির ছবি ধারণের একটি শিল্প ও বিজ্ঞান। “ফটো” মানে আলো, আর “গ্রাফি” মানে লেখা বা আঁকা — অর্থাৎ আলো দিয়ে ছবি আঁকা। আমাদের চারপাশের মুহূর্ত, প্রকৃতি, মানুষ এবং ঘটনা ক্যামেরার মাধ্যমে ধারণ করাই ফটোগ্রাফি। সংক্ষিপ্ত ইতিহাস ১৮১৬ সালে প্রথম ক্যামেরা আবিষ্কার হলেও, ছবি ধরা সম্ভব হয় ১৮২৬ সালে। প্রথম ছবি ছিল একটি সাধারণ দৃশ্য, যার নাম ‘View from the Window’। এরপর থেকে ক্যামেরার উন্নতি হয়েছে — পিনহোল ক্যামেরা থেকে শুরু করে ডিজিটাল ক্যামেরা পর্যন্ত। আজকের দিনে মোবাইল ক্যামেরার কারণে ফটোগ্রাফি অনেক সহজ ও জনপ্রিয়। ফটোগ্রাফির প্রধান ধরন পোর্ট্রেট ফটোগ্রাফি: মানুষের ছবি তোলা, তাদের আবেগ ও ব্যক্তিত্ব ফুটিয়ে তোলা। ল্যান্ডস্কেপ ফটোগ্রাফি: প্রাকৃতিক দৃশ্য বা শহুরে দৃশ্য ধারণ করা। স্ট্রিট ফটোগ্রাফি: সড়কের দৈনন্দিন ...
Read more

এই পৃথিবীতে কলমের আবিষ্কারের ইতিহাস

Image
✒️ এই পৃথিবীতে কলম আবিষ্কারের ইতিহাস ✒️ 🔶 ভূমিকা: মানুষ যখন থেকে জ্ঞান লিপিবদ্ধ করতে শিখেছে, তখন থেকেই লেখার যন্ত্রের প্রয়োজনীয়তা শুরু হয়েছে। কাগজ ও লেখার উপকরণ মানব সভ্যতার অগ্রগতির অন্যতম স্তম্ভ। কলম—একটি ছোট্ট বস্তু হলেও, এটি সভ্যতা নির্মাণে বিপুল অবদান রেখেছে। চলুন জেনে নেওয়া যাক কলমের ইতিহাস। 🔶 প্রাচীন যুগের লেখার উপকরণ: মেসোপটেমিয়া: খ্রিষ্টপূর্ব প্রায় ৩০০০ সালে মেসোপটেমিয়ার মানুষ কাদামাটির ফলকে খোদাই করে লিখত। তারা ব্যবহার করত শলাকা জাতীয় বস্তু। মিশর: মিশরের লোকেরা প্যাপিরাস গাছ থেকে কাগজ তৈরি করত এবং বাঁশ বা নলজাতীয় কাঠি দিয়ে কালি ব্যবহার করে লিখত। ভারত: প্রাচীন ভারতে তালপাতা বা ভোজপত্রে তামা বা লোহার ছোঁয়া দিয়ে লেখা হতো। 🔶 কলমের বিবর্তন: পাখির পালক কলম (Quill Pen): খ্রিষ্টীয় ৬ষ্ঠ শতকে ইউরোপে পাখির পালক ব্যবহার করে কলম তৈরি করা হতো। একে বলা হতো "Quill"। এটি ডুবিয়ে কালি দিয়ে লেখা হতো। ডিপ পেন (Dip Pen): ১৯ শতকে ধাতব নিবযুক্ত ডিপ পেন জনপ্রিয় হয়, যা কালি-পাত্রে ডুবিয়ে ব্যবহার করা হতো। ...
Read more

উচ্চ রক্তচাপ ও নিম্ন রক্তচাপ হলে করণীয় — পূর্ণাঙ্গ তথ্য

Image
  উচ্চ/নিম্ন রক্তচাপ হলে করণীয় — বিস্তারিত গাইড 🫀 উচ্চ/নিম্ন রক্তচাপ হলে করণীয় — বিস্তারিত গাইড সিম্পটম চিনে রাখা, ঘরোয়া পদক্ষেপ, মাপার নিয়ম, কবে জরুরি চিকিৎসা লাগবে — সব একসাথে। হাই ব্লাড প্রেসার লো ব্লাড প্রেসার হোম মনিটরিং লাইফস্টাইল 🔺 উচ্চ রক্তচাপ (High BP) হলে সাধারণ লক্ষণ মাথা ব্যথা/ঝিমঝিম, চোখে ঝাপসা বা ঝিকিমিকি বুকে চাপ/ধড়ফড়, মাথা ঘোরা নাকে রক্ত পড়া (কখনো-কখনো) তাৎক্ষণিক করণীয় শান্ত হয়ে বসুন; গভীর, ধীর শ্বাস নিন (৪–৬ বার)। লবণাক্ত, তেল-চর্বিযুক্ত খাবার তাৎক্ষণিক এড়িয়ে চলুন। পানি পান করুন; ডাক্তারের ওষুধ সময়মতো নিন—নিজে থেকে বন্ধ/বদলাবেন না। ১০–15 মিনিট বিরতিতে দু’বার BP মেপে নথিভুক্ত করুন। জরুরি সংকেত (সরাসরি হাসপাতাল): BP ≥ 180/120 এবং/অথবা বুকব্যথা, শ্বাসকষ্ট, কথা জড়ানো/অঙ্গ অবশ...
Read more

ব্লগ মডারেটর টিউটোরিয়াল সিরিজ – পর্ব ১০: জনপ্রিয় ব্লগ প্ল্যাটফর্মে মডারেশন (ব্লগার, ওয়ার্ডপ্রেস ইত্যাদি)

Image
  ব্লগ মডারেটর টিউটোরিয়াল সিরিজ – পর্ব ১০: জনপ্রিয় ব্লগ প্ল্যাটফর্মে মডারেশন (ব্লগার, ওয়ার্ডপ্রেস ইত্যাদি) ব্লগ মডারেটর টিউটোরিয়াল সিরিজ – পর্ব ১০ জনপ্রিয় ব্লগ প্ল্যাটফর্মে মডারেশন (ব্লগার, ওয়ার্ডপ্রেস ইত্যাদি) ভূমিকা: অনলাইন ব্লগ ও ওয়েবসাইটের সফলতা অনেকাংশে নির্ভর করে কার্যকর মডারেশনের উপর। আজকের সময় জনপ্রিয় ব্লগিং প্ল্যাটফর্মগুলো যেমন ব্লগার (Blogger) ও ওয়ার্ডপ্রেস (WordPress) তাদের নিজস্ব টুলস ও পদ্ধতিতে মডারেশনের সুবিধা দেয়। এই পর্বে আমরা এসব প্ল্যাটফর্মে কিভাবে মডারেশন করতে হয়, কী কী টুলস ব্যবহার করা যায় এবং কার্যকর কৌশল কী, সে সম্পর্কে বিস্তারিত আলোচনা করব। ১. ব্লগার (Blogger) প্ল্যাটফর্মে মডারেশন গুগলের ব্লগার একটি সহজ ও জনপ্রিয় প্ল্যাটফর্ম। এখানে মডারেশন করার প্রধান বিষয়গুলো হলো: কমেন্ট অনুমোদন: পোস্টে আসা মন্তব্য স্বয়ংক্রিয় বা ম্যানুয়ালি অনুমোদন করার সুবিধা আছে। ‘Settings > Posts, comments and sharing’ থেকে ‘Comment Moderation’ চালু করুন। স্প্যাম ফিল্টার: ব্লগার স্বয়ংক্রিয়ভাবে স্প্যাম মন্তব্য শনাক্ত করে ‘Spam’ ফোল্ডারে রাখে। ব্যবহারকারী ব...
Read more