Added Topics: Navigation Object & Screen Object in JavaScript

[deepanshu-prajapati01]

Hi team 👋

This PR extends the documentation with detailed topics on the JavaScript Navigation and Screen objects—essential for understanding browser environment and display capabilities.

---

🔍 Problem Resolved

• There was no dedicated documentation on the Navigation object, which offers details about browser history and navigation state.
• The Screen object—crucial for screen dimensions and device-aware layouts—was not yet explained with examples.

---

✅ What’s Changed

• Added a topic for the Navigation object, covering:

  • How to use window.navigator to access browser information.
  • Common properties: appName, appCodeName, userAgent, platform, and more.
  • Example code snippets showing practical uses for browser detection and feature support.

• Added a topic for the Screen object, covering:

  • How to access window.screen for querying screen size, color depth, available width/height, and pixel depth.
  • Listed all main screen properties: width, height, availWidth, availHeight, colorDepth, pixelDepth.
  • Example code: dynamically using screen properties for responsive behaviors and UI.

---

📸 Screenshot

---

🎯 Result

• Learners and devs can now easily access reference and examples for both navigation and screen/environment properties in JS, improving frontend adaptability.

---

🏷 Labels Requested

• gssoc25
• level3
• frontend

---

[netlify]

👷 Deploy request for codifylearn pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	bb5102e