1
00:00:02,090 --> 00:00:05,939
And that is it for this course section.

2
00:00:05,939 --> 00:00:08,530
Obviously this was a huge course section

3
00:00:08,530 --> 00:00:11,850
with tons and tons of content.

4
00:00:11,850 --> 00:00:15,880
Now, definitely feel free to enhanced this site even more.

5
00:00:15,880 --> 00:00:18,140
As you can tell, it is a basic online shop,

6
00:00:18,140 --> 00:00:20,070
but of course there are plenty of areas

7
00:00:20,070 --> 00:00:22,718
that you could improve or add new features.

8
00:00:22,718 --> 00:00:24,850
But this is a huge module already

9
00:00:24,850 --> 00:00:26,860
and the focus of this module

10
00:00:26,860 --> 00:00:30,540
was to go through all these core concepts again

11
00:00:30,540 --> 00:00:33,340
that we learned about throughout this course.

12
00:00:33,340 --> 00:00:35,830
We had a look at HTML again,

13
00:00:35,830 --> 00:00:39,050
at these templates and how we write HTML code,

14
00:00:39,050 --> 00:00:41,400
how we work with HTML attributes,

15
00:00:41,400 --> 00:00:44,010
how we work with white HTML elements.

16
00:00:44,010 --> 00:00:45,990
We did all of that.

17
00:00:45,990 --> 00:00:48,400
We had an extensive look at styling

18
00:00:48,400 --> 00:00:52,250
and wrote tons of style files, tons of CSS styles,

19
00:00:52,250 --> 00:00:56,660
and we even used CSS variables to define our own theme,

20
00:00:56,660 --> 00:00:58,870
which we then used over and over again

21
00:00:58,870 --> 00:01:01,350
throughout the discourse section.

22
00:01:01,350 --> 00:01:03,500
We also wrote JavaScript code,

23
00:01:03,500 --> 00:01:06,520
plenty of front-end JavaScript code,

24
00:01:06,520 --> 00:01:09,140
where we wrote various functionalities

25
00:01:09,140 --> 00:01:10,790
for updating the DOM,

26
00:01:10,790 --> 00:01:13,943
for sending AJAX requests and so on.

27
00:01:15,160 --> 00:01:18,670
Now then of course, we also worked on the backend

28
00:01:18,670 --> 00:01:21,660
and then we also added many features.

29
00:01:21,660 --> 00:01:23,480
We used the MVC pattern,

30
00:01:23,480 --> 00:01:25,917
so therefore we wrote a bunch of models,

31
00:01:25,917 --> 00:01:28,900
a bunch of views, as I already mentioned,

32
00:01:28,900 --> 00:01:31,890
and of course also our controllers.

33
00:01:31,890 --> 00:01:35,020
We added all the logic for adding authentication

34
00:01:35,020 --> 00:01:37,960
for allowing users to sign up and log in,

35
00:01:37,960 --> 00:01:40,660
and we added all this administration logic

36
00:01:40,660 --> 00:01:43,370
for creating products, getting products,

37
00:01:43,370 --> 00:01:45,770
updating products, and so on.

38
00:01:45,770 --> 00:01:49,370
We added all the logic for viewing products for the cart,

39
00:01:49,370 --> 00:01:51,160
for managing our cart,

40
00:01:51,160 --> 00:01:54,510
both as an unauthenticated and authenticated user,

41
00:01:54,510 --> 00:01:56,280
thanks to sessions.

42
00:01:56,280 --> 00:01:59,260
And of course we added the logic for placing orders.

43
00:01:59,260 --> 00:02:00,380
And last but not least,

44
00:02:00,380 --> 00:02:02,930
I also showed you the logic for getting the orders

45
00:02:02,930 --> 00:02:04,953
and keeping the prices updated.

46
00:02:05,870 --> 00:02:08,630
We worked with middleware with a database,

47
00:02:08,630 --> 00:02:11,160
a MongoDB database in this case here.

48
00:02:11,160 --> 00:02:13,920
And of course we also added utility methods.

49
00:02:13,920 --> 00:02:17,143
For example, for flashing errors onto our session.

50
00:02:18,230 --> 00:02:21,610
I can only recommend that you take this course section

51
00:02:21,610 --> 00:02:23,220
as a great exercise,

52
00:02:23,220 --> 00:02:26,850
and if you didn't try building this on your own already,

53
00:02:26,850 --> 00:02:28,950
definitely come back to it in the future

54
00:02:28,950 --> 00:02:32,640
and try building this entire shop again on your own,

55
00:02:32,640 --> 00:02:35,180
only looking at my solution from time to time.

56
00:02:35,180 --> 00:02:37,070
This would be a great exercise

57
00:02:37,070 --> 00:02:39,810
to really practice all these core concepts

58
00:02:39,810 --> 00:02:41,873
we discovered throughout the discourse.

59
00:02:42,800 --> 00:02:44,610
Now we're not done with this course,

60
00:02:44,610 --> 00:02:46,010
but we're nearing the end

61
00:02:46,010 --> 00:02:49,560
and this was a huge module with plenty of content.

62
00:02:49,560 --> 00:02:51,220
I hope you got a lot out of it

63
00:02:51,220 --> 00:02:55,300
and I hope it is now clear how you generally build websites

64
00:02:55,300 --> 00:02:58,453
with backend code and front-end code combined.