{"id":287823,"date":"2020-09-01T09:50:11","date_gmt":"2020-09-01T14:50:11","guid":{"rendered":"http:\/\/itblog.lcisd.net\/?p=287823"},"modified":"2020-09-01T09:50:18","modified_gmt":"2020-09-01T14:50:18","slug":"how-the-web-works","status":"publish","type":"post","link":"https:\/\/itblog.lcisd.net\/?p=287823","title":{"rendered":"How-The-Web-Works"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/itblog.lcisd.net\/wp-content\/uploads\/2020\/09\/How-The-Web-Works.webp\" alt=\"\" class=\"wp-image-287822\"\/><\/figure>\n\n\n\n<p><strong>Very instructive don&#8217;t you think?\u00a0 Kudos for Kamran Ahmed @kamranahmedse\u00a0<\/strong><\/p>\n\n\n\n<p>Here are the technical terms defined as simple as possible:<\/p>\n\n\n\n<p><strong>DNS<\/strong>&nbsp; &#8211; Domain Name System: In very simple terms, it translates domain names like <a href=\"http:\/\/www.example.com\">www.example.com<\/a> to a number like 93.184.216.34 that corresponds with a computer on the internet somewhere.&nbsp;<\/p>\n\n\n\n<p><strong>CACHE<\/strong> &#8211; a holding area in computer memory where often- or most-recently used things are quickly available .<\/p>\n\n\n\n<p><strong>ROUTER<\/strong>&nbsp; &#8211; A router is hardware used to connect two or more computers to each other, and usually to the Internet, by wire or sometimes radio signals (like Wi-Fi).<\/p>\n\n\n\n<p><strong>TCP<\/strong> &#8211; Transmission Control Protocol. This is the protocol that the Internet uses to transport data packets from one computer to another.<\/p>\n\n\n\n<p><strong>HTTP<\/strong> &#8211; Hypertext Transfer Protocol is the way data gets sent and received in the World Wide Web, where hypertext documents include links to other resources that you can easily access with a click.<\/p>\n\n\n\n<p><strong>SYN\/ACK<\/strong> &#8211; How two computers on the internet start talking to each other using TCP.<\/p>\n\n\n\n<p><strong>HTML<\/strong> &#8211; Hyper Text Markup Language, how webpages are being painted on the screen of your browser.<\/p>\n\n\n\n<p><strong>CSS &#8211;&nbsp;<\/strong> Cascading Style Sheets describe how the webpage you just pulled up should look like.&nbsp;<\/p>\n\n\n\n<p><strong>JS<\/strong> &#8211; JavaScript, a programming language that helps build the webpage on your browser screen.<\/p>\n\n\n\n<p><strong>Tokenizer<\/strong> &#8211; a tokenizer helps building your webpage by recognizing incoming data by looking for whitespace like tabs, spaces, and new lines.&nbsp;<\/p>\n\n\n\n<p><strong>DOM TREE and CSSOM Tree<\/strong> &#8211; You may know that HTML is actually a bunch of text tags like &lt;head&gt; or &lt;body&gt;. To paint a webpage, these tags are organized in trees so that they can easily be painted on the screen, which is called <strong>rendering<\/strong>. Here is an example of one of those trees. <em>And that his is all you need to know for the moment!&nbsp;<\/em> WHEW.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.knowbe4.com\/hs-fs\/hubfs\/DOM-TREE.png?width=495&amp;name=DOM-TREE.png\" alt=\"DOM-TREE\"\/><\/figure>\n\n\n\n<p>As you can see, pretty complicated stuff that goes on under the hood. Lots of stuff can fall over. Turning the system off and back on often solves a lot of issues.&nbsp; \ud83d\ude00<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Very instructive don&#8217;t you think?\u00a0 Kudos for Kamran Ahmed @kamranahmedse\u00a0 Here are the technical terms defined as simple as possible: DNS&nbsp; &#8211; Domain Name System: In very simple terms, it translates domain names like www.example.com to a number like 93.184.216.34<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[],"class_list":["post-287823","post","type-post","status-publish","format-standard","hentry","category-browsers"],"_links":{"self":[{"href":"https:\/\/itblog.lcisd.net\/index.php?rest_route=\/wp\/v2\/posts\/287823","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itblog.lcisd.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itblog.lcisd.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itblog.lcisd.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/itblog.lcisd.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=287823"}],"version-history":[{"count":3,"href":"https:\/\/itblog.lcisd.net\/index.php?rest_route=\/wp\/v2\/posts\/287823\/revisions"}],"predecessor-version":[{"id":287826,"href":"https:\/\/itblog.lcisd.net\/index.php?rest_route=\/wp\/v2\/posts\/287823\/revisions\/287826"}],"wp:attachment":[{"href":"https:\/\/itblog.lcisd.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=287823"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itblog.lcisd.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=287823"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itblog.lcisd.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=287823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}