1 00:00:09,200 --> 00:00:15,470 Hey, everyone, in this video, we need to adjust the ear in our copyright message because as you can 2 00:00:15,470 --> 00:00:18,110 see, this is a little outdated. 3 00:00:18,440 --> 00:00:22,580 So this happens when you use a static ear. 4 00:00:22,730 --> 00:00:28,610 So if you go to the HTML of my website, you can just go all the way to the bottom. 5 00:00:28,850 --> 00:00:32,200 You will see that I just typed in the year. 6 00:00:32,360 --> 00:00:35,490 So now I'm recording this video into 2020. 7 00:00:35,660 --> 00:00:37,680 So this is outdated. 8 00:00:37,790 --> 00:00:43,280 So if you do it like this, you have to go back here every year and update it. 9 00:00:43,280 --> 00:00:45,730 And this is not the best way to do it. 10 00:00:45,980 --> 00:00:50,180 So the best way to do it is just erasing this here and here. 11 00:00:50,180 --> 00:00:53,930 We have an alignment with the idea of current ear. 12 00:00:54,110 --> 00:00:57,820 So we are going to use JavaScript to make it dynamic. 13 00:00:58,640 --> 00:01:00,470 So I'm just going to save this. 14 00:01:02,250 --> 00:01:06,880 If I refresh the page now, you will see that now the year is gone. 15 00:01:07,140 --> 00:01:10,680 So what we need to do is when we load the page. 16 00:01:11,980 --> 00:01:13,890 Let me just zoom in again. 17 00:01:15,490 --> 00:01:23,680 So here's the code for the footer, all we need to do is just select that element so that element has 18 00:01:23,680 --> 00:01:26,920 the ID of current IR. 19 00:01:31,330 --> 00:01:38,500 So we were just sat there in our e-mail for a new date object. 20 00:01:41,050 --> 00:01:46,690 And as you know, this is going to return a lot of information, we don't want all that information, 21 00:01:46,690 --> 00:01:47,900 we just want the year. 22 00:01:48,130 --> 00:01:51,760 So there's a method that we can apply, which is the get. 23 00:01:55,410 --> 00:01:58,770 Full year, so that's pretty much it. 24 00:01:58,800 --> 00:02:06,630 Now, if we save this and refresh the page, we can see that now we have the year so we don't have to 25 00:02:06,630 --> 00:02:08,260 worry about this anymore. 26 00:02:08,460 --> 00:02:14,380 Every year this is going to be updated by itself and this will always be correct. 27 00:02:14,700 --> 00:02:17,220 So that was all for this first project. 28 00:02:17,230 --> 00:02:20,520 Let's do a quick recap of what we've done here. 29 00:02:20,530 --> 00:02:23,390 So we started with the hamburger menu. 30 00:02:23,760 --> 00:02:26,340 So if we go to the mobile size. 31 00:02:27,700 --> 00:02:33,010 So there's this icon that's very common in many websites online. 32 00:02:34,880 --> 00:02:41,630 You probably have seen this already, so when we click this, we can see the mobile menu, we can close 33 00:02:41,630 --> 00:02:41,920 it. 34 00:02:42,680 --> 00:02:44,090 So this is pretty cool. 35 00:02:44,390 --> 00:02:50,390 We also have this element that's also very common in Web design, which is called an accordion. 36 00:02:50,780 --> 00:02:54,540 So we can click on elements and see the content inside. 37 00:02:55,190 --> 00:02:59,990 We also have a slider here, which is also something very common in Web design. 38 00:03:01,580 --> 00:03:07,490 This has nothing to do with JavaScript, but I just wanted to show you how to implement a simple contact 39 00:03:07,490 --> 00:03:14,390 form in your website so this can be useful to use it in your own site or just offering this to your 40 00:03:14,510 --> 00:03:15,330 client. 41 00:03:15,830 --> 00:03:21,740 And the last thing we did was pretty simple, was just making this IR dynamic. 42 00:03:22,040 --> 00:03:28,730 So this was just to give you an opportunity to work on a real website, which is different from just 43 00:03:28,850 --> 00:03:32,080 interacting with the course material like we've been doing. 44 00:03:32,300 --> 00:03:33,680 So I hope you like that. 45 00:03:33,830 --> 00:03:36,530 And we still have a lot more to learn. 46 00:03:36,740 --> 00:03:38,780 So I'll see you in the next video.