-
Notifications
You must be signed in to change notification settings - Fork 11
04 How things work and why browsers, network, web servers
With a nod to all the kind people who collaborated on it.
https://www.youtube.com/watch?v=DuSURHrZG6I - introduction to what a browser might be, URLs (parts and where you may find them), getting and parsing HTML, other content (media, CSS, JS), browser acting on that and building DOM… High level, good for a start, very good English and clear visuals. 8 minutes.
https://www.youtube.com/watch?v=8GWkjxutTME - 4,5 minutes. More browser focused, mentions HTTP, then discusses browser components, explains well why the differences, talks about rendering engines (excluding newest one for Edge). Good English, colourful visuals.
|
❗
|
https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/ - excellent and in-depth piece |
-
http://acid3.acidtests.org/ - should be 100/100, my FF50 gets 99/100
-
http://acid3.acidtests.org/reference.html - the reference how it should render things
-
http://html5test.com/ - FF50 gets 466/555, Chrome on Win7 gets 444/555 IIRC
|
💡
|
what happens when in the Internet section also has information about browser inner workings. |
|
❗
|
https://github.com/alex/what-happens-when - takes apart a question what happens when you type google.com in your browser address bar. VERY in-depth.
|
Web-servers working models - from Apache to Yaws
HTML -> CSS -> JS; only then we move on to apps and frameworks. Always remember to pace yourself.