1 00:00:00,190 --> 00:00:06,140 It's where we left off in the last video we created our data models and in this city where we would 2 00:00:06,130 --> 00:00:14,340 be looking at adding controllers views and taking a general store of the files that help us through 3 00:00:14,340 --> 00:00:16,180 our web programming. 4 00:00:16,230 --> 00:00:16,620 No. 5 00:00:16,620 --> 00:00:20,870 Microsoft gave us quite a few generated files and folders. 6 00:00:20,880 --> 00:00:23,650 They gave us a nice full structure. 7 00:00:23,820 --> 00:00:29,160 It is something like a skeleton or a guidance system if you will. 8 00:00:29,160 --> 00:00:34,110 It is not hard and fast that your project must look like this because as you go along you add things 9 00:00:34,110 --> 00:00:38,250 you remove things so you're full the structure me very from this. 10 00:00:38,370 --> 00:00:43,890 But at the end of the day once you create an NBC project this is the general for the structure that 11 00:00:43,890 --> 00:00:51,060 you get no one to go through the folders we can take a look for and fully appreciate exactly what we 12 00:00:51,060 --> 00:00:52,510 have. 13 00:00:52,710 --> 00:00:55,970 So an upstart you have a few code files. 14 00:00:55,980 --> 00:01:00,000 Those are essential to the actual startup of our application. 15 00:01:00,000 --> 00:01:06,540 They have some free processes and set up routing configuration some identity stuff some bundles for 16 00:01:06,540 --> 00:01:08,280 our styles and scripts. 17 00:01:08,280 --> 00:01:14,700 I'm not going to get into the details of those but we can just have an appreciation of what is an upstart. 18 00:01:15,180 --> 00:01:23,730 If we look at content we see that we have a few CFS files out of the box MVC five comes with bootstrap 19 00:01:24,360 --> 00:01:32,740 kind of integrated and built in so your web application has that bootstrap look and view by default. 20 00:01:32,790 --> 00:01:38,700 You can actually remove it if you wish and you can update it if you wish you can do whatever it wants 21 00:01:38,700 --> 00:01:39,510 it's there. 22 00:01:39,510 --> 00:01:45,480 They also give you another standard since this file which is yours to edit at will. 23 00:01:45,480 --> 00:01:52,050 This practice would have you create another serious file and override styles and bootstrap as opposed 24 00:01:52,050 --> 00:01:53,640 to editing the bootstrap file. 25 00:01:54,000 --> 00:02:00,660 So that's why they would have given you another one where you would add your own custom styles and additional 26 00:02:00,660 --> 00:02:11,360 things to make bootstrap more customized and more personalized in the controllers folder. 27 00:02:11,370 --> 00:02:20,460 We have three controllers and we can deduce from the naming convention that the controller name would 28 00:02:20,460 --> 00:02:25,010 be some word in this case icons and the word controller. 29 00:02:25,340 --> 00:02:29,550 And if you look at all three files you notice that they all have that same form some word. 30 00:02:29,550 --> 00:02:34,080 In this case home and the word manage a controller. 31 00:02:34,080 --> 00:02:39,870 So if you're going to create a new controller you should have whatever you're calling it and ending 32 00:02:39,870 --> 00:02:43,650 with the word control in tabular case. 33 00:02:44,790 --> 00:02:46,950 Funds those are generated. 34 00:02:46,950 --> 00:02:51,560 Those are coming with bootstrap because throw the internet. 35 00:02:51,630 --> 00:02:56,090 Not every computer is going to have the funds that you would like to display. 36 00:02:56,120 --> 00:03:04,290 So it's always good at least in modern day web development to include the funds file with your project 37 00:03:04,350 --> 00:03:09,090 so that the server loads the funds as opposed to the client machine. 38 00:03:09,150 --> 00:03:11,130 So that's that's why that's is there. 39 00:03:11,190 --> 00:03:15,490 I would advise you not to eat it though unless you have a game plan. 40 00:03:15,510 --> 00:03:21,710 We went through modules how we saw where we have different class files and we added or the needs of 41 00:03:21,710 --> 00:03:23,350 these entities model. 42 00:03:23,370 --> 00:03:26,040 So we have our approach star database 43 00:03:28,950 --> 00:03:35,190 where the scripts folder which plays host to a bunch of scripts. 44 00:03:35,200 --> 00:03:42,790 Most of the G query scripts that are needed to complement or bootstrap scripts. 45 00:03:42,790 --> 00:03:50,710 We also have moderniser response which help with responsiveness and the backwards compatibility for 46 00:03:50,830 --> 00:03:54,380 more Isham of stuff for older browsers. 47 00:03:54,610 --> 00:03:58,720 So all of this stuff comes prepackaged with the web projects. 48 00:03:58,720 --> 00:04:00,790 You don't have to add these things manually. 49 00:04:01,320 --> 00:04:10,600 All right so here we have or views folder which plays host to our res of you files with the extension 50 00:04:10,740 --> 00:04:12,610 thought C S HDMI. 51 00:04:12,730 --> 00:04:17,530 I guess it seeing C sharp finished him combined that's exactly what Razer is. 52 00:04:17,530 --> 00:04:25,690 No I wanted to appreciate the correlation between the folder names here in the views and the names of 53 00:04:25,690 --> 00:04:26,920 the controllers. 54 00:04:26,950 --> 00:04:31,980 So we're going to look at the home controller and appreciate that correlation. 55 00:04:31,980 --> 00:04:37,350 So we have a home controller which is a s file and a CSI file is just the class file. 56 00:04:37,360 --> 00:04:47,170 As you see it's really just a class in purging from base class called controller and in it it has functions 57 00:04:47,360 --> 00:04:52,220 methods procedures whatever keyword you use used identify them. 58 00:04:52,240 --> 00:05:02,050 It has those they all return some type of action results and the return value for an action result is 59 00:05:02,060 --> 00:05:10,780 you know what this is doing is establishing that for every method you have here you should have a corresponding 60 00:05:10,900 --> 00:05:14,500 view file and that is what this returns. 61 00:05:14,500 --> 00:05:23,380 So when you send a request for index from the home controller it will search through the view folder 62 00:05:24,190 --> 00:05:31,060 and then look for a follow the corresponding name or home and then it will look for a controller with 63 00:05:31,360 --> 00:05:41,730 a view look for a view with the corresponding function name index and then it will return it. 64 00:05:41,750 --> 00:05:49,130 So that means if you have a method here and you have no corresponding file in a corresponding folder 65 00:05:49,340 --> 00:05:52,780 then you will get something like a forum for error. 66 00:05:52,910 --> 00:05:54,750 What we will get into that is an explorer. 67 00:05:54,770 --> 00:05:57,190 All of that in a few minutes. 68 00:05:57,680 --> 00:06:00,370 So just take a look at index really quickly. 69 00:06:02,680 --> 00:06:09,650 Now our index file I want wanted to appreciate that it has purely HDMI all things in it. 70 00:06:09,650 --> 00:06:17,210 Apart from this section which is preceded by this at sine once you see an outline that means you are 71 00:06:17,300 --> 00:06:21,940 able to superimpose C sharp into your HMO. 72 00:06:22,490 --> 00:06:23,210 All right. 73 00:06:23,320 --> 00:06:32,420 Was a C issue in the file so it's allowing a lot of bit of C sharp and it is merging it with HMO and 74 00:06:32,420 --> 00:06:42,880 I just do a quick example of C sharp in this as a school vector statement so I'd sign if a limit is 75 00:06:43,320 --> 00:06:43,690 3. 76 00:06:43,690 --> 00:06:50,370 This is just my way of example just to show you how appraisal works that actually allows me to create. 77 00:06:50,490 --> 00:06:52,200 Sorry of syntax error. 78 00:06:54,240 --> 00:07:00,770 It allows me to actually superimpose C sharp code right here in my age. 79 00:07:00,930 --> 00:07:06,660 So that is the relevance of my C issue or reason of your file. 80 00:07:06,660 --> 00:07:12,450 Another thing to note is that we don't have that traditional skeleton on I thought it's a skeleton where 81 00:07:12,750 --> 00:07:15,350 every Asian of beach should start with not type. 82 00:07:15,750 --> 00:07:19,680 And our head and our body types we don't have that here. 83 00:07:19,680 --> 00:07:21,690 None of these files have. 84 00:07:21,740 --> 00:07:29,110 That's because they are all inheriting from what we call a lake of fire and we get to see the little 85 00:07:29,130 --> 00:07:30,660 fire in a few. 86 00:07:30,660 --> 00:07:37,500 But what I really want you to see and appreciate is the fact that each file here the name corresponds 87 00:07:37,500 --> 00:07:42,560 with the name of the method that is it the controller. 88 00:07:42,570 --> 00:07:51,360 All right so once you have a method name once again you need to have a corresponding you file in a folder 89 00:07:51,420 --> 00:07:56,680 which has a corresponding name to the controller all right. 90 00:07:57,240 --> 00:08:04,480 So let's just take a tour and finally Press five the moment you've all been waiting for. 91 00:08:04,590 --> 00:08:09,310 So we'll grows so it may have taken a while but once you're here we want to take a look. 92 00:08:09,330 --> 00:08:18,220 I told visual studio and is not at NBC are aiding us to create a fully functional data driven Web sites. 93 00:08:18,220 --> 00:08:21,500 Now this is our index speech. 94 00:08:21,540 --> 00:08:28,320 Cardinal rule for me when it comes to web design is that all pages should be called index once it is 95 00:08:28,440 --> 00:08:30,160 the intended Holmby. 96 00:08:30,220 --> 00:08:36,420 All right now our index page if you look at this and we look at the code you see the correlation between 97 00:08:36,420 --> 00:08:40,330 what is here as contents and what was on the page. 98 00:08:40,380 --> 00:08:45,640 We'll also see that we have a little bootstrap theming going on we're using the bootstrap love bootstrap 99 00:08:45,660 --> 00:08:51,930 buttons even the funds is coming from bootstrap everything's integrated bootstrap. 100 00:08:52,210 --> 00:08:59,480 Now I want us to also appreciate that this is loading from local horse it's not loading from your of 101 00:08:59,480 --> 00:09:07,830 file sets as it would be if you were building a regular HMO page visual studio is actually conjuring 102 00:09:08,280 --> 00:09:15,210 a session of I S express as is short for internet information services. 103 00:09:15,360 --> 00:09:23,220 So it is conjuring magnified version of that and using it to emulate a web server experience when you 104 00:09:23,220 --> 00:09:27,240 go into e-book mode which is when you pressed a five. 105 00:09:27,410 --> 00:09:33,920 Now if we browse freeform we see that this is already home we keep a boat and we see that link change. 106 00:09:34,050 --> 00:09:40,390 So no we have both the host and airport number may differ from mine. 107 00:09:40,560 --> 00:09:50,010 We see form we see a boat now remember or controller name was called Hope so whatever the name of the 108 00:09:50,010 --> 00:09:58,320 fund trawler is that is what will appear and this will be followed by the name of the view that we have 109 00:09:58,500 --> 00:09:59,390 requested. 110 00:09:59,400 --> 00:10:05,810 So in fact contact you see a similar change home slash contact. 111 00:10:05,850 --> 00:10:06,270 All right. 112 00:10:06,530 --> 00:10:07,800 And I will go back to home. 113 00:10:07,800 --> 00:10:12,940 It's going to load index anyway so it doesn't need to indicate anything else. 114 00:10:12,960 --> 00:10:17,550 Now we're going to go back to visual studio and make a few changes. 115 00:10:17,730 --> 00:10:20,660 Back in Visual Studio I'm just going to come out of e-book mode 116 00:10:26,520 --> 00:10:29,740 now we're going to add a new view. 117 00:10:30,880 --> 00:10:36,030 So I'm just going to take two steps though in public. 118 00:10:36,570 --> 00:10:44,110 You know our return type once the action resolves and then I'll see test review 119 00:10:48,060 --> 00:10:56,520 opened up for her or girl abuses and then we know that we have to return view as is the value at the 120 00:10:56,520 --> 00:11:01,490 very least that's our method stub is expecting. 121 00:11:01,880 --> 00:11:02,420 No. 122 00:11:02,750 --> 00:11:11,300 If I run in debug mode once again and then attempts to rose to this view you should get an arrow because 123 00:11:11,300 --> 00:11:14,480 there is no corresponding file in this folder. 124 00:11:14,870 --> 00:11:19,370 So we'll just run that experiment and then we'll build and go ahead accordingly 125 00:11:22,210 --> 00:11:24,170 now that we have or what. 126 00:11:24,170 --> 00:11:30,250 Up up we can follow the same path convention that we're used to. 127 00:11:30,620 --> 00:11:37,030 So we can just see a slash home since that is the controller that we just added that view to. 128 00:11:37,220 --> 00:11:45,120 And then I'm going to write in the name of the new added you which is test you press enter and then 129 00:11:45,120 --> 00:11:49,360 we're greeted with this very unattractive page. 130 00:11:49,470 --> 00:11:55,680 But then if we take the time to appreciate what it is seeing just letting us know that the view by this 131 00:11:55,680 --> 00:12:01,510 name was not phoned in any of the locations that were searched. 132 00:12:01,530 --> 00:12:07,020 So we see that it looked in the views folder it looked in the corresponding home folder and then they 133 00:12:07,020 --> 00:12:17,840 didn't find any files that would possibly could possibly have passed as a view file all right. 134 00:12:18,230 --> 00:12:21,960 So that is that kind of URL that we would get. 135 00:12:22,070 --> 00:12:31,350 Having not made the hard adjustments to our projects now back in Visual Studio we still have a bit of 136 00:12:31,350 --> 00:12:33,690 work to do to get this view over and running. 137 00:12:34,560 --> 00:12:37,310 We already created the method stop here. 138 00:12:37,320 --> 00:12:39,700 What we want to do is get the file over here. 139 00:12:39,780 --> 00:12:50,380 You can rightly click and go to view and then give it the name that we know you want and that will be 140 00:12:50,380 --> 00:12:54,420 test you. 141 00:12:55,120 --> 00:12:59,550 And then you'll see a bunch of other options here we don't need to worry about template model class 142 00:12:59,550 --> 00:13:00,520 just yet. 143 00:13:00,520 --> 00:13:04,310 We don't want to take this but then we'll see something here about Leo. 144 00:13:04,310 --> 00:13:09,970 Page I mentioned Leo pages earlier but we still have not made it to look at the LEO page. 145 00:13:09,970 --> 00:13:15,530 But I will just leave this blank for no ad 146 00:13:19,260 --> 00:13:22,650 and then it goes through this thing called scaffolding. 147 00:13:22,650 --> 00:13:28,650 I know we have our newly created view and it's quite a simple page like we said it's almost a bare bones 148 00:13:28,670 --> 00:13:36,240 each journal page that is capable of having some amount I'll see sharp text in it you get the title 149 00:13:37,170 --> 00:13:39,240 here in this variable. 150 00:13:39,240 --> 00:13:42,380 So it's also generating all of this. 151 00:13:42,630 --> 00:13:53,270 And I'm just going to write a v tag that says hello world and I will give it's one of those famous bootstrap 152 00:13:53,270 --> 00:13:54,260 classes. 153 00:13:54,270 --> 00:13:55,000 Class. 154 00:13:55,650 --> 00:13:56,300 Let's see. 155 00:13:56,310 --> 00:13:58,910 Text Nash in full. 156 00:13:59,170 --> 00:14:07,390 So we should get blue text when we render that of course we can control a shift and B are able to build 157 00:14:07,420 --> 00:14:09,130 and build solution. 158 00:14:09,130 --> 00:14:15,450 Either one works just to ensure that we have no syntax errors in our code. 159 00:14:15,670 --> 00:14:19,930 We also see that or you file is created over here. 160 00:14:20,200 --> 00:14:25,720 So if you go back into debug mode and then we've gross to test you then we should be greeted with a 161 00:14:25,720 --> 00:14:31,420 page with an issue tag with this generates a text as well as a text that we've just added 162 00:14:34,690 --> 00:14:36,460 know that we've made that adjustments. 163 00:14:36,490 --> 00:14:45,520 We'll just come back to this age refresh or maybe you press F5 from visual studio then it would have 164 00:14:45,520 --> 00:14:53,770 loaded to this speech we see here that we have or H2 tag printing this and our whole world looking blue 165 00:14:53,890 --> 00:15:03,770 because we've put on the bootstrap class for text cache info so we can just go MacOS of evil mode. 166 00:15:03,860 --> 00:15:07,220 And now we know how to add more views. 167 00:15:07,220 --> 00:15:16,360 So our project once again we go to the controller and we make sure that there is a method stub that 168 00:15:16,360 --> 00:15:21,590 has a corresponding name with the view that we want to get to. 169 00:15:21,850 --> 00:15:22,210 All right. 170 00:15:22,630 --> 00:15:29,020 Now I mentioned the little webpage more than once and I'm not going to give you a quick tour of what 171 00:15:29,020 --> 00:15:30,700 is in the little piece. 172 00:15:30,730 --> 00:15:41,110 Essentially the page is a generic reusable template for your pages you can have more than one layouts 173 00:15:41,500 --> 00:15:48,130 and a case for having more than one fields would be like if you have a system that has a customer facing 174 00:15:48,130 --> 00:15:55,040 side and an admin portal then a portal probably looks differently from the customer facing one. 175 00:15:55,240 --> 00:16:00,250 So you can have a little ad for the IP inside and the layout for the customer office inside and then 176 00:16:00,250 --> 00:16:06,750 that would reduce the need to do the repetitive stuff over and over and over. 177 00:16:06,760 --> 00:16:12,180 It's just of meaning to the scripts and doing the HMO skeleton every time. 178 00:16:12,180 --> 00:16:12,490 All right. 179 00:16:12,580 --> 00:16:19,170 So that is why you have such a very scaled down version of a view file over here. 180 00:16:19,270 --> 00:16:28,720 But then in the shared folder under views you have a layout that see this ECMO file and you go into 181 00:16:28,720 --> 00:16:34,750 this and you're not bombarded with a bunch of HD IMO but if you take a step back and you just go through 182 00:16:34,750 --> 00:16:42,220 it you see that it's regulated stuff that it's HMO ever hit thugs inside that we have some metal declarations 183 00:16:42,370 --> 00:16:50,500 or char sets and for Responsive Web Design purposes these are bootstrap required at the very least. 184 00:16:50,500 --> 00:16:54,880 We see here where the title is being set dynamically if we remember. 185 00:16:54,910 --> 00:17:01,330 So if we go back to testify we see that here we set the view bagged up titled eat test you in the labeled 186 00:17:01,330 --> 00:17:09,040 file it is changing with each page that the test render and then the static part of it which is my is 187 00:17:09,090 --> 00:17:15,640 the ultimate application since we're doing a school management system of change that the school management 188 00:17:15,790 --> 00:17:17,740 system right. 189 00:17:18,530 --> 00:17:21,410 And then some of the declarations here. 190 00:17:21,500 --> 00:17:24,650 These functions are C sharp functions. 191 00:17:24,650 --> 00:17:31,970 So we see here are at sign signifying that we're superimposing some C sharp and then styles is a static 192 00:17:31,970 --> 00:17:40,610 class which is calling function called render which is then passing in some pharmacies which if you 193 00:17:40,610 --> 00:17:49,970 look at the HMO that gets generated from this you will see the actual code linking all of our files 194 00:17:49,970 --> 00:17:52,130 from our content folder. 195 00:17:52,130 --> 00:17:53,060 All right. 196 00:17:53,900 --> 00:17:55,450 We'll get into that right now. 197 00:17:55,490 --> 00:17:57,770 Later on we'll explore that in more detail. 198 00:17:57,770 --> 00:17:59,990 I just want you to appreciate what you're looking at. 199 00:18:00,500 --> 00:18:02,270 And then we render some of the scripts. 200 00:18:02,270 --> 00:18:08,620 In this case we're really rendering just moderniser does the testing go ahead of everything else but 201 00:18:08,630 --> 00:18:16,400 then below that is where we're rendering the other scripts such as the G query and bootstrap and setting 202 00:18:16,400 --> 00:18:17,980 some parameters. 203 00:18:18,800 --> 00:18:25,660 No if we just scroll through and look at it we see Buddy we see here we're adding enough bar bootstrap 204 00:18:25,680 --> 00:18:26,230 style. 205 00:18:27,050 --> 00:18:27,820 All right. 206 00:18:27,830 --> 00:18:29,730 We see here that we have an action link. 207 00:18:29,750 --> 00:18:37,790 So we have an object but each GMO has a function called Exon link which is taking a few files so a few 208 00:18:37,790 --> 00:18:41,080 values as parameters. 209 00:18:41,080 --> 00:18:41,510 All right. 210 00:18:41,870 --> 00:18:50,570 So here I'm just going to change application name as I'm sure we remember on our page you see application 211 00:18:50,570 --> 00:18:53,040 name coming up every time on each page. 212 00:18:53,060 --> 00:18:57,680 And who would want to say application names would actually want to give its the name it should be. 213 00:18:57,680 --> 00:19:06,710 So this would all management system and then we have enough bar poem about contact. 214 00:19:06,720 --> 00:19:14,790 If we look here we see that this is our enough bar and we have each of those links home uploads contacts. 215 00:19:14,940 --> 00:19:21,910 Now we just created a test view you'd like for it to be in the nav bar that we can browse through it 216 00:19:22,130 --> 00:19:23,160 at will. 217 00:19:23,180 --> 00:19:26,850 So I'm just going to control the. 218 00:19:26,990 --> 00:19:35,790 And that duplicates the line and then we can just modify this so to say test you all right. 219 00:19:36,050 --> 00:19:39,660 So the first block of text speaks to what it is. 220 00:19:39,680 --> 00:19:43,810 What is it you want to print on the enough bar. 221 00:19:44,000 --> 00:19:49,790 The second block speaks to the actual method that it should look for. 222 00:19:49,820 --> 00:19:54,040 So remember in the controller we want to look for the method by the name test. 223 00:19:54,100 --> 00:20:00,830 You notice there's no space here because we don't put spaces in our method names but we have to see 224 00:20:00,830 --> 00:20:07,110 it as it is here and it is not case sensitive if you want to use lowercase here or use. 225 00:20:07,110 --> 00:20:08,230 Look is here. 226 00:20:08,330 --> 00:20:13,780 Are you grossly with lowercase we will all be the same thing over outputs of space with this one because 227 00:20:13,780 --> 00:20:21,500 we wouldn't want to print the kind of case test view or user so we print what we want to or use it here 228 00:20:22,760 --> 00:20:25,220 and then the controller is home. 229 00:20:25,250 --> 00:20:29,360 So this last parliament speaks of the control. 230 00:20:29,390 --> 00:20:37,400 So if you take a careful look at home you would see that we're printing home in our enough bar here. 231 00:20:38,570 --> 00:20:44,440 However it is linking to the index method inside of our home controller. 232 00:20:44,570 --> 00:20:51,520 So it is linking to our index method in our own controller which then search for the. 233 00:20:51,550 --> 00:20:56,810 Searches for the view called index and then renders that over. 234 00:20:56,810 --> 00:21:01,400 We're telling the user it's home all right. 235 00:21:02,360 --> 00:21:09,150 And then as we go down in our layouts we see here in our body contents give. 236 00:21:09,290 --> 00:21:19,000 That's where rendering body so render Buddy really speaks to the actual rendering of the C.S. Isham 237 00:21:19,190 --> 00:21:27,590 view file inside of this entire layout which is why all of them are being rendered we find of bar and 238 00:21:27,590 --> 00:21:37,660 with a filter we saw our filter had our copyright sign the year and some random text which was up in 239 00:21:37,730 --> 00:21:40,150 generics in my is done on its application. 240 00:21:40,250 --> 00:21:46,130 So since we're changing out all of those occurences of my speed on this application we want to ensure 241 00:21:46,130 --> 00:21:54,790 that all school management systems I just looked at that and I'm displacing it here and then I can control 242 00:21:54,800 --> 00:22:02,330 shift and V and build and make sure I have no syntax errors and then we can go back into debug mode 243 00:22:02,480 --> 00:22:11,120 and see all of or changes a person at five to interview so when our page loads we see here that we have 244 00:22:11,250 --> 00:22:16,560 of all of our changes reflecting we have split management system printed here instead of application 245 00:22:16,580 --> 00:22:24,930 name we have artists view no Avatar enough bar and we have our filter reflecting or age. 246 00:22:25,010 --> 00:22:31,520 So if we want to start changing contents you know if it then dude wouldn't want to have a school management 247 00:22:31,520 --> 00:22:37,220 system which is being printed over there we'd want to change the content and so on and we'd have to 248 00:22:37,220 --> 00:22:45,540 go into our view files keynote the content and start putting in all of our custom content for each page. 249 00:22:45,550 --> 00:22:45,890 All right. 250 00:22:46,130 --> 00:22:55,910 So I hope you appreciate all views and controllers work and hope they'll tie back to the LEO page and 251 00:22:55,910 --> 00:23:02,820 how you can effectively go about adding more content and functionality to your Web site. 252 00:23:02,840 --> 00:23:03,830 See you again next time.