Coding

HTML Course – How the Web Works | Beginner’s Tutorial | #1

  • 00:00:00 hello and welcome to this video on our
  • 00:00:03 channel you can find a lot of videos
  • 00:00:05 about web development but you can find
  • 00:00:08 so far is a beginner's guide so a guide
  • 00:00:11 that helps you if you just started web
  • 00:00:14 development or if you never code it
  • 00:00:16 before that's the purpose of this
  • 00:00:19 miniseries because in this series we'll
  • 00:00:22 take a look at the basics of web
  • 00:00:24 development specifically we will take a
  • 00:00:26 look at front-end web development so
  • 00:00:29 HTML CSS and JavaScript so let's start
  • 00:00:33 right now and have a look at the first
  • 00:00:36 steps in HTML together
  • 00:00:42 so how do we start such a miniseries how
  • 00:00:45 do we get the easiest entry into the
  • 00:00:47 complex area of web development well I
  • 00:00:50 think a good starting point is the
  • 00:00:52 answer to this question how does the web
  • 00:00:56 actually work because the starting point
  • 00:00:58 could be you or me we are sitting there
  • 00:01:01 as users or a so called clients and we
  • 00:01:05 could enter a URL into our browser now
  • 00:01:09 talking about browsers the browser could
  • 00:01:11 be chrome could be Firefox could be edge
  • 00:01:13 could be Safari whatever you want the
  • 00:01:16 important thing is that with entering
  • 00:01:19 this URL we are sending a get request
  • 00:01:22 why are we sending this obviously
  • 00:01:25 because we want to display information
  • 00:01:27 in our browser we want to display the
  • 00:01:29 web page in this case apple.com so we
  • 00:01:31 need information specifically we are
  • 00:01:35 sending a HTTP request HTTP stands for
  • 00:01:40 hypertext Transfer Protocol and this
  • 00:01:42 simply means that we want to fetch
  • 00:01:44 information to display it in the browser
  • 00:01:46 now the question is what type of
  • 00:01:49 information are we requesting well the
  • 00:01:52 browser could respect different types of
  • 00:01:55 information for example it could also
  • 00:01:57 request zip files or something like that
  • 00:01:59 but let's assume for the moment that the
  • 00:02:02 browser requests information in the HTML
  • 00:02:05 format so HTML code now why are we
  • 00:02:08 assuming that well because every web
  • 00:02:11 page is based on HTML so without HTML
  • 00:02:15 code you can't display your web page and
  • 00:02:17 that's the reason why we request HTML
  • 00:02:20 code from the server not from which
  • 00:02:23 server well we enter this URL and in
  • 00:02:26 this URL we enter the domain Apple com
  • 00:02:30 and because of that we're requesting
  • 00:02:32 information HTML code from the apple
  • 00:02:35 server now let's assume another thing
  • 00:02:38 let's assume that this request was
  • 00:02:41 successful what happens then is that we
  • 00:02:44 would get a response from the server and
  • 00:02:46 what would that response look like well
  • 00:02:49 we requested HTML so because of that we
  • 00:02:53 would get HTML code back
  • 00:02:55 from the server and this HTML code is
  • 00:02:58 really important because this HTML code
  • 00:03:00 includes the content and the structure
  • 00:03:03 of our web page and that's why we need
  • 00:03:06 HTML code for each web page that we have
  • 00:03:09 because without content and structure
  • 00:03:11 well there is nothing to display now is
  • 00:03:14 there anything more that we could get
  • 00:03:16 back as a response from the server and
  • 00:03:18 just to be precise I am referring to
  • 00:03:21 additional information that is part of
  • 00:03:24 that HTML file because we only get back
  • 00:03:27 one HTML file from the server so is
  • 00:03:31 there anything more that we could get
  • 00:03:33 back now the answer is yes we can
  • 00:03:35 another thing we could get back is CSS
  • 00:03:38 CSS stands for cascading style sheets
  • 00:03:42 and CSS is required to add some styling
  • 00:03:46 to our web page so for example to change
  • 00:03:48 the colors of specific areas of the web
  • 00:03:50 page to make it look more beautiful or
  • 00:03:52 better now do we need CSS no we don't
  • 00:03:56 need CSS at all because as I said HTML
  • 00:03:59 by the way HTML stands for hypertext
  • 00:04:02 markup language I didn't mention it
  • 00:04:05 before so now we know that so HTML is
  • 00:04:08 the content in the structure and if we
  • 00:04:10 have the content and the course
  • 00:04:11 structure then the web page will be
  • 00:04:13 totally fine but ugly and we don't want
  • 00:04:16 ugly pages we want our web pages to look
  • 00:04:19 good and therefore we need CSS we'll
  • 00:04:22 talk about CSS in detail throughout this
  • 00:04:24 miniseries now is there more to come it
  • 00:04:28 is we could also get JavaScript now
  • 00:04:32 what's that now
  • 00:04:33 well JavaScript is basically responsible
  • 00:04:35 to add logic to our web page what do you
  • 00:04:38 mean by logic
  • 00:04:39 well logic is necessary if we have
  • 00:04:42 something where a condition is required
  • 00:04:44 so let's assume if we enter an email
  • 00:04:47 into a specific field we want to display
  • 00:04:49 valid or invalid in this case we need a
  • 00:04:52 conditional function and this is based
  • 00:04:55 on JavaScript
  • 00:04:56 not at summarize that the response from
  • 00:04:59 the server is always HTML if it works of
  • 00:05:01 course so if the request was successful
  • 00:05:03 in this HTML code we get the basic
  • 00:05:07 structure and the content of the web
  • 00:05:09 age an optional additional response
  • 00:05:13 could be CSS to add some styling and
  • 00:05:16 JavaScript to add some logic to our
  • 00:05:18 webpage now as soon as we got this
  • 00:05:21 responses or this response we can
  • 00:05:24 display a web page in our browser and
  • 00:05:27 that's actually how the web generally
  • 00:05:30 works of course there is a lot more
  • 00:05:33 because as I said in the beginning of
  • 00:05:35 this video in this series we will take a
  • 00:05:37 look at front and web development this
  • 00:05:40 means everything that runs in the
  • 00:05:42 browser now as you can imagine there is
  • 00:05:45 more let's assume you are an apple comm
  • 00:05:47 and you want to create a user account by
  • 00:05:50 that Apple needs to save your email and
  • 00:05:53 the corresponding password and this
  • 00:05:55 shouldn't be saved in the browser of
  • 00:05:57 course this should be saved on the
  • 00:05:59 server and for that purpose you need a
  • 00:06:01 back-end so back-end web development for
  • 00:06:04 databases for example this is something
  • 00:06:07 we will not cover throughout this
  • 00:06:09 miniseries
  • 00:06:10 however Mac's created an awesome video
  • 00:06:13 where he gives you a great overview of
  • 00:06:16 web development in general so he shows
  • 00:06:18 you front-end web development back in
  • 00:06:20 web development frameworks and a lot
  • 00:06:22 more so definitely check out this video
  • 00:06:25 if you want to find out more about that
  • 00:06:27 now back to front and web development
  • 00:06:30 though because we saw that now in theory
  • 00:06:32 and this is nice but can we also see
  • 00:06:35 that if we really type apple.com into
  • 00:06:38 our browser well let's find that out
  • 00:06:40 right now so here I am in chrome right
  • 00:06:43 now and I'm in chrome because well I
  • 00:06:47 said that you can use any browser you
  • 00:06:49 want a few minutes ago that's totally
  • 00:06:50 correct but for the purpose of this
  • 00:06:53 miniseries I highly recommend to use
  • 00:06:55 Chrome because Chrome comes with an
  • 00:06:58 integrated tool actually or tool that
  • 00:07:00 the chrome developer tools and with
  • 00:07:03 these tools we can take a look at the
  • 00:07:06 details behind the web page actually so
  • 00:07:09 eight parts of the code for example and
  • 00:07:10 this is really important if you want to
  • 00:07:13 understand how the web works in general
  • 00:07:14 and also when we want to create our own
  • 00:07:16 web page therefore I recommend using
  • 00:07:19 Chrome and I will use Chrome right here
  • 00:07:21 so it would be awesome if you could
  • 00:07:23 the same because then it's easy to
  • 00:07:24 follow this video however I'm in Chrome
  • 00:07:27 right now as I said and I talked about
  • 00:07:30 these developer tools where can we find
  • 00:07:32 these developer tools actually well the
  • 00:07:34 developer tools can be found either here
  • 00:07:36 if you click onto these three dots
  • 00:07:37 appear and now go to more tools and the
  • 00:07:41 developer tools or so I'm on the Mac
  • 00:07:43 right here so on the Mac you can type
  • 00:07:45 command option so old
  • 00:07:47 and I to open the developer tools that's
  • 00:07:51 what they look like if you're using a
  • 00:07:53 Windows machine you can simply press f12
  • 00:07:55 to access the developer tools with the
  • 00:07:57 shortcut however now we see these
  • 00:08:00 developer tools maybe make them a little
  • 00:08:02 bit bigger for you and a P we see
  • 00:08:05 different tabs actually now I'm in
  • 00:08:07 network tab already and that's also a
  • 00:08:10 tab you should go to as soon as we did
  • 00:08:13 that we can all enter apple.com and then
  • 00:08:16 let's see what happens right here in
  • 00:08:18 this network tab so now apple.com
  • 00:08:21 finished loading and as you can see in
  • 00:08:24 our network tab a lot of information was
  • 00:08:26 loaded into the browser chronologically
  • 00:08:28 by the way so you see the chronological
  • 00:08:30 loading order here in this network tab
  • 00:08:32 now let's have a look at what we got
  • 00:08:34 right here what you can see but here are
  • 00:08:36 some images for example here we can see
  • 00:08:39 is that stands for JavaScript you
  • 00:08:42 remember that was that part of the
  • 00:08:44 response that was responsible for the
  • 00:08:47 logic on our web page we can also see
  • 00:08:50 CSS so cascading style sheets that's the
  • 00:08:52 part that makes our web page look more
  • 00:08:54 beautiful also something people talk
  • 00:08:57 about later throughout this miniseries
  • 00:08:58 but if we scroll to the beginning we can
  • 00:09:02 see this apple.com by the way the
  • 00:09:05 statues 200 simply means well as you can
  • 00:09:07 see right here the request was okay so
  • 00:09:09 our response was delivered actually now
  • 00:09:12 what happens if we click on to apple.com
  • 00:09:15 let's do that now and increase the size
  • 00:09:19 a little bit maybe oops like that well
  • 00:09:22 as you can see here in this headers tab
  • 00:09:24 we have the request URL so we wanted to
  • 00:09:27 go to apple.com
  • 00:09:28 you can see the request method you
  • 00:09:31 remember on the slide we talked about
  • 00:09:33 that get requests that we sent we can
  • 00:09:36 see the status quo to hunt
  • 00:09:37 we talked about that it's okay and we
  • 00:09:40 can also get some other information like
  • 00:09:42 the response headers we will not talk
  • 00:09:44 about that right now
  • 00:09:45 that's something we will cover later the
  • 00:09:47 important thing right now is that our
  • 00:09:49 request was successful and that we
  • 00:09:51 received an HTML file how do I know that
  • 00:09:55 this is HTML well if you look at preview
  • 00:09:58 right here there then you can see that
  • 00:10:02 we have this doctype HTML thing and then
  • 00:10:05 we have HTML written right here so
  • 00:10:08 that's pure HTML code you will see right
  • 00:10:11 here and which we received from Apple
  • 00:10:14 com based on our request that we sent
  • 00:10:17 now let's have a quick look at this code
  • 00:10:19 without going to the details because you
  • 00:10:22 can see HTML right here if we scroll to
  • 00:10:24 the right you can see this bigger than
  • 00:10:27 sign so we see that this kind of wraps
  • 00:10:30 HTML then we see head also with the
  • 00:10:33 smaller than and bigger than signs then
  • 00:10:36 we have some meta data right here also
  • 00:10:38 something we will not talk about now in
  • 00:10:40 detail just for you to see that there is
  • 00:10:42 really a lot of code in here interesting
  • 00:10:44 part now is that head is again mention
  • 00:10:47 right there you remember we had head up
  • 00:10:49 here but without the slash just head and
  • 00:10:54 down there we have had now again with
  • 00:10:58 the smaller and bigger sign but also
  • 00:11:00 with a slash that's interesting let's
  • 00:11:02 keep that in mind after head we got the
  • 00:11:06 body there is some class attached to it
  • 00:11:09 we can ignore it for the moment but
  • 00:11:11 again body is kind of opened apparently
  • 00:11:14 then we have a lot of information in
  • 00:11:16 here so let's scroll to the end right
  • 00:11:18 now of this HTML code so here I am now
  • 00:11:21 in the last lines and as you can see
  • 00:11:24 body is now mentioned again now with
  • 00:11:28 that slash and the same thing is true
  • 00:11:30 for HTML you remember that was written
  • 00:11:33 at the beginning when the whole HTML
  • 00:11:36 code started actually now apparently
  • 00:11:40 this HTML code can somehow be
  • 00:11:43 interpreted by the browser and display
  • 00:11:46 the page as I said before to this bit of
  • 00:11:49 page the way it is right here it
  • 00:11:51 a lot more like CSS and JavaScript but
  • 00:11:53 generally hTML is a code that can be
  • 00:11:57 interpreted by the browser now this is a
  • 00:11:59 really big file and we can't dive into
  • 00:12:02 all the details but why can't we just
  • 00:12:05 create an HTML file on our own and then
  • 00:12:08 add some content to our web page is that
  • 00:12:11 possible and the answer is yes the only
  • 00:12:14 thing we need to write basic HTML code
  • 00:12:17 is a text editor and as we got a text
  • 00:12:20 editor on our computer why don't we just
  • 00:12:22 create an index.html file and see how we
  • 00:12:26 can write code and how it is displayed
  • 00:12:28 in the browser let's do this right now
  • 00:12:31 as I said before I'm working on a neck
  • 00:12:34 book right here and therefore I opened
  • 00:12:36 an empty file in TextEdit if you work on
  • 00:12:40 a Windows machine you can do the same
  • 00:12:42 thing by only using notepad now for
  • 00:12:45 notepad you don't have to adjust
  • 00:12:46 anything if you're using TextEdit on the
  • 00:12:49 macbook you need to make sure that this
  • 00:12:52 is displayed as plain text not as rich
  • 00:12:55 text because rich text will add some
  • 00:12:58 additional information to the file and
  • 00:12:59 because of that it will be displayed
  • 00:13:02 wrong or it can be displayed wrong in
  • 00:13:04 the browser later therefore make sure
  • 00:13:06 that this is plain text you can quickly
  • 00:13:09 check that by going to format up here
  • 00:13:11 and now see that this is not rich text
  • 00:13:14 so if you click on to make rich text
  • 00:13:15 this is rich text this is wrong so go
  • 00:13:19 back to format and change it to make
  • 00:13:21 plain text this is correct now we have
  • 00:13:24 the text editor right here and we will
  • 00:13:26 create this HTML file but before we do
  • 00:13:29 that let's add some content the content
  • 00:13:31 could be hello I and a web page really
  • 00:13:36 creative now let's save this to create
  • 00:13:40 an HTML file so right here I selected a
  • 00:13:43 folder you can leave the plain text
  • 00:13:45 encoding to Unicode utf-8 that's correct
  • 00:13:47 the important thing is that you don't
  • 00:13:49 save this file as text but as index dot
  • 00:13:53 HTML like that now we save that
  • 00:13:59 and if we now navigate to the folder
  • 00:14:01 where you saved the file to in my case
  • 00:14:03 this is right here this is the
  • 00:14:05 index.html file that we created then
  • 00:14:08 well how can we now displayed in the
  • 00:14:11 browser actually there are two options
  • 00:14:14 the first option and this is the option
  • 00:14:17 you should always use if you create your
  • 00:14:19 own web page is using a development
  • 00:14:23 server because you remember back the
  • 00:14:25 slide we had that actually we enter a
  • 00:14:27 URL into the browser then we send a
  • 00:14:30 request to a server and then get a
  • 00:14:32 response now the problem is that this
  • 00:14:34 file is located on our computer and we
  • 00:14:36 can't send a request to our own computer
  • 00:14:39 with a development server we can do that
  • 00:14:41 we will not talk about the details how
  • 00:14:44 to set up a development server right now
  • 00:14:46 because as I said before we have two
  • 00:14:49 options we have this development server
  • 00:14:50 and we can simply open that file with a
  • 00:14:54 double-click then the file will be open
  • 00:14:56 in the browser and then we can also
  • 00:14:58 display our web page the important thing
  • 00:15:00 though as I said before is that this
  • 00:15:02 approach should not be used if you
  • 00:15:05 really want to create your own web page
  • 00:15:06 because there might be certain features
  • 00:15:08 of your page which are not working
  • 00:15:10 correctly if you just open the HTML file
  • 00:15:13 by a double-click in the browser so to
  • 00:15:15 summarise that the option you should
  • 00:15:17 follow normally when you create your own
  • 00:15:18 web pages is the development server in
  • 00:15:21 our case right here as we just apply
  • 00:15:24 some basic HTML right now
  • 00:15:26 we can simply double click onto the HTML
  • 00:15:28 file just see what happens just keep
  • 00:15:31 that in mind however as I said we can
  • 00:15:33 simply double click right now this and
  • 00:15:37 now we see that a new tab opens and in
  • 00:15:40 this tab we can now see hello I am a web
  • 00:15:43 page now what does this mean well this
  • 00:15:46 basically means that the browser was
  • 00:15:48 able to interpret the HTML file we
  • 00:15:52 created
  • 00:15:53 that's quite awesome but not really
  • 00:15:56 impressive probably but the starting
  • 00:15:58 point let's go back to our text editor
  • 00:16:00 now and see what else we can add right
  • 00:16:02 here because right here we have hello
  • 00:16:05 and a web page now what if I add
  • 00:16:07 something like and this is line 2 maybe
  • 00:16:12 like that and let's say this should be a
  • 00:16:15 paragraph because it's line two
  • 00:16:17 let's save that always important save
  • 00:16:20 any changes otherwise it can't be
  • 00:16:22 displayed in the browser now let's
  • 00:16:25 switch back to the browser and press
  • 00:16:27 reload right here well now you see that
  • 00:16:32 and this is line 2 is displayed but it's
  • 00:16:35 displayed in the same line as hello and
  • 00:16:38 a web page and that's not the way it
  • 00:16:40 should be right because obviously HTML
  • 00:16:43 and the browser cannot understand the
  • 00:16:46 paragraph we typed in the text editor so
  • 00:16:49 we need to add something and this
  • 00:16:51 something is a tag you remember this
  • 00:16:54 text we had at apple.com
  • 00:16:56 this HTML and body tags for example
  • 00:16:59 let's go back to a text editor and add
  • 00:17:02 such a tag let's add a tag and a
  • 00:17:05 potential attack or a good tag right
  • 00:17:07 here could be P for paragraph of course
  • 00:17:10 I'm not randomly choosing the paragraph
  • 00:17:13 right here there are specific given tags
  • 00:17:16 available in HTML which can be
  • 00:17:18 interpreted by the browser we'll have a
  • 00:17:21 look at these tags that are available in
  • 00:17:23 the next videos of this series
  • 00:17:25 the important thing for now is that we
  • 00:17:27 use the paragraph because it's an
  • 00:17:29 available tag and it's a tag that makes
  • 00:17:31 sense right here in this example so
  • 00:17:33 let's add the paragraph right now so
  • 00:17:36 let's add the smaller sign P and the
  • 00:17:39 larger sign then after our content
  • 00:17:43 that's the content we add another
  • 00:17:45 smaller sign now a slash P and the
  • 00:17:50 larger than symbol now what did we
  • 00:17:52 create right here we created an element
  • 00:17:55 right here so this is an element and
  • 00:17:58 this element has an opening tag right
  • 00:18:01 here and a closing tag right there and
  • 00:18:04 the content oops
  • 00:18:07 and the content that should be displayed
  • 00:18:10 like that now let's save this and see if
  • 00:18:14 we now created a paragraph let's reload
  • 00:18:17 the browser right here and indeed we did
  • 00:18:20 so that's interesting right
  • 00:18:22 HTML and the browser understand this
  • 00:18:25 Peter
  • 00:18:26 as a paragraph and by that we now
  • 00:18:29 created that second text as a new line
  • 00:18:32 so here can already see that tags are
  • 00:18:35 really important in HTML because as I
  • 00:18:38 said before hTML is responsible for the
  • 00:18:42 content and the general structure of the
  • 00:18:45 web page and how should the browser know
  • 00:18:47 that it should make a paragraph right
  • 00:18:49 here and because of that it's really
  • 00:18:51 important that we always add text to our
  • 00:18:54 content in an HTML file and this also
  • 00:18:58 means that hello I'm a webpage right
  • 00:19:00 here although display correctly is not
  • 00:19:03 best practice code because if we go back
  • 00:19:06 to the text editor we can see that we
  • 00:19:08 only have the text right here but no
  • 00:19:10 opening and closing tag therefore we
  • 00:19:13 should change that and we could easily
  • 00:19:15 change it by adding also a paragraph to
  • 00:19:19 it like this and like that maybe it
  • 00:19:24 saved us and if we go back right now and
  • 00:19:26 reload the page we can see nothing
  • 00:19:29 changed but we credit the code in a best
  • 00:19:31 practice manner so keep that in mind
  • 00:19:34 always use tags when you create content
  • 00:19:36 in your HTML file another thing we saw
  • 00:19:39 is that HTML actually forgives a lot of
  • 00:19:43 mistakes because if you think back about
  • 00:19:45 the HTML file we saw on apple.com we saw
  • 00:19:49 that this file included things like
  • 00:19:51 doctype on top and we had this HTML this
  • 00:19:54 head and these body tags now all these
  • 00:19:57 tags are not part of our HTML file right
  • 00:20:00 here and the browser still could
  • 00:20:02 interpret it nevertheless it's always
  • 00:20:05 important to write best practice code as
  • 00:20:07 said before because otherwise your code
  • 00:20:10 is not really efficient or might be slow
  • 00:20:12 and additionally it's hard to read and
  • 00:20:14 understand by other people let's maybe
  • 00:20:17 have a look at one additional tag so for
  • 00:20:20 the purpose let's go back to the text
  • 00:20:22 editor let's maybe add something like I
  • 00:20:26 am the header something like this now as
  • 00:20:31 you can imagine right here if I save
  • 00:20:33 this and go back the header is added up
  • 00:20:36 there
  • 00:20:38 let's go back again now what if I add
  • 00:20:41 another tag an h1 tag maybe and close it
  • 00:20:47 right here save it
  • 00:20:49 let's see what happens now after I go
  • 00:20:51 back right here and we load the page
  • 00:20:53 well then we can see him that we applied
  • 00:20:56 some styling to our header how can that
  • 00:20:59 be
  • 00:21:00 didn't I tell you before that for
  • 00:21:02 styling purposes we use CSS that's
  • 00:21:06 totally true and that's also important
  • 00:21:09 to keep in mind because although h1 add
  • 00:21:12 some styling right here this styling
  • 00:21:15 could be easily changed by CSS so we
  • 00:21:17 could for example easily change and this
  • 00:21:19 is line 2 – the same format like this
  • 00:21:22 header up here that's easy to do and
  • 00:21:24 because of that always keep in mind that
  • 00:21:26 styling is related to CSS additionally
  • 00:21:29 this h1 starting right here is
  • 00:21:32 interpreted by the browser
  • 00:21:33 therefore this might look different if
  • 00:21:36 you don't use chrome but use Firefox for
  • 00:21:38 example therefore that's not the way to
  • 00:21:40 style your content but why do we have
  • 00:21:44 these tags then well imagine a newspaper
  • 00:21:47 in a newspaper you also have the header
  • 00:21:50 section and then you have a Content
  • 00:21:52 section and that's actually the logic
  • 00:21:54 that you can follow right here with this
  • 00:21:56 h1 tag you simply make it easy to
  • 00:21:59 identify which part should be the header
  • 00:22:01 in your HTML document we will talk about
  • 00:22:04 more text of course throughout the next
  • 00:22:06 videos but that's actually the main
  • 00:22:08 thing you should keep in mind regarding
  • 00:22:10 the opening and closing tags it's always
  • 00:22:13 important to use these tags to add
  • 00:22:16 structure to your HTML file you can also
  • 00:22:19 think about a blind person right here
  • 00:22:21 because this person obviously cannot see
  • 00:22:24 you a page so the person might use a
  • 00:22:26 screen reader and this screen reader
  • 00:22:28 needs information about the content of
  • 00:22:31 the page so we need clear tags and by
  • 00:22:34 that elements with a clear meaning to
  • 00:22:37 make sure that the page can be
  • 00:22:39 interpreted correctly and with that we
  • 00:22:42 are not actually done with the first
  • 00:22:44 part of this miniseries we know at a
  • 00:22:46 basic look at how the web in general
  • 00:22:48 works we saw that we create get requests
  • 00:22:51 by enter
  • 00:22:52 in a browser we also started to get
  • 00:22:54 responses which always should include
  • 00:22:56 HTML and optionally CSS and JavaScript
  • 00:23:00 we saw how this works in the chrome
  • 00:23:03 developer tools on apple.com and we
  • 00:23:05 created our own index.html file with
  • 00:23:08 some basic content which we can now
  • 00:23:10 display in the browser so that's a
  • 00:23:13 really huge step for the beginning
  • 00:23:15 actually but in the next video we will
  • 00:23:17 change the perspective because right now
  • 00:23:19 we had a look at how the web works but
  • 00:23:21 actually we are web developers we want
  • 00:23:23 to know how web developers work so let's
  • 00:23:26 have a look at that in the next video
  • 00:23:28 then hope to see you there bye