chore: sync content to repo (#9173)

Co-authored-by: kamranahmedse <4921183+kamranahmedse@users.noreply.github.com>
2026-09-24 15:00:31 +08:00 · 2025-09-23 16:01:42 +01:00
parent c8ca880b08
commit c3e3d52832
13 changed files with 127 additions and 13 deletions
@@ -1 +1,10 @@
-# Browsers
+# Browsers
+
+Web browsers request and display websites by interpreting HTML, CSS, and JavaScript. Use rendering engines (Blink, Gecko) for display and JavaScript engines (V8) for code execution. Handle security, bookmarks, history, and user interactions for web navigation.
+
+Visit the following resources to learn more:
+
+- [@article@How Browsers Work](https://www.ramotion.com/blog/what-is-web-browser/)
+- [@article@Populating the Page: How Browsers Work](https://developer.mozilla.org/en-US/docs/Web/Performance/Guides/How_browsers_work)
+- [@video@How Do Web Browsers Work?](https://www.youtube.com/watch?v=5rLFYtXHo9s)
+- [@feed@Explore top posts about Browsers](https://app.daily.dev/tags/browsers?ref=roadmapsh)
@@ -1 +1,10 @@
-# CSS
+# CSS
+
+CSS, or Cascading Style Sheets, is a language used to describe the look and formatting of a document written in HTML. It controls things like the layout, colors, fonts, and overall visual presentation of web pages, ensuring a consistent and appealing user experience across different devices and screen sizes.
+
+Visit the following resources to learn more:
+
+- [@article@CSS MDN Docs](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/What_is_CSS)
+- [@article@CSS | Wikipedia](https://en.wikipedia.org/wiki/CSS)
+- [@video@CSS Tutorial – Full Course for Beginners](https://www.youtube.com/watch?v=OXGznpKZ_sA)
+- [@book@HTML & CSS: design and build websites](https://sites.math.duke.edu/courses/math_everywhere/assets/techRefs/HTML%20and%20CSS-%20Design%20and%20Build%20Websites_Jon%20Duckett_2011.pdf)
@@ -1 +1,11 @@
-# DNS
+# DNS
+
+DNS (Domain Name System) translates human-readable domain names into IP addresses through a global, decentralized server network. Enables easy internet navigation by converting names like www.example.com to numeric addresses browsers can connect to.
+
+Visit the following resources to learn more:
+
+- [@article@What is DNS?](https://www.cloudflare.com/en-gb/learning/dns/what-is-dns/)
+- [@article@Mess with DNS - DNS Playground](https://messwithdns.net/)
+- [@article@How DNS works (comic)](https://howdns.works/)
+- [@video@DNS and How does it Work?](https://www.youtube.com/watch?v=Wj0od2ag5sk)
+- [@feed@Explore top posts about DNS](https://app.daily.dev/tags/dns?ref=roadmapsh)
@@ -1 +1,9 @@
-# Domain names
+# Domain name
+
+Domain names are human-friendly web addresses (e.g., google.com) substituting numerical IP addresses. Comprise second-level ("google") and top-level (".com") domains. Registered through registrars, essential for branding and online presence. DNS translates names to IP addresses for accessibility.
+
+Visit the following resources to learn more:
+
+- [@article@What is a Domain Name?](https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Web_mechanics/What_is_a_domain_name)
+- [@article@What is a domain name? | Domain name vs. URL](https://www.cloudflare.com/en-gb/learning/dns/glossary/what-is-a-domain-name/)
+- [@video@What Is a Domain Name | Domain Names Explained](https://www.youtube.com/watch?v=lMHzpBwPuG8)
@@ -1 +1,9 @@
-# Frontend Development
+# Frontend Development
+
+Frontend development is the practice of creating the user interface and user experience of a website or web application. It focuses on the parts of a website that users directly interact with, such as buttons, text, images, and navigation menus. Frontend developers use languages like HTML, CSS, and JavaScript to build these interactive elements and ensure they are visually appealing and function correctly across different devices and browsers.
+
+Visit the following resources to learn more:
+
+- [@roadmap@Visit the dedicated Frontend Developer Roadmap](https://roadmap.sh/frontend)
+- [@article@What Is Front-End Development?](https://cloudinary.com/guides/front-end-development/front-end-development-the-complete-guide)
+- [@video@Frontend web development - a complete overview](https://www.youtube.com/watch?v=WG5ikvJ2TKA)
@@ -1 +1,9 @@
-# Hosting
+# Hosting
+
+Web hosting stores website files on servers, making sites accessible online. Types include shared (multiple sites per server) and dedicated (exclusive server) hosting. Providers offer additional services like email, domains, and security certificates. Critical for website performance and accessibility.
+
+Visit the following resources to learn more:
+
+- [@article@What is Web Hosting?](https://www.namecheap.com/guru-guides/what-is-web-hosting/)
+- [@video@Different Types of Web Hosting Explained](https://www.youtube.com/watch?v=AXVZYzw8geg)
+- [@video@Where to Host a Fullstack Project on a Budget](https://www.youtube.com/watch?v=Kx_1NYYJS7Q)
@@ -1 +1,10 @@
-# How the web works
+# How the web works
+
+The internet is a global network connecting computers and devices for information sharing. Enables browsing, email, streaming, and communication through interconnected systems. Acts as worldwide infrastructure facilitating access to online resources and services.
+
+Visit the following resources to learn more:
+
+- [@article@Introduction to the Internet](https://roadmap.sh/guides/what-is-internet)
+- [@article@How does the Internet Work?](https://cs.fyi/guide/how-does-internet-work)
+- [@article@How does the Internet work? | MDN Dcos](https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Web_mechanics/How_does_the_Internet_work)
+- [@video@How the Internet Works in 5 Minutes](https://www.youtube.com/watch?v=7_LPdttKXPc)
@@ -1 +1,8 @@
-# HTML
+# HTML
+
+HTML (HyperText Markup Language) is the standard markup language for creating web pages. It provides the structure of a webpage, defining elements like headings, paragraphs, images, and links using tags. Web browsers interpret these tags to display the content to users.
+
+Visit the following resources to learn more:
+
+- [@article@HTML MDN Docs](https://developer.mozilla.org/en-US/docs/Web/HTML)
+- [@article@HTML | Wikipedia](https://en.wikipedia.org/wiki/HTML)
@@ -1 +1,10 @@
-# Introduction
+# Introduction to HTML
+
+HTML, or HyperText Markup Language, is the standard language for creating web pages. It uses a system of tags to structure content, such as headings, paragraphs, images, and links, so that web browsers can display them correctly. These tags tell the browser how to present the text, images, and other forms of multimedia on a webpage.
+
+Visit the following resources to learn more:
+
+- [@article@HTML MDN Docs](https://developer.mozilla.org/en-US/docs/Web/HTML)
+- [@article@What is HTML – Definition and Meaning of Hypertext Markup Language](https://www.freecodecamp.org/news/what-is-html-definition-and-meaning/)
+- [@video@HTML Tutorial for Beginners: HTML Crash Course](https://www.youtube.com/watch?v=qz0aGYrrlhU)
+- [@book@HTML & CSS: design and build websites](https://sites.math.duke.edu/courses/math_everywhere/assets/techRefs/HTML%20and%20CSS-%20Design%20and%20Build%20Websites_Jon%20Duckett_2011.pdf)
@@ -1 +1,12 @@
-# JavaScript
+# JavaScript
+
+JavaScript is a programming language primarily used to create interactive and dynamic effects within web browsers. It allows developers to implement complex features on web pages, updating content dynamically, controlling multimedia, animating images, and much more, enhancing the user experience beyond static HTML and CSS.
+
+Visit the following resources to learn more:
+
+- [@roadmap@Visit the dedicated JavaScript Roadmap](https://roadmap.sh/javascript)
+- [@opensource@You Don't Know JS Yet (book series)](https://github.com/getify/You-Dont-Know-JS)
+- [@article@JavaScript MDN Docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
+- [@article@The Modern JavaScript Tutorial](https://javascript.info/)
+- [@article@Eloquent JavaScript textbook](https://eloquentjavascript.net/)
+- [@video@JavaScript Crash Course for Beginners](https://www.youtube.com/watch?v=hdI2bqOjy3c)
@@ -1 +1,8 @@
-# What are markup languages?
+# Markup Languages
+
+Markup languages are systems for annotating text in a way that makes it readable by both humans and computers. They use tags to define elements within a document, specifying how the text should be structured, formatted, and displayed. For example, HTML uses tags like `<p>` for paragraphs and `<h1>` for headings to structure web content, while XML uses custom tags to define data structures for various applications.
+
+Visit the following resources to learn more:
+
+- [@article@What Is a Markup Language?](https://www.semrush.com/blog/markup-language/)
+- [@video@Theory - Markup Languages](https://www.youtube.com/watch?v=6PWOswN4lgg)
@@ -1 +1,10 @@
-# What is HTTP?
+# What is HTTP?
+
+HTTP (Hypertext Transfer Protocol) enables browser-server communication through requests and responses. Stateless protocol using methods like GET and POST. HTTPS provides encrypted security. Newer versions (HTTP/2, HTTP/3) offer improved performance. Fundamental for web development understanding.
+
+Visit the following resources to learn more:
+
+- [@article@Everything you need to know about HTTP](https://cs.fyi/guide/http-in-depth)
+- [@article@What is HTTP?](https://www.cloudflare.com/en-gb/learning/ddos/glossary/hypertext-transfer-protocol-http/)
+- [@article@How HTTPS Works](https://howhttps.works/)
+- [@article@HTTP/3 Is Now a Standard: Why Use It and How to Get Started](https://thenewstack.io/http-3-is-now-a-standard-why-use-it-and-how-to-get-started/)
@@ -1 +1,11 @@
-# What is SEO?
+# Search Engine Optimization (SEO)
+
+Search Engine Optimization, or SEO, is the practice of improving your website to increase its visibility when people search for products or services related to your business in search engines like Google. The better visibility your pages have in search results, the more likely you are to garner attention and attract prospective and existing customers to your business. A related concept, Generative Engine Optimization (GEO), focuses on optimizing content for AI-powered search experiences, ensuring your information is accurately and effectively presented in AI-generated summaries and responses.
+
+Visit the following resources to learn more:
+
+- [@article@Search Engine Optimization (SEO) Starter Guide](https://developers.google.com/search/docs/fundamentals/seo-starter-guide)
+- [@article@What Is SEO?](https://exposureninja.com/blog/what-is-seo/)
+- [@article@GEO (Generative Engine Optimization) vs SEO (Search Engine Optimization): What’s The Difference?](https://writesonic.com/blog/geo-vs-seo)
+- [@video@SEO In 5 Minutes | What Is SEO And How Does It Work](https://www.youtube.com/watch?v=MYE6T_gd7H0)
+- [@video@Why Generative Engine Optimisation (GEO) is the FUTURE of SEO](https://www.youtube.com/watch?v=FoIc8LkSETo)