https://www.nodebeginner.org/web-development-beginner-tutorial/ Recent content on The Web Development Beginner Tutorial Hugo -- gohugo.io en-us Mon, 19 Jun 2017 16:02:59 +0200 https://www.nodebeginner.org/web-development-beginner-tutorial/post/preparations/ Mon, 19 Jun 2017 16:02:59 +0200 https://www.nodebeginner.org/web-development-beginner-tutorial/post/preparations/ <p>Before we can start with anything, we need to prepare an environment to work in over the course of this book. In order to give you correct advice and useful instructions at all times, I need to know your work environment as precisely as possible. But because I&rsquo;m not exactly sitting next to you, this is a challenge. Fortunately, there is a very simple solution for this.</p> https://www.nodebeginner.org/web-development-beginner-tutorial/post/a-close-look-at-the-www/introduction/ Mon, 19 Jun 2017 16:02:59 +0200 https://www.nodebeginner.org/web-development-beginner-tutorial/post/a-close-look-at-the-www/introduction/ <p>What happens when you open a web page in your browser? On the surface, your browser (the <em>client</em>) loads a page from a remote system (the <em>server</em>) and displays its content. What exactly is displayed, and how it is presented to us, is defined by the HTML, CSS and JavaScript code which the server sends back to our client.</p> https://www.nodebeginner.org/web-development-beginner-tutorial/post/a-close-look-at-the-www/the-building-blocks-of-the-world-wide-web/ Mon, 19 Jun 2017 16:02:59 +0200 https://www.nodebeginner.org/web-development-beginner-tutorial/post/a-close-look-at-the-www/the-building-blocks-of-the-world-wide-web/ <p>The bad news is that even for a seemingly simple and innocent operation - like a browser requesting a single web page from a server - there are so many moving parts involved that you could fill multiple books explaining them all. The good news, however, is that in order to become a productive web developer, we do not need to know all the atomic details.</p> https://www.nodebeginner.org/web-development-beginner-tutorial/post/a-close-look-at-the-www/how-web-browsers-find-web-servers/ Mon, 19 Jun 2017 16:02:59 +0200 https://www.nodebeginner.org/web-development-beginner-tutorial/post/a-close-look-at-the-www/how-web-browsers-find-web-servers/ <p>Web browsers and web servers talk to each other over the Internet. It is the client - the browser - which initiates the exchange. What triggers a browser to do so is the user who enters a URL into the address bar, for example: <code>http://www.example.com</code>.</p> https://www.nodebeginner.org/web-development-beginner-tutorial/post/a-close-look-at-the-www/how-computers-on-the-internet-establish-a-network-connection/ Mon, 19 Jun 2017 16:02:59 +0200 https://www.nodebeginner.org/web-development-beginner-tutorial/post/a-close-look-at-the-www/how-computers-on-the-internet-establish-a-network-connection/ <p>What happens next? Using the IP address it looked up, the browser can now attempt to establish a network connection to the target server.</p> https://www.nodebeginner.org/web-development-beginner-tutorial/post/a-close-look-at-the-www/how-computer-programs-talk-to-each-other-over-the-internet/ Mon, 19 Jun 2017 16:02:59 +0200 https://www.nodebeginner.org/web-development-beginner-tutorial/post/a-close-look-at-the-www/how-computer-programs-talk-to-each-other-over-the-internet/ <p>By now, we have established a general understanding of how computers find other computers on the Internet, and how they can establish a network connection via IP addresses and data packet routing using these addresses.</p>