router

TCP/IP --
IP -- Internet protocol -- it knows how to address computer on internet
every ip has unique address #.#.#.# -- 0-255 --- 8bits each

TCP --Transmission control protocol -- distinguish one type of service to another

80 - HTTP -- unencrypted -- little more vulnerable to interception
443 - HTTPS -- encrypyted and secure

DNS - Domain name system -- convert domain names to ip address and vice versa
-- .com .org -- it consist of hash table where key is the domain name and ip
address is the corresponding values

HTTP - Hypertext transfer protocol -- runs on top of the internet -- application

level protocol
/ - root
.com -- TLD - top level domain
www - host name
http - scheme / what protocol your computer use when accessing content at the
address

host --
GET - give me that thing
POST - upload

incognito tab -- is not have any previous history so useful for software developers
, it always open fresh.

curl -- connect url

correct numbers - 200, 301

200 - OK
301 - Moved permanently
304 - Not modified
307 - Temporary Redirect
401 - Un authorised
403 - Forbidden
404 - not found
418 - I'm a teapot
500 - Internal server error
503 - service unavailable

server - piece of software that's purpose is to respond to requests with responses.

to start web server - http-server

HTML
DOCTYPE - document type declaration that u are using latest version of html , which
is version 5.
html tag - open tag
an attribute is something that modifies the behaviour of a tag.
everything b/w html open and close tag is called HTML element.
head tag -
body tag

WHEN WE WRITE THIS WHOLE WEBPAGE THEN COMPUTER TAKES IS AS A TREE DATA STRUCTURE
WHERE DOCUMENET IS FIRST THEN HTML AS PARENT AND ITS CHILDREN ARE HEAD AND BODY.
anchor tag - a , href - hyper reference
meta tag -- to make the website mobile friendly
viewport - is body
property = "op : img" to show default img

CSS - markup language

type selector
class selector
ID selector
attribute selector

we can use different small codes for normal like --------------------

© --- copyright symbol

when p change to div then space b/w paragraph removes.

a class is a collection of a key - value pairs

stylesheet - contains lots of styles

FRAMEWORKS
BOOTSTRAP - has a lots of CSS files and js files that you can use it for free in
your own projects.

Javascript -
if we add js code above the body tag thaen it does not work so add in the bottom
but it can if we add inside it -- document.addEventListener("DOMContentLoaded',
function()){}

when we use css in js then we (.) in b/w them not -(hyphen)