Intro
00:00:00This video and article explain how the web works, including its different pieces and their influence on what a web developer should learn. The narrator encourages viewers to subscribe and share the content.
Basic Scenario
00:00:45When accessing a website, the browser sends an HTTP request to the server where the website is stored. The server then returns either dynamically generated source code or pre-stored code that can be interpreted and displayed by the browser on screen.
How Does The Server Know
00:01:40When a user enters a website address, the browser contacts a DNS server to translate the domain name into an IP address. This IP is then used by the browser to make a request for that webpage and receive back metadata and HTML code from the server which can be displayed on screen.
HTML Code
00:04:40The result seen on a browser is the combination of HTML, CSS and JavaScript. HTML provides structure to the website while CSS gives it style. JavaScript handles all dynamic changes happening in the browser such as drop-downs, tabs or sliding navigation.
HTTP and HTTPS
00:06:43HTTP (Hypertext Transfer Protocol) is a standardized technology that defines how requests and responses should look like. HTTPS is the same as HTTP but in an encrypted form, which means all data transfer between browser and server are end-to-end encrypted to prevent sniffing of connection by third parties.
Frameworks
00:07:46Frameworks are packages of utility functions that make writing code easier by providing rules on how to use them. They exist for both front-end and back-end development, allowing developers to focus on business logic rather than nitty-gritty details like parsing incoming requests. The web is more than just traditional websites; it includes any interaction where a computer called a server communicates with an app or website indirectly through request-response patterns exchanging data in various formats such as HTML pages or JSON data. Advanced technologies like WebSockets allow real-time communication without the need for request-response patterns.