Posts

Showing posts with the label যারা_ওয়েব_ডেভেলপমেন্টে নতুন

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

Image
  ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ৪ | JavaScript বেসিক ও ডায়নামিক ওয়েবপেজ 📘 ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ৪ JavaScript বেসিক ও ডায়নামিক ওয়েবপেজ ১. JavaScript কী? JavaScript হলো একটি প্রোগ্রামিং ভাষা যা ওয়েবপেজকে ডায়নামিক ও ইন্টারেক্টিভ করে তোলে। HTML ও CSS দিয়ে পেজের কাঠামো ও স্টাইল হয়, আর JavaScript দিয়ে কাজকর্ম যোগ করা হয়। ২. JavaScript যুক্ত করার উপায় Inline: সরাসরি HTML ট্যাগে onclick এর মত অ্যাট্রিবিউট দিয়ে। Internal: HTML ফাইলের <script> ট্যাগের মধ্যে লিখে। External: আলাদা .js ফাইলে লিখে <script src="filename.js"></script> দিয়ে যুক্ত করা। ৩. JavaScript উদাহরণ নিচে একটি সহজ HTML ও JavaScript কোড দেওয়া হলো, যা একটি বাটনে ক্লিক করলে মেসেজ দেখায়: <!DOCTYPE html> <html lang="bn"> <head> <meta charset="UTF-8"> <title>JavaScript উদাহরণ</title> </head> <body> <h1>স্বাগতম!</h1> ...

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

Image
  ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ৩ | CSS বেসিক ও ওয়েবসাইট সাজানো 📘 ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ৩ CSS বেসিক ও ওয়েবসাইট সাজানো ১. CSS কী? CSS (Cascading Style Sheets) হলো একটি স্টাইলিং ভাষা যা HTML এর কাঠামোকে সুন্দর করে সাজায়। CSS দিয়ে আমরা ওয়েবপেজের রং, ফন্ট, লেআউট ইত্যাদি নিয়ন্ত্রণ করি। ২. CSS যুক্ত করার তিনটি উপায় Inline CSS: HTML ট্যাগের মধ্যে style অ্যাট্রিবিউট দিয়ে। Internal CSS: HTML ফাইলের <style> ট্যাগের মধ্যে। External CSS: আলাদা CSS ফাইল বানিয়ে <link> দিয়ে যুক্ত করা। ৩. CSS উদাহরণ নিচে একটি সহজ HTML এবং CSS কোড দেওয়া হলো যা একটি শিরোনাম ও প্যারাগ্রাফকে রং ও ফন্ট স্টাইল দেয়: <!DOCTYPE html> <html lang="bn"> <head> <meta charset="UTF-8"> <title>CSS উদাহরণ</title> <style> h1 { color: #0077cc; font-family: Arial, sans-serif; } p { color: #333333; font-size: 16px; f...

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

Image
  ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ২ | HTML বেসিক ও প্রথম ওয়েবপেজ 📘 ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ২ HTML বেসিক ও প্রথম ওয়েবপেজ ১. HTML কী? HTML (HyperText Markup Language) হলো ওয়েবপেজ তৈরির জন্য ব্যবহার করা হয় এমন একটি মার্কআপ ভাষা। এটি ব্রাউজারে কন্টেন্টের কাঠামো নির্ধারণ করে। ২. HTML এলিমেন্ট ও ট্যাগ HTML-এ বিভিন্ন ট্যাগ দিয়ে কন্টেন্ট সাজানো হয়। প্রতিটি ট্যাগ সাধারণত একটি এলিমেন্ট তৈরি করে। উদাহরণ: <h1> থেকে <h6> – শিরোনামের জন্য <p> – প্যারাগ্রাফ <a> – লিংক <img> – ছবি <ul>, <ol>, <li> – তালিকা ৩. প্রথম HTML পেজের উদাহরণ নিচে একটি সাধারণ HTML ফাইলের উদাহরণ দেয়া হলো, যেটা আপনি VS Code-এ লিখে ব্রাউজারে খুলতে পারবেন: <!DOCTYPE html> <html lang="bn"> <head> <meta charset="UTF-8"> <title>আমার প্রথম ওয়েবপেজ</title> </head> <body> <h1>স্বাগতম আমার ওয়েবসাইটে!...

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

Image
  ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ১ | ওয়েব ডেভেলপমেন্ট পরিচিতি ও পরিবেশ সেটআপ 📘 ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ১ ওয়েব ডেভেলপমেন্ট পরিচিতি ও পরিবেশ সেটআপ ১. ওয়েব ডেভেলপমেন্ট কী? ওয়েব ডেভেলপমেন্ট বলতে বুঝায় ওয়েবসাইট বা ওয়েব অ্যাপ্লিকেশন তৈরির পুরো প্রক্রিয়া। এতে থাকে— ওয়েবপেজ ডিজাইন করা (Front-end) সার্ভার ও ডাটাবেস ম্যানেজ করা (Back-end) ওয়েবসাইটকে ইন্টারনেটে প্রকাশ করা (Deployment) ২. ওয়েব ডেভেলপমেন্টের প্রধান দুটি অংশ ফ্রন্টএন্ড (Front-end): ব্যবহারকারীর সামনে যা দেখা যায় ও ব্যবহার হয়, যেমন পেজ ডিজাইন, বোতাম, ছবি, ফর্ম ইত্যাদি। এর জন্য HTML , CSS , JavaScript ব্যবহার করা হয়। ব্যাকএন্ড (Back-end): সার্ভার, ডাটাবেস, ও অ্যাপ্লিকেশন লজিক যা পেছনে কাজ করে ওয়েবসাইটকে চালায়। এর জন্য Node.js , Python , PHP , Ruby ইত্যাদি ভাষা ব্যবহার হয়। ৩. ওয়েব ডেভেলপমেন্টের পরিবেশ (Environment) কাজ শুরু করার জন্য প্রয়োজন: কোড এডিটর: Visual Studio Code (VS Code) সবচেয়ে জনপ্রিয়। ডাউনলোড করুন । ওয়েব ব...