# ব্রাউজারের পেছনের বিজ্ঞান: ওয়েব অ্যাপ্লিকেশন কীভাবে কাজ করে ?

{% embed url="<https://youtu.be/uDSMqdVWVyM?si=Jy0JN6_5nVe2oGzg>" %}

#### **৪১. ব্রাউজারের পেছনের বিজ্ঞান: ওয়েব অ্যাপ্লিকেশন কীভাবে কাজ করে?**

**ইউনিট ৪: অ্যালগরিদম এবং প্রোগ্রামিং**\
**পার্ট** ১&#x9E6;**: ওয়েব অ্যাপ্লিকেশনের প্রথম পর্ব**

## **ভিডিওর মূল বিষয়বস্তু**

### **১. ওয়েব অ্যাপ্লিকেশন কী?**

* **ওয়েব অ্যাপ্লিকেশন:**\
  একটি প্রোগ্রাম যা ইন্টারনেট এবং একটি ব্রাউজারের মাধ্যমে ব্যবহার করা যায়।
  * উদাহরণ: ফেসবুক, জিমেইল, ইউটিউব, অনলাইন শপিং ওয়েবসাইট।
* এটি আমাদের কাজকে সহজ এবং কার্যকর করে তোলে।

### **২. ওয়েব অ্যাপ্লিকেশন কীভাবে কাজ করে?**

* **ক্লায়েন্ট-সার্ভার মডেল:**
  * **ক্লায়েন্ট:**\
    ব্যবহারকারীর ব্রাউজার।
    * উদাহরণ: Google Chrome, Firefox।
  * **সার্ভার:**\
    ওয়েব অ্যাপ্লিকেশনের ডেটা এবং লজিক সংরক্ষণ করে।
    * উদাহরণ: Facebook-এর সার্ভার।
  * ব্যবহারকারীর অনুরোধ (Request) → সার্ভারের ডেটা প্রক্রিয়াকরণ → ব্যবহারকারীর জন্য আউটপুট পাঠানো।

### **৩. ওয়েব অ্যাপ্লিকেশনের মূল উপাদানসমূহ**

* **HTML (Hypertext Markup Language):**\
  ওয়েব পেজের কাঠামো তৈরি করে।
  * উদাহরণ: পেজে টেক্সট, ইমেজ, লিংক ইত্যাদি।
* **CSS (Cascading Style Sheets):**\
  ওয়েব পেজকে আকর্ষণীয় করে তোলার জন্য ডিজাইন।
  * উদাহরণ: রঙ, ফন্ট, লেআউট।
* **JavaScript:**\
  ওয়েব পেজে গতিশীলতা এবং ইন্টারঅ্যাকশন যোগ করে।
  * উদাহরণ: বাটন ক্লিক করলে কোনো অ্যানিমেশন চালানো।

### **৪. ওয়েব অ্যাপ্লিকেশন কীভাবে আমাদের জীবন পরিবর্তন করেছে?**

* **যোগাযোগ সহজ করা:**\
  ফেসবুক, মেসেঞ্জারের মাধ্যমে সহজ যোগাযোগ।
* **কাজে স্বয়ংক্রিয়তা আনা:**\
  অনলাইন ফর্ম পূরণ, ডেটা অ্যানালাইসিস।
* **সুবিধা বৃদ্ধিতে ভূমিকা রাখা:**\
  বাড়ি থেকে কেনাকাটা বা ব্যাংকিং করা।

## **ভিডিও থেকে আপনি কী শিখবেন?**

1. ওয়েব অ্যাপ্লিকেশনের ধারণা এবং উদাহরণ।
2. ক্লায়েন্ট-সার্ভার মডেল এবং এর কাজের পদ্ধতি।
3. HTML, CSS এবং JavaScript এর ভূমিকা।
4. ওয়েব অ্যাপ্লিকেশন কীভাবে আমাদের জীবনকে প্রভাবিত করে।

[এই ভিডিওর স্লাইড গুলো ডাউনলোড করুন এখন থেকে](https://www.facebook.com/haquenam/posts/pfbid02AW7ae34rrrcZjJczQjKJqgQR4Ej6BWXLJLAm9HGkMtBsgvc2dyUJaAJMseJ7226fl)