vasanthk / how-web-works Goto Github PK

View Code? Open in Web Editor NEW

16.0K 16.0K 1.7K 7.51 MB

What happens behind the scenes when we type www.google.com in a browser?

how-web-works's People

Contributors

Stargazers

Watchers

Forkers

faruzzy gserb dverma adyjs tpnguyen karthigaav hubwithgit89 adwantgoutam jeewhan xiyuyizhi rahul-sr lutece sqrt1 vincentpanqi ajinkya12 ravindracsc chaoyangnz erishforg teotiar enixdark anantchoudhari06 comwhale dietcoke seansilke jrgosalia shinde-rahul codered93 sheen-aa okmttdhr kamalmaheshwari belide endahharuno ahmedraafat14 gladiatorash ashishjmeshram bharathck beaver-company anki2189 nabster11 nmtiwari lasoftrepo pprasadk lanayka98 shitesh51 ooleum kyriakos13 gurdeepss sahegde tree7gate csillag61 ankush10war aalhour ahmet-ozer-pro izogain agounaris edinunzio datajunkie007 saimaung jacy prince-mishra shanyouyu-sean adrianrocamora raja-creoit cc13ny vdt m-cakir robbintt milkersarac alexbriski rubandeventhiran ffoxin rsubtil gisairo abhimanyupathania fromxt tslmy imagesh 0x7fff5238100b hbcbh1999 gabrie30 mrunalhtrivedi nfarrington camcarter131 mlnlmsl kamprasad jithinraj neuroradiology stanleyume hedza06 sonnyit nguyenhaimd sdmg15 goswamig rrodviz julienbassin gmolveau vilherda strongsoda vonfeng mohanarunachalam

how-web-works's Issues

labelling of classes vs. ids

labelling IDs as b
labelling classes, selectors etc as c
but then counting the opposite in examples

File downloading & uploading

Can you add what happens behind the scene while downloading and also uploading a file into the server?

SVG file seems corrupted. It's not loading DNS resolver diagram.

https://github.com/vasanthk/how-web-works/blob/master/img/Example_of_an_iterative_DNS_resolver.svg

translate to other language

can i translate to other language?
will you merge it?

Issue with discussion of concatenation for specificity

Your discussion of concatenating for specificity has a problem with it - if c or d are both at 10 or above. What I mean is, if you have 10 or more classes or tag names, pushing the numbers together without any separating dashes or commas gives you an incorrect specificity.

Suppose 1 id, 10 classes and 2 tags - with concatenation, that gives you 1102, which is incorrect. If you have another element that is just 2 ids, no classes and no tags, the concatenated number would be 200, which beats the concatenation of 1102.

You also can't add the numbers together, because 10 classes do not have the same specificity as 1 id (Here's a CodePen where I put 100 classes and 1 id on an element: https://codepen.io/dtarvin/pen/gOqPKaM).

You can only show the true ranking of specificity by separating the numbers with dashes or something like this: 1-10-2, 2-0-0. The highest number in the first column wins. If they're the same the highest column in the second number wins. If they're the same the highest number in the third column wins. If they're the same the style that is lowest in the stylesheet wins.

I would be happy to submit a pull request on this if you like.

How web works

Web

Needs if-condition before dns-parsing

You will need to check whether the string entered into the address bar is a url, it could be also an ip address, if the string is not an url, it could also be a search phrase, which opens up the search engine of your own preference in modern browsers.

Offer help

Hi, how are you?. I've been working for a few days on a similar topic that I think is quite complete at the moment, but it's in Spanish and I would also like to help more people to spread information about how the web works and that you can build something complete and in several languages I don't know. If you're interested we could work together or something like that and translate it or something so that both guides are complete.
The link of my repo is this
Greetings