How a web browser builds and displays a web page

A simplified description of how a web browser fetches the various parts of a web page - HTML for content and structure, CSS for appearance, and JavaScript for behavior, and assembles them into a modern, interactive web page.
Note: The audio track has a really annoying click sound (cheap headset, I'm afraid). I'm not going to be able to go back and fix it, so I'll just apologize now. 'Sorry!

[@Joshuaomorales]

This should be the very first thing to watch by people who may want to learn web development. Schools don't teach in this manner. They tend to teach the concept in a complex manner.

[@kostas_x]

It's important to note that these days modern browsers use the https protocol (the secure/encrypted version of the http protocol). The default port for https is 443. This is a great and simple to follow introduction. Thanks for sharing!

[@alexanderbalakhontsev5563]

Bravo! Short, slow, simple. Just what I was looking for to get started

[@chandanguptaSDET]

Short and simple to understand. Recommended for everyone. Thanks

[@thecashewtrader3328]

yes

[@balajiverma.sc-arn-2536]

I am shocked , this video is so good that it could have got more than 10 Million Views as the video is very simply explained. Thank you Sir 🌍 🌍from India.🇮🇳

[@overrevvv]

Clearly one of the best video on this topic.

[@vcfvct]

Excellent video explaining how browser works ! Thanks for sharing.

[@へらくれすおおなすび]

I have to teach what is web application and how it works to non-CS students. I just paste this link. This is grate video!! Thanks!

[@yiannisserpico2646]

It's a fantastic video. Thank you very much dear teacher. 6 stars out of 5 is the least someone could give you!!! Keep excellent job. . .

[@EtherEight]

Great video! Explained it very well.

[@amirhosseinghasemi4831]

Thank you very much for this wonderful explanation. I have leaned one Uni semester in couple of minutes

[@Lululemon2023]

Best video on this topic: explanation and presentation. Thanks!

[@erickvidbaz3086]

valuable information straight to the point, thank you!

[@frank3481]

Just had pop moments. This helps a lot. Thank you.

[@zucadasilva937]

Only with you, sir, I finally could understand DOM! Is this video part of some course? If yes, how can I have access to the entire content? Thank you so much for this video! Best wishes from Portugal

[@Auraelius]

Thank you for your kind words. This was part of the curriculum for a code school that doesn't exist any more, so the rest of the material is unavailable. I'm sorry. Obrigado pelo seu comentário!

[@ofirtavor6009]

great great video will definetly watch more of yours

[@moweiyang0214]

とてもわかりやすく説明してくれました。ありがとうございます！

[@Auraelius]

どういたしまして!

[@farheenakhter8731]

Enjoyed watching... Short and Simple

[@kcvinu]

Excellent explanation. Thank you man :)

[@noureldin5611]

I really didn't comment on any of video I watch but it was really great video

[@vaaszimmer9004]

Beautiful explanation man!

[@inkiosi9790]

Thanks for a nice description

[@Ada-zg2qb]

Thank you so much for this.

[@ahmerfaraz]

Nice and informative video.

[@fullstackmarketing247]

That was awesome!

[@sabuein]

Thank you, very helpful.

[@almost_amusing]

Explain it very well. Tysm

[@kalkalasch]

Great video, I actually enjoyed it

[@AlyThree3]

WOW! Thank you so much that made everything soooooo much easier..

[@rehamorabi3731]

ALi

[@suyashgupta4019]

Excellent Explanation!

[@youlinazhao4836]

Amazing video! Thanks!

[@absysmedia2554]

Excellent Video

[@avi933]

Informative 👍👍

[@zsksswuro9836]

Very interesting

[@mariemfarhat7434]

interesting video, Please, tell me what are tools you used to prepare this presentation? Thank you

[@Auraelius]

I used Keynote for the slides and animation, Screenflow to do screen capture, and an H2 recorder with windscreen for the USB microphone. Thanks for watching!

[@aayush3883]

After get URL there is Domain name resolution process missing..

[@Auraelius]

Good catch! I left that out on purpose. (It's not the only step missing... :-) ) This was originally the first module of an intro-to-the-web course for complete newcomers. I felt that DNS processing was an unnecessary detail for that audience.

[@aayush3883]

@@Auraelius thank you sir love from India

[@sakshamtiwari4951]

cool

[@Dollslove1]

helpful its

[@RJCooper2]

It'll be a while before my car can achieve that task.

[@sactownplayer2108]

can someone please please give the author of this information and the creator of its content. A huge Thank you.

[@Auraelius]

You are too kind!

[@Vivekkumar-rd3kv]

Can any one explain or give me reference of why we there is need of executing Java script? Btw excellent video🙂

[@vishg28]

Javascript helps to define the behavior of the browser once the content is loaded. All the interaction you do is handled using javascript. All the business logic is handled by JS

[@MrDFJohnson]

Thanks. Great video content but what the heck is that aggravating knocking noise.

[@Auraelius]

I know, right? I'm sorry about the sound, but it's not possible for me to go back and re-record it. BTW, it's a cheap headset. That's the sound of the earcup hinge flexing. I thought I was the only one who could hear it but sadly, now it's a public embarrassment. :-(

[@MrDFJohnson]

Thanks for replying. Hey, you posted a video with great content, it was just what I was looking for and it was FREE. Who am I to complain. Thanks for posting!

[@NikuMaruNaru]

uwaa

[@chaosgamez5596]

That clicking noise is distracting

[@Auraelius]

Yep. 'Sorry about that. Cheap headset, I'm afraid.

[@TheUlrix]

HTML, CSS, JS , HTTP Should be dead 20 years Ago.

[@stuartgreen5217]

Bad sound really annoying

[@Auraelius]

Yep. 'Sorry about that. Cheap headset, I'm afraid.

[@SS-uq6wv]

@@Auraelius It was clear enough to understand. Thanks.

[@vortyx090]

Awesome video, thanks !

[@zsksswuro9836]

Very interesting