1 00:00:08,000 --> 00:00:13,770 One way that you can share your webpage with everyone is by hosting it on GitHub. 2 00:00:13,770 --> 00:00:17,190 So, the first step is making a GitHub Pages account. 3 00:00:17,190 --> 00:00:20,120 So, I'm gonna go in here and pick a username. 4 00:00:20,120 --> 00:00:24,410 As I type in, it's going to let me know if somebody already has that one or not. 5 00:00:24,410 --> 00:00:26,480 So, here we go. 6 00:00:26,480 --> 00:00:28,955 I've created web designer for everyone. 7 00:00:28,955 --> 00:00:32,960 Make sure that whatever username you pick, 8 00:00:32,960 --> 00:00:37,130 makes sense because this is going to be part of the URL for your site. 9 00:00:37,130 --> 00:00:39,335 So, pick something simple. 10 00:00:39,335 --> 00:00:42,200 Not a lot of upper or lowercase and something that 11 00:00:42,200 --> 00:00:45,590 really kind of describes why you're building your site. 12 00:00:45,590 --> 00:00:46,640 Go ahead and put in 13 00:00:46,640 --> 00:00:57,300 an email, and a password. 14 00:01:03,680 --> 00:01:06,000 Once you've logged in, 15 00:01:06,000 --> 00:01:08,860 what you want to do is you want to create your account. 16 00:01:08,860 --> 00:01:11,125 So, when you click on create an account, 17 00:01:11,125 --> 00:01:14,590 what's going to happen is that they're going to send you or first, 18 00:01:14,590 --> 00:01:16,585 you have to decide what kind of plan you want. 19 00:01:16,585 --> 00:01:18,475 We're going to go with the free plan. 20 00:01:18,475 --> 00:01:20,580 We don't need anything special, 21 00:01:20,580 --> 00:01:25,405 and you don't really need to probably get updates from GitHub news or anything like that. 22 00:01:25,405 --> 00:01:28,190 We're just going to hit Continue. 23 00:01:30,530 --> 00:01:37,165 All right. Again, no need to share any type of special information about yourself. 24 00:01:37,165 --> 00:01:40,680 I'm just going go ahead and click on, well, 25 00:01:40,680 --> 00:01:46,485 Skip This Step I guess because I didn't add anything and now, 26 00:01:46,485 --> 00:01:48,155 we can go ahead and get started. 27 00:01:48,155 --> 00:01:53,030 The first thing we need to do is we need to create something called a repository, 28 00:01:53,030 --> 00:01:56,885 and a repository is a place where you put your code on the web. 29 00:01:56,885 --> 00:02:00,425 Think of it like making a folder on your desktop. 30 00:02:00,425 --> 00:02:05,210 Maybe you've made a folder called HTML where you've been putting all your files, 31 00:02:05,210 --> 00:02:08,030 this is the name of the folder that we're going to put up on the web. 32 00:02:08,030 --> 00:02:11,945 So, this is very important that you follow the rules very exactly. 33 00:02:11,945 --> 00:02:16,170 The first thing I'm going to do is I'm going to go up to the very top corner, 34 00:02:16,170 --> 00:02:17,925 and you'll see a plus. 35 00:02:17,925 --> 00:02:20,805 When you click on the plus, there's something that says, 36 00:02:20,805 --> 00:02:27,110 "New Repository," and this 37 00:02:27,110 --> 00:02:31,130 is a point where it's going to stop and ask you to verify your email address. 38 00:02:31,130 --> 00:02:33,510 I'm go ahead and do that now. 39 00:02:36,110 --> 00:02:38,400 Once you verify your email, 40 00:02:38,400 --> 00:02:40,200 it should bring you back to this page. 41 00:02:40,200 --> 00:02:48,630 So, I'm going to try clicking on the plus again and saying New Repository. All right. 42 00:02:48,630 --> 00:02:51,035 This is where it's very important. 43 00:02:51,035 --> 00:02:56,285 This repository name has to be the same as your account name. 44 00:02:56,285 --> 00:03:07,735 So, in my case, it's webdesigner4everyone.github.io. 45 00:03:07,735 --> 00:03:13,250 In my description, I can go ahead and put something like the website 46 00:03:13,250 --> 00:03:20,125 for web design for everyone. 47 00:03:20,125 --> 00:03:22,970 The second thing you really want to make sure you 48 00:03:22,970 --> 00:03:26,420 do is click on this little button down here that says, 49 00:03:26,420 --> 00:03:30,375 "Initialize this repository with the README". 50 00:03:30,375 --> 00:03:40,040 That's it. I'm going to click "Create," and it takes sometimes a few seconds. 51 00:03:40,040 --> 00:03:46,970 Just to make me everyone can see that Read Me that I clicked on that I created, 52 00:03:46,970 --> 00:03:53,735 it automatically generate a site called web design or for everyone.github.io. 53 00:03:53,735 --> 00:03:58,820 I messed up. I need to rename this because it was supposed to be Web. 54 00:03:58,820 --> 00:04:00,440 Oh actually, I was wrong. 55 00:04:00,440 --> 00:04:01,820 It is web designer for everyone. 56 00:04:01,820 --> 00:04:03,140 I typed my account name wrong. 57 00:04:03,140 --> 00:04:06,095 We're all good. As long as this part right here, 58 00:04:06,095 --> 00:04:11,015 it has to match the name of your account up here. All right. 59 00:04:11,015 --> 00:04:16,850 So now, it's time to check to see if I've made a live website for everyone to see. 60 00:04:16,850 --> 00:04:24,445 So, I'm going to copy this link right here; webdesigner4everyone.github.io. 61 00:04:24,445 --> 00:04:26,780 I'm going to copy it, 62 00:04:27,620 --> 00:04:32,040 and I am going to see what happens if we go here. 63 00:04:35,230 --> 00:04:39,650 Look, I actually have a website that's live to everyone. 64 00:04:39,650 --> 00:04:41,720 I didn't have to pay for anything. 65 00:04:41,720 --> 00:04:45,290 I didn't have to sign up for anything and GitHub Pages is 66 00:04:45,290 --> 00:04:48,935 generally accepted by everyone as a fairly secure place to put your code. 67 00:04:48,935 --> 00:04:51,320 Now, I haven't put any real code yet. 68 00:04:51,320 --> 00:04:52,430 I'm going to cover that in 69 00:04:52,430 --> 00:04:55,400 a separate video because I want to keep the two ideas separate; 70 00:04:55,400 --> 00:04:59,060 creating your GitHub account which you only have to do once, 71 00:04:59,060 --> 00:05:04,430 and then uploading your code to GitHub which you'll have to do multiple times. 72 00:05:04,430 --> 00:05:06,320 Now, just a few notes. 73 00:05:06,320 --> 00:05:10,205 Take a few seconds between each step that I covered here. 74 00:05:10,205 --> 00:05:14,825 GitHub can get very busy and sometimes it might take a few minutes 75 00:05:14,825 --> 00:05:19,895 for something to happen between you cooking okay or accept or upload. 76 00:05:19,895 --> 00:05:21,445 But hopefully, from here, 77 00:05:21,445 --> 00:05:23,110 you won't have too much problems. 78 00:05:23,110 --> 00:05:25,840 In the readings, I'll includes links to other places 79 00:05:25,840 --> 00:05:29,460 you can look for help in creating your GitHub pages account.