1 00:00:00,690 --> 00:00:02,450 Hello and welcome. 2 00:00:02,560 --> 00:00:08,280 In this video I will explain what a source code is. 3 00:00:08,640 --> 00:00:15,200 And we'll also show you how to view a web page source. 4 00:00:16,070 --> 00:00:19,910 What is a source code. 5 00:00:19,970 --> 00:00:20,930 Sounds cool. 6 00:00:20,950 --> 00:00:34,180 Basically refers to all the components used in building a website or creating a computer program. 7 00:00:35,000 --> 00:00:48,560 This includes things like text images scripts stance sheets media files and so on. 8 00:00:48,590 --> 00:01:00,110 This is a basic web page or hastier mailed document I created him previous videos a web page is also 9 00:01:00,110 --> 00:01:03,700 referred to as an hastey airmail document. 10 00:01:04,010 --> 00:01:06,920 So this is the piece of code. 11 00:01:07,290 --> 00:01:12,560 The hastier mail court has created this basic web page. 12 00:01:12,760 --> 00:01:14,270 And if you look on the page. 13 00:01:14,300 --> 00:01:18,380 We've also got images of image not images. 14 00:01:18,380 --> 00:01:19,850 We've got an image. 15 00:01:20,020 --> 00:01:26,770 And this image here obviously is part of this web page. 16 00:01:27,110 --> 00:01:37,580 So if someone sees this page and they asks me Can I have a source code for this web page. 17 00:01:37,910 --> 00:01:47,590 So not only to do physically is give them the project folder which is this four day here. 18 00:01:47,720 --> 00:01:58,910 This here is what I would have to send to them or make this folder available for download or I can compress 19 00:01:58,910 --> 00:02:09,380 it in a software compression tool like it win or seven zip make it compress the ball so that it is easier 20 00:02:09,380 --> 00:02:14,870 to send via e-mail or we can make that available as they download. 21 00:02:14,900 --> 00:02:22,900 So this will be what I will send to whoever made the request for the source code for the Web. 22 00:02:23,300 --> 00:02:31,220 So if I open up this for the here contains everything that was used to build the web page. 23 00:02:31,430 --> 00:02:37,130 We can see this is the index here which is this page here. 24 00:02:37,130 --> 00:02:45,650 And then we've got inside the images folder we've got the image I used which is this which is the image 25 00:02:45,740 --> 00:02:47,530 of this Poppy. 26 00:02:47,950 --> 00:02:50,930 And and we've got the all the folders sort. 27 00:02:50,940 --> 00:02:55,580 There's nothing in this group folder and there's not and this time she's in the moment. 28 00:02:55,590 --> 00:03:04,340 But this is basically what is known as the source code all the compliments you use in building your 29 00:03:04,340 --> 00:03:10,360 website or creating a computer program. 30 00:03:10,370 --> 00:03:17,840 Next I'm going to show you how you can view the source for web page. 31 00:03:17,930 --> 00:03:26,330 So I'll start with this page here so to view the source or you need to do is right click anywhere inside 32 00:03:26,330 --> 00:03:27,780 the page that is open. 33 00:03:28,070 --> 00:03:32,340 And there's an option here to see it View Source. 34 00:03:32,360 --> 00:03:33,380 Click on it. 35 00:03:33,540 --> 00:03:40,910 It opens up and you can see here we can see the hastier mail we've used to construct this page which 36 00:03:40,910 --> 00:03:42,790 is this email here. 37 00:03:43,160 --> 00:03:48,590 So that's basically how to view source for a web page. 38 00:03:48,590 --> 00:03:50,900 Obviously this is very simple. 39 00:03:51,140 --> 00:04:00,230 But if you want to view the source for a more complicated website like Facebook or Google they'll be 40 00:04:00,230 --> 00:04:01,360 a lot more here. 41 00:04:01,430 --> 00:04:08,960 And some of it you may not be able to read because it will contain all that stuff up from hastier mail 42 00:04:09,080 --> 00:04:09,920 as well. 43 00:04:10,250 --> 00:04:16,830 So this is the Google home page so I wanted to view the page source here. 44 00:04:17,090 --> 00:04:25,520 I just right click and click on pupae salts he can see when it launches that there's a lot of stuff 45 00:04:25,640 --> 00:04:26,050 in here. 46 00:04:26,070 --> 00:04:31,600 But you can see just about make out the tamale the doctype which is there. 47 00:04:31,760 --> 00:04:36,590 And then you can see other stuff as well because there may be things that advertise many other things. 48 00:04:36,590 --> 00:04:43,970 But later you can see this is more complicated than a very simple web page woofs thing. 49 00:04:43,970 --> 00:04:52,390 So basically if you want to do some of the cord behind the Web website you just go to the page source 50 00:04:52,410 --> 00:04:58,090 and you can see a lot depends on the programming language you use. 51 00:04:58,100 --> 00:05:05,150 There are some programming language that being out for source code is not displayed when you go to view. 52 00:05:05,180 --> 00:05:15,190 So the actual code is processed by the backend server and then the server returns the process. 53 00:05:16,420 --> 00:05:25,570 After converting it into a way the web browser can read it then send it back to the Web browser so sometimes 54 00:05:25,570 --> 00:05:30,960 you may not always be able to read what's in the page source. 55 00:05:30,970 --> 00:05:37,930 This is a simple website Hord example the dot com w w dot example dot com. 56 00:05:37,960 --> 00:05:41,320 This is a very basic website. 57 00:05:41,350 --> 00:05:48,210 If I wanted to view the page source to see how this page was constructed I just right click and go to 58 00:05:48,470 --> 00:05:52,530 page source and you can see the source it tells you. 59 00:05:52,530 --> 00:05:56,530 You can see the hastier mail used to build the page. 60 00:05:56,530 --> 00:05:59,960 This is some theosis here as well. 61 00:06:00,370 --> 00:06:06,110 Here we've got some media files so basically shows you how the page was constructed.