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)