Web-Study-Index.md

tags

Computer-Science CS Web Computer Network Internet Ethernet Wifi Bluetooth IP Internet-Protocol Protocol IPv4 IPv6 Network-Switch Switch Router Modem Internet-Service-Provider ISP Domain-Name-System DNS Domain-Name Domain Intranet Extranet Web-Client Client Web-Server Server Transmission-Control-Protocol TCP TCP/IP HTTP HyperText-Transfer-Protocol HyperText-Transfer-Protocol-Secure HTTPS Data-Packet Packet HTTP-Response-Code Uniform-Resource-Identifier URI Uniform-Resource-Locator URL Web-Browser Webpage Website Site Application App File Code Asset DOCTYPE Status-Code Document-Object-Model DOM Hyperlink Anchor

links

https://developer.mozilla.org/en-US/Learn https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Web_mechanics/How_does_the_Internet_work https://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Web_standards/How_the_web_works https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Methods

Web-Study-Index

The following page serves as an #inbox of all the knowledge in my web study journey.

Pre-requisites

To properly understand how the web works, it is useful to know the basics of computing and how does a computer works, the following page provides some good fundational resources: The Odin Project - Computer Basics.

Study Resources

Current Studies

• The Odin Project - How Does the Web Work?

MDN Articles

• How the Internet works
• How the Web Works
• What are Hyperlinks?
• What is a domain name?
• What is a URL?
• What is a web server?
• The web standards model
• How browsers load websites

Extra

• Wikipedia - REST
• Wikipedia - SEO

Next Steps

• MDN - Environmnent setup

Bullet Key Concepts

List of Web Concepts

• #Computer
• Computer #Network
  • #Internet
  • #Ethernet cables
  • #Wifi
  • #Bluetooth
  • #Switch
  • #Router
  • #Modem
• #IP
  • #IPv4
  • #IPv6

Future Roads

• HTTP Guide
• HTTP-Requests-Methods

URL

More info on a [[URI-And-URL]].

HTTP

For more info on [[HTTP]].

Modern Web

[[HTML]] [[CSS]] [[JavaScript]] Each of those serves a different purpose:

• HTML is for structure and semantics (meaning).
• CSS is for styling and layout.
• JavaScript and APIs are for controlling dynamic behavior. Each of those works on the #DOM or #Document-Object-Model. In addition one may usa a #Server-side-Language, like #python, #PHP and so on.

Static vs Dynamic web pages

• If the document gets loaded as is and does not get modified further it is called Static.
• If the document gets loaded dynamically and changes with user interaction, it is called Dynamic; this usually occurs when a #Server-side-Language is used.

Hyperlinks

Could be:

• Internal: when referencing a page within the same website
• External: when referencing a page from a different website
• Incoming: an external link to your website An #Anchor ties different sections of a same document together; see [[URI-And-URL#Anchor]] for more details.

DNS

Domain names ([[URI-And-URL#Domain/Authority]]) are an important way to convert an #IP to a human readable address.

Client and servers

• A #Client is a computer requesting something
• A #Server is a provider of something
• A #Request is what a client asks of a server
• A #Response is the server answer of the clients request Client Request -> Server Response