Voiceover: Our website is now ready 2 2
to be shared with the world. 3 3
We have come such a long way so far 4 4
and now we're almost at the end. 5 5
So launching our website is step six 6 6
out of our seven step plan. 7 7
This is super easy to do. 8 8
We just need to follow these three steps. 9 9
First, we need to choose and buy a domain name. 10 10
For our website that could be www.omnifood.com. 11 11
Then we need to buy web hosting. 12 12
Think of that as a folder in the internet 13 13
where we'll put all our files. 14 14
In order to ensure that our website runs smoothly, 15 15
we need the right amount of ban width 16 16
and that is the amount of data transfer we are allowed 17 17
within a certain time period. 18 18
And once we have both of those things, 19 19
we just need to upload our website to our web space. 20 20
And then we're ready to go. 21 21
Now, there are many, many domain registration companies 22 22
and web hosting companies. 23 23
Of course I will not tell you which one you should choose. 24 24
All I can tell you is that I have used GoDaddy.com 25 25
to both register domain names and buy web hosting. 26 26
The service there was always great, 27 27
but of course I can't tell that it's the best web hosting 28 28
out there because I have not tried any other service so far. 29 29
But let me just show you the GoDaddy website 30 30
and how you could use their product. 31 31
So this is the GoDaddy website. 32 32
In here we can start by search for domain. 33 33
Let me say omnifood here. 34 34
So omnifood.com is available and there's an auction for 35 35
like almost 800 euros. 36 36
But there are other domain names available like 37 37
omnifood.net, omnifood.co, or omnifood.org. 38 38
Well, again, I will of course not buy any of those 39 39
domain names and I will not show you how you can create 40 40
an account here or how you can buy a domain names 41 41
and all of that. 42 42
If you want to do that just go ahead. 43 43
It's easy to do and in GoDaddy you can actually buy the 44 44
domain and the web space as well. 45 45
So now suppose you created an account 46 46
and have now a domain and some web space. 47 47
Now you want to upload your website, right? 48 48
So to show you how this works, 49 49
in this video I will upload the website we just created 50 50
to the web hosting that I bought for the website 51 51
of this course, which is this, by the way. 52 52
So it is under construction so far. 53 53
So if you have created an account at GoDaddy, 54 54
then you can very easily log in to cPanel, 55 55
which is where we can manage our account 56 56
and the web space and everything like that. 57 57
So let me just log in here to show you how this looks like. 58 58
Alright, so here we have all kind of stuff. 59 59
For example we can create email accounts and we can 60 60
manage all kinds of things here. 61 61
You see you can there explore by yourself 62 62
but what we need for now is first I want to show you 63 63
the file manager. 64 64
Which is as i said before, like a folder in the the internet 65 65
where we will then put all our stuff. 66 66
And the folder, so this is our folder and the 67 67
website goes inside the public html folder right here. 68 68
So how do we upload those files here? 69 69
We can actually do that inside of brackets. 70 70
So in brackets there is an extension 71 71
that we can use to do that. 72 72
And all we need for that is an FTP account. 73 73
So FTP means file transfer protocol 74 74
and this is how we upload files to a web space. 75 75
So down here you're probably already have an account, 76 76
if you don't then you can create one, 77 77
but you probably have one. 78 78
So this information here is all we need 79 79
to upload our website to the internet. 80 80
So let's go back to bracket, 81 81
where I will show you a very cool extension. 82 82
One more. 83 83
So this one is called FTP Snyc Plus. 84 84
So you can just go ahead and install that. 85 85
As always I already have it. 86 86
And then once you have it installed 87 87
just hit this icon right here. 88 88
Alright and now we need those definitions from the FTP. 89 89
So FTP, and now we need the informations. 90 90
So we hit here, configure FTP client 91 91
and then we have to server. 92 92
In my case, this one. 93 93
Then the user name, 94 94
and then we need to put our password in here. 95 95
And then the folder where we want this, 96 96
so as I told you before, 97 97
I will actually back now, back to the file manager. 98 98
The public html folder is where the website will go. 99 99
Now in my case I don't want it to be right here 100 100
because then I would override all the stuff I already have 101 101
here in the public html folder, which is my website, 102 102
which I showed to you before. 103 103
So this one. 104 104
This is the stuff that I have already here 105 105
so I create a new folder where I will put 106 106
omnifood website just to show you how this works. 107 107
So we need to write public html and now I will create 108 108
a new folder here for omnifood. 109 109
Alright, and then I can hit upload. 110 110
So it tells me that the folder does not exist 111 111
so I can easily create it 112 112
so new folder, omnifood. 113 113
So I created a new folder here in my web space 114 114
and now I can just hit upload. 115 115
So this extension will take all the files and all the 116 116
folders from our project folder and upload them to 117 117
our web space. 118 118
And another cool thing of the extension is that 119 119
imagine we only change one file and then if we hit upload 120 120
again here, then it only uploads that exact file. 121 121
So we can just sit back and watch while brackets does 122 122
all the work. 123 123
So it's now uploading all our files. 124 124
This take a long time so I'll actually make fast forward 125 125
in this video so we don't have to watch all of this. 126 126
So that's it. 127 127
All our files are now uploaded to the internet. 128 128
So let me open the folder I just created. 129 129
Omnifood and here we go. 130 130
Our website is now online on the internet. 131 131
And it works. 132 132
I mean it works exactly as we did it here on our computer. 133 133
So this live version of the website is the 134 134
production version and the one on the computer 135 135
is the local version. 136 136
So now you don't only know how to 137 137
create a beautiful website, 138 138
now you also know how to optimize it 139 139
and how to launch it to the internet. 140 140
This is absolutely fantastic. 141 141
Now there's only one more thing left that I want to show you 142 142
and this about how you can track your users' behavior 143 143
in order to improve your website even after launching it.