1
00:00:02,050 --> 00:00:04,680
Okay, so now we spent a lot of time

2
00:00:04,680 --> 00:00:09,210
on hosting providers and how to host websites and databases.

3
00:00:09,210 --> 00:00:11,060
But of course, that is all important.

4
00:00:12,000 --> 00:00:15,280
Now we're one step closer to deploying our website,

5
00:00:15,280 --> 00:00:20,280
but now I want to highlight a couple of preparation steps

6
00:00:20,400 --> 00:00:22,930
through which you typically should go

7
00:00:22,930 --> 00:00:26,363
when you are ready to expose your website to the world.

8
00:00:27,450 --> 00:00:29,710
The first step is that you wanna

9
00:00:29,710 --> 00:00:31,800
thoroughly test your website

10
00:00:31,800 --> 00:00:35,790
and that you wanna prepare the website code for deployment.

11
00:00:35,790 --> 00:00:38,800
You might, for example, wanna use environment variables

12
00:00:38,800 --> 00:00:41,790
and I'll explain what that is in a couple of minutes.

13
00:00:41,790 --> 00:00:44,610
So you should thoroughly test your website,

14
00:00:44,610 --> 00:00:47,510
check for bugs and fine-tune in your code

15
00:00:47,510 --> 00:00:50,900
and also test the website on different browsers to make sure

16
00:00:50,900 --> 00:00:53,400
that you really have a website that's working

17
00:00:53,400 --> 00:00:55,820
and that is, from a code perspective,

18
00:00:55,820 --> 00:00:57,533
prepared for deployment.

19
00:00:58,410 --> 00:00:59,800
Now, as a next step,

20
00:00:59,800 --> 00:01:02,770
you especially also want to double check

21
00:01:02,770 --> 00:01:07,440
if your website uses certain features in the frontend code,

22
00:01:07,440 --> 00:01:11,670
so now I'm talking about CSS and frontend JavaScript,

23
00:01:11,670 --> 00:01:15,140
that might not be supported by all browsers,

24
00:01:15,140 --> 00:01:19,750
because you must always keep in mind that all your CSS code

25
00:01:19,750 --> 00:01:23,950
and all your browser side JavaScript code is evaluated

26
00:01:23,950 --> 00:01:26,810
and executed by browsers.

27
00:01:26,810 --> 00:01:30,840
Now, unfortunately, not all browsers support all features

28
00:01:30,840 --> 00:01:33,810
and therefore, you should double check for the features

29
00:01:33,810 --> 00:01:35,020
that you are using

30
00:01:35,020 --> 00:01:39,200
if they are supported in all major browsers.

31
00:01:39,200 --> 00:01:41,870
Now, by the way, I'll come back to these individual steps

32
00:01:41,870 --> 00:01:43,120
and have a look at them

33
00:01:43,120 --> 00:01:45,710
at a concrete example together with you

34
00:01:45,710 --> 00:01:46,943
over the next minutes.

35
00:01:48,120 --> 00:01:50,223
Now, the third important step

36
00:01:50,223 --> 00:01:52,230
that you might wanna keep in mind

37
00:01:52,230 --> 00:01:56,210
is that you optimize your website for search engines.

38
00:01:56,210 --> 00:01:59,260
You should especially add important metadata

39
00:01:59,260 --> 00:02:02,390
that helps Google and other search engines understand

40
00:02:02,390 --> 00:02:06,090
and present your website as users might be searching

41
00:02:06,090 --> 00:02:08,610
for the content you have on your website.

42
00:02:08,610 --> 00:02:10,120
So that will be another topic,

43
00:02:10,120 --> 00:02:12,913
which we'll briefly discuss in this course section.

44
00:02:14,270 --> 00:02:16,180
And last but not least,

45
00:02:16,180 --> 00:02:19,270
you also wanna think about performance.

46
00:02:19,270 --> 00:02:22,970
You especially wanna shrink your frontend assets,

47
00:02:22,970 --> 00:02:25,810
so your frontend JavaScript and images

48
00:02:25,810 --> 00:02:28,580
and CSS codes that you might have.

49
00:02:28,580 --> 00:02:31,410
You wanna have all the code you need,

50
00:02:31,410 --> 00:02:34,560
but as little code as necessary in the end

51
00:02:34,560 --> 00:02:37,620
because all the frontend JavaScript code and images

52
00:02:37,620 --> 00:02:40,780
have to be downloaded by the website visitors

53
00:02:40,780 --> 00:02:43,160
and you, of course, don't wanna make it too complex

54
00:02:43,160 --> 00:02:45,490
or big for your website visitors.

55
00:02:45,490 --> 00:02:49,103
You don't wanna force your visitors to download too much.

56
00:02:50,410 --> 00:02:53,110
Now, these are a couple of steps you should keep in mind.

57
00:02:53,110 --> 00:02:54,920
And these are a couple of steps

58
00:02:54,920 --> 00:02:57,940
we'll now go through at concrete examples

59
00:02:57,940 --> 00:03:00,520
before we will then take the same example

60
00:03:00,520 --> 00:03:04,213
to really deploy it with help of a hosting provider.