How The Web Works - The Big Picture

Поділитися
Вставка
  • Опубліковано 28 чер 2024
  • From request to response - how does the web work? Let's have a look at a high-level overview.
    🖥️ Official Website & Courses
    academind.com/courses/
    👨‍💻 Learn CSS & JavaScript
    acad.link/css
    acad.link/js
    📝 Full Article
    www.academind.com/learn/web-d...
    👋 Social Media
    / maxedapps
    / academind_real
    / academind_real
    / academindchannel
    💬 Academind Community on Discord
    / discord
    ----------
    Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
  • Наука та технологія

КОМЕНТАРІ • 354

  • @Dunit1117
    @Dunit1117 6 місяців тому +4

    It's really refreshing to have someone explain things in a slowed down way without excess takes

  • @fernandorendon8618
    @fernandorendon8618 3 роки тому +49

    The web is built by You and Traversy Media. I think 90% of us noobs have you two as teachers, you guys make the best content. Brad puts out a stupid amount of awesome material on every single subject, while you provide deep quality knowledge about the way things truly work, always referring to the importance of the basic building blocks. You make a great team!

  • @taura101
    @taura101 Рік тому +1

    It is great to have a big picture that joins up all the bits and pieces that I have gathered over the years into a coherent framework that a non-dev can understand.

  • @aabid3375
    @aabid3375 5 років тому +245

    Seriously amazing content...This guy is a web master.

    • @academind
      @academind  5 років тому +33

      Thanks so much for your fantastic feedback Abidul, this really means a lot to me!

    • @chivalrous_chevy1163
      @chivalrous_chevy1163 5 років тому +7

      I’d say a web guru.

    • @nischalrana9878
      @nischalrana9878 4 роки тому

      I'd say web warrior.

    • @zes3813
      @zes3813 3 роки тому +1

      no such thing as imporx or etc or not

    • @TokyoXtreme
      @TokyoXtreme 3 роки тому +2

      It’s time to bring back the title of “webmaster”.

  • @EugeniaChe
    @EugeniaChe 5 років тому +50

    Always useful to solidify basics’ knowledge. Thank you for this video Max!

  • @barbarafagundes1492
    @barbarafagundes1492 Рік тому

    Wonderful content! Seriously, I finally could understand how web works. I’m a visual learner and the graphics helps a lot!!!

  • @iliashevtsov1351
    @iliashevtsov1351 4 роки тому +5

    This is the best explanation I've seen so far

  • @aminelouni
    @aminelouni 5 років тому +5

    i enjoy every time when i see your videos even if i know the content

  • @mmohammed7031
    @mmohammed7031 4 роки тому +6

    Very succinct explanation of the basics. A great starting point to teach people about the mechanics of a webpage.

  • @dikshayadav921
    @dikshayadav921 Рік тому

    my favorite teacher.. He explains complicated topics very easily.

  • @CODINGISEASY
    @CODINGISEASY 5 років тому +5

    *A nice overview thanks!*

  • @angelinagokhale9309
    @angelinagokhale9309 2 роки тому +3

    Thank you so much Maximilian! Really appreciate the details you were able to cover up in just 12min. I shall go through your article and will check up the Udemy courses too. Thank you once again!

  • @javiertrevino5535
    @javiertrevino5535 5 років тому +1

    Interesting, this is also great for us who are already developers but don't have a full picture of how it works.. you're the man, I love your videos, keep up the good work

    • @academind
      @academind  5 років тому

      Happy to read that Javier, thanks a lot for your comment!

  • @samueltesema9044
    @samueltesema9044 Рік тому

    Bro, i have been watching different videos so far since am a self-taught, but i have never watched a video like this, it is nice and clear. i just wanna say keep it up brother. do more videos. Thank You!

  • @lvd2001
    @lvd2001 Рік тому

    I had all the knowledges of the bits you mentioned..like having all the parts of a car and you have help me to put them all in one piece like a car..... Thank You - I am subscribing your channel now

  • @jutah
    @jutah 7 місяців тому

    core idea 11:30 love that. very helpful vid covering tyhe basics. thanks and subbed

  • @georgesmith3022
    @georgesmith3022 5 років тому

    in the middle of the user pc and the server there are many routers, firewalls, switches, load balancers, ips etc. the packet travels hop by hop and in each step changes mac address. the ip header stays the same. usually the server will be behind a firewall. firewalls will also change ip header (nat) and check application data to see if there is a danger. after the firewall there is usually a load balancer like f5 or radware. the load balancer will balance requests to a farm of servers. sometimes the load balancer does also the https decryption, that is the certificate is installed on the load balancer and not on the server.

  • @issaouimounib797
    @issaouimounib797 Рік тому

    this was a really good informations you go directly to the point thank you so much bro .I was looking for a way to start they say "the hardest step is the beginings" but you made it easier thank youu again : ))

  • @neutralface
    @neutralface 4 роки тому +3

    Knowing how the web works should be one of the first things what an upcoming web developer should learn.
    Thanks for the video!

  • @fahadullah3633
    @fahadullah3633 3 роки тому +4

    Amazing explanation.. I love it. I never studied it and now i know how the client-server model works.

  • @mohajjarr
    @mohajjarr Рік тому

    Thank you for that! I'm starting new and this gave me a huge knowledge boost therefore I know some of the stuff you said but well done thank you so much.

  • @alanlado1602
    @alanlado1602 8 місяців тому

    Thank you for this amazing video, Max! The concepts are now clearer in my mind. I needed to learn how this works 'cause I'm learning how to use APIs in Python. You do an amazing job!

  • @danieloliveira9815
    @danieloliveira9815 3 роки тому +2

    The best explanation I've seen about this topic so far. Great work, dude!

  • @saisreenivas2227
    @saisreenivas2227 5 років тому

    Thanks KSRRS for sharing for a lot of knowledge

  • @exoticcoder5365
    @exoticcoder5365 2 роки тому

    much clearer ! Thanks !

  • @PhilipAlexanderHassialis
    @PhilipAlexanderHassialis 5 років тому +9

    "How The Web Works"
    Little pixies and leprechauns read what you write on the URL bar and then run in a big room and return on your screen with what you look for and half of them stand and show you what you wrote on the URL bar and the others hop around holding advertisements. Until suddenly your parents burst into your room and you realise you didn't mute the computer.

  • @bmettle8246
    @bmettle8246 4 роки тому

    Great video... Stumbled on you trying to find out more about AWS. Simplified some grey areas for me. Thank you

  • @lightoffire2146
    @lightoffire2146 2 роки тому

    the best video on how web works that I've ever seen

  • @ryan_alive
    @ryan_alive 2 місяці тому

    Fantastic.
    Love the focus on the client-server principle.

  • @yuriijam
    @yuriijam 2 роки тому

    I just discovered your channel. Great explanation!

  • @jagadeeshreddy3998
    @jagadeeshreddy3998 5 років тому +1

    Known all this stuff before, but still interesting to watch.

  • @frostysnowman5033
    @frostysnowman5033 11 місяців тому

    This was such a great video, well done man, very helpful!

  • @chawza8402
    @chawza8402 4 роки тому +1

    Thank you. Now I know which to learn

  • @kantyDarius
    @kantyDarius 5 років тому +136

    You must really love those shoes 😁

    • @academind
      @academind  5 років тому +23

      I do indeed like them, yes :)

    • @hndzn5941
      @hndzn5941 5 років тому +3

      @@academind Great shoe indeed.

    • @PavanKumar-yw3bz
      @PavanKumar-yw3bz 2 роки тому +1

      🤣🤣.

    • @bhargavikommineni6970
      @bhargavikommineni6970 2 роки тому +2

      it seems you are interested in everything except the actual message in video 😭

    • @kantyDarius
      @kantyDarius 2 роки тому +2

      @@bhargavikommineni6970 that's called multitasking bro 😅

  • @k8ehops
    @k8ehops 28 днів тому

    Thanks so much for this! It's a exactly what you said at the end- a lot of this I knew vaguely and this finally gave me a solid deeper understanding of how it works, thanks so much for this! :)

  • @sandmann6851
    @sandmann6851 3 роки тому +1

    Thank you so much for uploading!

  • @dmitrijkuba1288
    @dmitrijkuba1288 5 років тому +3

    Awesome. Thank you!

  • @YouTubehandle415
    @YouTubehandle415 3 роки тому

    I liked the video as soon as I saw the AirMax's. However, the content was great too thanks!

  • @_Sparrow_724
    @_Sparrow_724 3 роки тому +1

    for me as a starting web developer this was the most useful video I have ever watched

  • @ayushiharia8627
    @ayushiharia8627 3 роки тому +5

    Amazing video, sir!! It's the most clear video explaining the entire process of how web works. Thank you so much sir for this video🙏🏻🙏🏻🙌🏻🙌🏻.Do keep making such videos.

  • @kuldeepbadhan781
    @kuldeepbadhan781 2 роки тому

    Best video on web i have ever watched. Thank you for such amazing content..

  • @MaxVsLife
    @MaxVsLife 4 роки тому +15

    Hey Max, you are absolutely great! I am learning web development alongside my main job (also found your Udemy courses!), and you are making it so much more engaging, interesting and fun! This was a great intro, which I wish I would have found much earlier :p Keep up the good work and thank you so much!

    • @academind
      @academind  4 роки тому +2

      Thank you very much for this awesome feedback and support Max!

  • @alipirzada9964
    @alipirzada9964 3 роки тому +3

    Great Video, Learnt a lot, thanks so much love from Pakistan!

  • @onderinozu9433
    @onderinozu9433 5 років тому +1

    Honestly, I havent understood the terms of DNS,IP,HTTPS,REQUEST-RESPONSE completely, at least till now. You clarified them such a simple way. People generally focus on the details too much but cant show the big picture and that's why you feel like "lost" when someone uses a term such DNS,HTTPS etc . Thanks for this straightforward expo and I hope you will continue to explain such details in your following videos.

    • @academind
      @academind  5 років тому +1

      It's so great to read that the video made things clearer for you. Another video which kind of follows this style will be released today :)

  • @babar6410
    @babar6410 Рік тому

    Excellent explanation, made simple to understand

  • @kerryonyeogo4174
    @kerryonyeogo4174 Рік тому

    Amazing video, learnt a lot

  • @yuvrajsharma6803
    @yuvrajsharma6803 3 роки тому

    I usually start by first liking your videos .......Thanks for sharing

  • @sudeep5435
    @sudeep5435 4 роки тому +1

    This is a great video for a beginner who wants to know how internet works. This was exactly what i was looking for. Thank you for the upload.

  • @satyarthranjan7025
    @satyarthranjan7025 Рік тому

    thanks, Maximilian I learn a lot from your video. love from India keep it up

  • @kylespeller
    @kylespeller 2 роки тому

    Amazing explanation!! Thanks

  • @dharma3689
    @dharma3689 4 роки тому +1

    I have been finding a video that explains to me how the web works and yours is the one that made me stop searching

  • @zackdaspy357
    @zackdaspy357 2 роки тому

    AMAZING Explaination Dude!

  • @amwalonline
    @amwalonline 4 роки тому

    I rarely comment and I invent my time wisely on social media and really I enjoyed your content. thumbs up and would love to follow. thanks a lot for your time.

  • @VinothKumar5403
    @VinothKumar5403 5 років тому +1

    Pls explain about beforeinstallprompt concept in angular PWA.

  • @DoriEro
    @DoriEro Рік тому

    Thank you so much! Very well explained 🙏

  • @leonvanrijswijk8409
    @leonvanrijswijk8409 5 років тому +4

    Nice to see, you keep improving your video's on several aspects. I only think you are not using those running shoes ;-)

    • @academind
      @academind  5 років тому +2

      I indeed try to work on the content and presentation, things can always be improved! I do use the shoes, but not as running shoes to be honest :D

  • @nicolausres3171
    @nicolausres3171 Рік тому

    thank you so much man, really helpful and clear

  • @Peel-hk7oo
    @Peel-hk7oo Рік тому

    excellent presentation. thanks !!!!

  • @beluga7428
    @beluga7428 Рік тому

    Great video helped me a lot

  • @Capatron1
    @Capatron1 5 років тому +3

    Web assembly video, please! I think it introduces new opportunities on the web, I'm really looking forward to it!

  • @vimalathithand917
    @vimalathithand917 10 місяців тому

    Awesome video! nice and crisp

  • @eric1188311
    @eric1188311 Рік тому

    this is what people needs. The big picture. it helps knowing what to learn in web development

  • @eastendyves
    @eastendyves 5 років тому +1

    Thanks for that!

  • @sirriryisa4721
    @sirriryisa4721 2 роки тому

    All I have got to say is, AWESOME video

  • @aleksandartrisic8443
    @aleksandartrisic8443 3 роки тому

    Like the explaination a lot, great job, thx a lot.

  • @sheriffsalisu8428
    @sheriffsalisu8428 5 днів тому

    Thanks a lot. This piece is very enlightening. Very well made.

  • @howwasthat3505
    @howwasthat3505 5 років тому +1

    The Best Teacher i have ever seen ...

    • @academind
      @academind  5 років тому +1

      Wow, this means so much to me Mohsin, thank you!

  • @coins_coconuts
    @coins_coconuts 2 роки тому +1

    This is such a great concise explanation and I really appreciate the visuals. Thank you!!

  • @hamzamiloudamar8162
    @hamzamiloudamar8162 5 років тому +1

    Thank you Max

  • @mrunalrawade2123
    @mrunalrawade2123 Рік тому

    Thank you so much it really helped a lot

  • @tanfizhussain3785
    @tanfizhussain3785 3 роки тому

    Thanks for this explanation!

  • @yuriykazmirchuk9641
    @yuriykazmirchuk9641 3 роки тому +3

    Thanks. Crystal clear. Your videos and Udemy courses are awesome!

  • @jr_py_dev
    @jr_py_dev 2 роки тому

    I wonder if you could share the infography... it'll be awesome to have as a nutshell...

  • @RealRower1
    @RealRower1 8 місяців тому

    thanks i learned what html does and css

  • @wearetennis3424
    @wearetennis3424 5 років тому

    Great overview and btw nice background you have there.

    • @academind
      @academind  5 років тому

      Happy to read that, thank you!

  • @yadugowda8982
    @yadugowda8982 Рік тому

    excellent explanation on how web works. thumbsup

  • @utkalpatra1439
    @utkalpatra1439 3 роки тому

    Very nicely explained

  • @dabasishkundushento5992
    @dabasishkundushento5992 2 роки тому

    Learn a lot.
    Thanks.

  • @kylehenson2259
    @kylehenson2259 4 роки тому

    i have a question , how browser divide web and generate new version for difrent user In such a way that each user has his own state

  • @mimilee9047
    @mimilee9047 3 роки тому +1

    Thank you! I'm only a beginner and this really helped me understand a lot in an easy way. I have subscribed and can't wait to watch more of your vids! :)

  • @justbeing2662
    @justbeing2662 2 роки тому

    Amazing content
    Great explanation

  • @arunulianchery135
    @arunulianchery135 9 місяців тому

    Thanks a lot. This is great content easy to consume and understand

  • @nikB941
    @nikB941 3 роки тому

    Wow, so glad i found this video in 2021 😎

  • @alexandraserebrennikova8947

    amazing video, thanks a lot!

  • @vincesanchez7790
    @vincesanchez7790 Рік тому

    Does the browser displays the page before JS file downloaded/executed, lets say the browser finished parsing the HTML file and CSS file?

  • @shubhangmehrotra1298
    @shubhangmehrotra1298 2 роки тому

    Very helpful!

  • @emarekica
    @emarekica Рік тому

    This was great, thank you!

  • @pheonix__-47-gamer28
    @pheonix__-47-gamer28 5 років тому

    You should have above 1M subscribers...Excellent Sir for everything...

    • @academind
      @academind  5 років тому +1

      I'm very happy with the awesome support I get from you and so many others already to be honest! But of course it would be great to reach even more people but we'll see :)

  • @garrysmith9684
    @garrysmith9684 5 років тому +1

    Great video Max.
    I’m currently learning web development and hoping to become a web dev at some point in the future.
    Currently taking your Nodejs Udemy course and you are the best teacher I have come across by far.
    Keep up the good work.

    • @academind
      @academind  5 років тому

      Thanks so much for this awesome feedback and your great support Garry!

  • @bala-st9cj
    @bala-st9cj 3 роки тому +1

    He produce a quality content.

  • @lovelleacapulco4640
    @lovelleacapulco4640 5 місяців тому

    I happen to stumble upon this channel and that I really appreciate that you explained it in a very simple way for a person like me who has minimal idea about the web. Thanks again!

  • @ngquangan
    @ngquangan 5 років тому

    Thanks Max

  • @rawlespringer3917
    @rawlespringer3917 5 років тому +1

    this guy is a national and international treasure...

    • @academind
      @academind  5 років тому +1

      I don't know what to say, thank you very very much for this absolutely fantastic feedback Rawle!

  • @jodekpotasu
    @jodekpotasu 3 роки тому

    omg... I need you to explain to me this! first time I do understand this :)

  • @josecobo7179
    @josecobo7179 4 роки тому

    Many thanks Sir..

  • @mooodddy1
    @mooodddy1 5 років тому

    plz ,Max which the best for real time application use database real time Like Firebase OR use socket.io and Mongodb?

  • @sheikhmahi1384
    @sheikhmahi1384 2 роки тому

    How to upload website files where to upload does it upload to github or to web hosting does both dynamic and wordpress hosting are same ?

  • @iamraviteja28
    @iamraviteja28 5 років тому +1

    I never knew what DNS does. Now I know. Thanks for the info.

    • @academind
      @academind  5 років тому

      That's awesome to read Raviteja, thank you!

  • @md.akib5124
    @md.akib5124 5 років тому

    max when did you switch academind to gatsbyJS? as far s i can remember it was built with nuxtjs. right?

    • @academind
      @academind  5 років тому +2

      That's correct, we used Nuxt.js. You just need something new from time to time and I found Gatsby pretty interesting :)

    • @md.akib5124
      @md.akib5124 5 років тому

      @@academind yeah. makes sense

  • @emersonshaja
    @emersonshaja 2 роки тому

    Found this video useful!