1
00:00:00,360 --> 00:00:05,820
We've build our beautiful website, we've created a sign-off form.

2
00:00:08,250 --> 00:00:10,650
And it's fully responsive, but.

3
00:00:11,870 --> 00:00:18,970
It's just on our computers, let's actually put this online on the Internet so anybody can access it,

4
00:00:19,460 --> 00:00:22,490
and I'm going to show you one way to do it for free.

5
00:00:23,130 --> 00:00:30,080
It'll take a bit of setup, but this way you'll have a website that is out there and you can showcase

6
00:00:30,080 --> 00:00:30,830
it to your friends.

7
00:00:32,350 --> 00:00:39,040
So to get started, I'm going to suggest that you go to GitHub, Dotcom.

8
00:00:40,000 --> 00:00:45,640
And you're going to create an account, and when we get to the GitHub and get section, we're going

9
00:00:45,640 --> 00:00:46,930
to talk more about this.

10
00:00:46,930 --> 00:00:55,600
But GitHub is a platform for developers to showcase their work, but also put all their code and make

11
00:00:55,600 --> 00:00:57,580
sure that it's saved in a location.

12
00:00:57,580 --> 00:00:59,380
You can think of it as a resume for a.

13
00:00:59,930 --> 00:01:02,970
So any developer that I know has a GitHub account.

14
00:01:02,980 --> 00:01:09,260
So create your own as well as completely free and allow us to put our website online for free.

15
00:01:09,910 --> 00:01:15,310
So sign up now and then I'm going to go back to my GitHub where I'm already signed in.

16
00:01:16,750 --> 00:01:23,670
And right here, once you're signed in, you'll get to this page and you'll say start a project.

17
00:01:23,710 --> 00:01:25,660
So I want you to click on Start a Project.

18
00:01:26,620 --> 00:01:32,980
And here, this is really important, you need to put the name that you have, your username of GitHub

19
00:01:33,460 --> 00:01:39,340
first and then put period GitHub dot io.

20
00:01:40,000 --> 00:01:46,090
So you have to name your repository so you can think of this as project name and then you can click

21
00:01:46,090 --> 00:01:47,860
on Create Repository.

22
00:01:49,730 --> 00:01:52,740
You'll get the screen and look very, very confusing.

23
00:01:53,030 --> 00:01:54,700
Don't worry, we don't need to worry about it.

24
00:01:55,520 --> 00:01:58,100
We're going to have to use this set up in desktop one.

25
00:01:58,730 --> 00:02:03,230
In order to do that, we need to download GitHub desktop client.

26
00:02:03,890 --> 00:02:08,280
So you can easily do that by on a GitHub desktop.

27
00:02:08,300 --> 00:02:10,700
There's for Mac four Windows, whichever one you need.

28
00:02:12,340 --> 00:02:15,850
You can download once that's downloaded, let's open it up.

29
00:02:17,630 --> 00:02:23,090
And you can see here we have GitHub desktop, I'm going to double click to open it, you'll get this

30
00:02:23,090 --> 00:02:30,230
pop up, but you can just open and once you have this, you can click on Clone Repository and you will

31
00:02:30,230 --> 00:02:31,740
have to sign in to GitHub.

32
00:02:31,760 --> 00:02:35,060
So this needs to know what your account is on GitHub, dotcom.

33
00:02:35,060 --> 00:02:35,080
Com.

34
00:02:35,090 --> 00:02:36,290
So I'm just going to click sign in.

35
00:02:36,500 --> 00:02:40,190
And again, this is you can sign in with your own credentials here.

36
00:02:44,610 --> 00:02:45,300
And there you go.

37
00:02:45,330 --> 00:02:46,800
We should be all signed in.

38
00:02:47,910 --> 00:02:53,010
The next step is we're going to click on something called Klown, a repository, so we're going to click

39
00:02:53,010 --> 00:02:58,330
on that and we're going to search for the repository we just created.

40
00:02:58,380 --> 00:03:04,710
So if you remember your username, GitHub Eyo, and because it's signed in to your account, it knows

41
00:03:04,710 --> 00:03:05,400
where to find it.

42
00:03:06,490 --> 00:03:08,500
So from here, I'm going to click.

43
00:03:12,140 --> 00:03:16,370
And it did a whole bunch of magic behind the scenes, don't worry about it for now.

44
00:03:16,620 --> 00:03:25,940
Now you want to open this repository and find her and it's going to open up your folder with your name

45
00:03:25,940 --> 00:03:26,240
on it.

46
00:03:26,480 --> 00:03:34,250
And in there, I just want you to copy and paste the three files that you have, your index, your stylesheet

47
00:03:34,640 --> 00:03:38,550
and your header if you have any other files for your website.

48
00:03:38,580 --> 00:03:39,830
Just keep them all in there.

49
00:03:39,830 --> 00:03:41,860
Just a reminder to take it out of the folder.

50
00:03:42,200 --> 00:03:43,160
There you have it.

51
00:03:44,600 --> 00:03:49,700
I don't want to delete that, I'm going to copy that back, OK, and once you have that, they're close

52
00:03:49,700 --> 00:03:49,970
it.

53
00:03:51,820 --> 00:03:57,010
And now you'll see that you have this three files that you've just added.

54
00:03:58,640 --> 00:04:06,560
All we need to do now is just write a summary of this, so uploading the website and then commit to

55
00:04:06,560 --> 00:04:06,920
M..

56
00:04:06,950 --> 00:04:09,920
You'll need to add a summary in here, otherwise they won't let you click.

57
00:04:10,810 --> 00:04:16,060
You click on that and again, something happens, some magic, but if you click on the history tab,

58
00:04:16,360 --> 00:04:18,430
you'll see that your files are still there.

59
00:04:19,300 --> 00:04:23,890
And the final thing you're going to do is click this publish branch button.

60
00:04:24,930 --> 00:04:25,860
If you click on this.

61
00:04:27,880 --> 00:04:32,260
It's doing a whole bunch of work behind the scenes and it looks like it's done.

62
00:04:33,190 --> 00:04:34,270
Now, here's the cool part.

63
00:04:35,300 --> 00:04:36,740
Let's go back to our website.

64
00:04:38,570 --> 00:04:40,490
And remember this screen?

65
00:04:41,470 --> 00:04:43,360
Well, now, if I refresh.

66
00:04:46,280 --> 00:04:54,890
I have my files in there, so now this location is referencing these files and guess what?

67
00:04:54,980 --> 00:04:58,370
Your websites actually online don't believe me.

68
00:04:58,400 --> 00:04:59,350
Well, let's check out.

69
00:04:59,810 --> 00:05:05,020
All we need to do is go to this link, type it into the bar.

70
00:05:09,770 --> 00:05:14,180
And there you go, we have our website online, so now.

71
00:05:15,180 --> 00:05:24,030
Our beautiful website, our startup page works and people can sign up for our mailing list and check

72
00:05:24,030 --> 00:05:25,090
out our startup.

73
00:05:25,800 --> 00:05:26,510
Isn't that cool?

74
00:05:27,570 --> 00:05:33,780
We're going to be learning more about GitHub and get later on in the course and there's a special section

75
00:05:33,780 --> 00:05:36,410
just for it because it's a very important tool.

76
00:05:36,780 --> 00:05:42,840
But I want you to put your website online so you can show it off to your friends and family and let

77
00:05:42,840 --> 00:05:45,250
them know that you're going to be a pretty good developer.

78
00:05:46,020 --> 00:05:47,040
I'll see you in the next one.

79
00:05:47,550 --> 00:05:47,910
Bye bye.