1
00:00:00,420 --> 00:00:05,790
So next up, we're going to talk about GitHub pages, a pretty fun fun is the wrong term.

2
00:00:05,790 --> 00:00:13,800
I guess a useful feature of GitHub is that we can actually host Web pages out of GitHub, repositories

3
00:00:13,800 --> 00:00:18,350
for free very easily with basically a single click of a button.

4
00:00:18,390 --> 00:00:22,180
Once our code is up on GitHub, we can host a website.

5
00:00:22,410 --> 00:00:23,840
Now, there are some restrictions.

6
00:00:24,030 --> 00:00:25,920
This is not a full fledged hosting service.

7
00:00:25,920 --> 00:00:29,130
You can't do anything except static Web pages.

8
00:00:29,460 --> 00:00:36,270
So that means no server side languages like Python, Ruby or Noad, your purely HTML, CSC and JavaScript.

9
00:00:36,270 --> 00:00:39,120
That's what you're limited to, client side static pages.

10
00:00:39,450 --> 00:00:47,580
But you can still create really amazing portfolio websites or documentation websites for your repositories.

11
00:00:48,210 --> 00:00:53,400
You can host, you know, if you build a JavaScript game, you can use GitHub pages to host that, but

12
00:00:53,610 --> 00:00:58,860
you don't want to use GitHub pages for any like high capacity website where you're expecting a lot of

13
00:00:58,860 --> 00:00:59,370
traffic.

14
00:00:59,700 --> 00:01:03,270
It's it's not really meant for that, but it's a really nice feature.

15
00:01:04,110 --> 00:01:06,690
And again, it's free and it's built into GitHub.

16
00:01:07,170 --> 00:01:11,160
So it makes hosting very, very easy for certain situations.

17
00:01:11,490 --> 00:01:12,990
So I'm going to show you some examples.

18
00:01:12,990 --> 00:01:16,510
Here's the GitHub pages homepage where they explain how it works.

19
00:01:16,510 --> 00:01:17,880
There's a video you can watch.

20
00:01:17,880 --> 00:01:19,200
Then they have the instructions.

21
00:01:20,070 --> 00:01:28,890
But if we go to a project like Fakher, which is a JavaScript library, this is the actual project on

22
00:01:28,890 --> 00:01:29,660
GitHub, right?

23
00:01:29,670 --> 00:01:30,510
It's open source.

24
00:01:30,840 --> 00:01:36,240
This is the entire repository, all the collaborators or contributors, rather.

25
00:01:36,570 --> 00:01:42,330
If I scroll down, though, there's a link right here to view the documentation.

26
00:01:43,290 --> 00:01:49,020
So it's not the most beautiful website, but it is documentation, it has to do with the library.

27
00:01:49,020 --> 00:01:53,820
Facher It's OK if you have no idea what it is, but this is Ducks' for this project.

28
00:01:54,030 --> 00:01:59,490
And if you notice this, YORO, it has a GitHub in the you are GitHub Io.

29
00:01:59,670 --> 00:02:05,250
So all GitHub pages are going to use that domain, GitHub Io, you can change that, you can actually

30
00:02:05,250 --> 00:02:09,630
customize it and set it up to use your own URL, but I'm not going to go into that.

31
00:02:10,140 --> 00:02:13,500
But that tells us this is actually hosted thanks to GitHub pages.

32
00:02:14,130 --> 00:02:15,650
And here's another example.

33
00:02:15,870 --> 00:02:17,070
This is a repository.

34
00:02:17,640 --> 00:02:18,600
I'm on the wrong page.

35
00:02:18,810 --> 00:02:19,410
Here we are.

36
00:02:19,890 --> 00:02:21,930
This repository is a fork.

37
00:02:21,930 --> 00:02:31,680
If that 2048 game where somebody, this person here evolve, evolve, created a solver and a solver

38
00:02:31,800 --> 00:02:33,870
for the popular game 2048.

39
00:02:34,410 --> 00:02:35,850
So we can see the code here.

40
00:02:36,540 --> 00:02:42,270
But also thanks to GitHub pages, there's a tutorial I can go to to view the website.

41
00:02:42,390 --> 00:02:43,710
And I don't know if you can see this.

42
00:02:43,710 --> 00:02:44,490
I'll zoom in.

43
00:02:44,580 --> 00:02:46,490
Hopefully it's evolved.

44
00:02:46,620 --> 00:02:49,950
GitHub Daddio slash 2048 API.

45
00:02:50,520 --> 00:02:52,950
So it has GitHub in there again, GitHub Io.

46
00:02:53,430 --> 00:02:59,280
So this is another example where there's the actual repository, there's a read me, there's information

47
00:02:59,640 --> 00:03:05,220
about the project, but then there's a corresponding website and it happens to be hosted by GitHub.

48
00:03:05,790 --> 00:03:07,320
Same thing that we saw with Facher.

49
00:03:07,500 --> 00:03:10,440
Here is the project, the repository and GitHub.

50
00:03:10,650 --> 00:03:13,920
And here's a website that goes along with that project.

51
00:03:14,310 --> 00:03:18,360
It pertains to that project and it has GitHub and that URL as well.

52
00:03:19,140 --> 00:03:22,200
So there are two types, two flavors of GitHub pages.

53
00:03:22,560 --> 00:03:25,620
There are user sites and project sites.

54
00:03:26,220 --> 00:03:31,140
So I'm going to focus on project sites for every single GitHub repository you creates.

55
00:03:31,410 --> 00:03:33,750
You can have a corresponding hosted website.

56
00:03:34,050 --> 00:03:34,770
So that is.

57
00:03:35,070 --> 00:03:40,800
Yeah, every single reffo you make, every project you can have your own corresponding website and the

58
00:03:40,800 --> 00:03:44,520
default URLs are going to follow this pattern, whatever your username is.

59
00:03:44,670 --> 00:03:51,320
So I'm called it's my username called GitHub Daddio Slash and then whatever my repo name is, you know,

60
00:03:51,330 --> 00:03:54,720
Portfolio or 2048 Klown or something like that.

61
00:03:54,990 --> 00:03:56,400
So that's one per project.

62
00:03:56,580 --> 00:03:59,130
Then there's also user sites.

63
00:03:59,850 --> 00:04:02,580
You are limited to one of those one per GitHub account.

64
00:04:02,880 --> 00:04:05,700
And this is a different application.

65
00:04:05,700 --> 00:04:07,530
It's actually set up differently as well.

66
00:04:08,040 --> 00:04:11,880
I'm not going to spend as much time on it, but this is where you could host something like a personal

67
00:04:11,880 --> 00:04:19,930
website, a portfolio, anything that you want to be based upon your username, GitHub, Iyo, so Colts',

68
00:04:20,160 --> 00:04:27,330
GitHub, Io, Samantha Jones, GitHub, Daddio, where it's not a project, it's not a particular repository.

69
00:04:27,450 --> 00:04:31,710
Instead, it's about you or your or your group, your organization.

70
00:04:31,950 --> 00:04:34,440
You are allowed one per GitHub account.

71
00:04:34,860 --> 00:04:38,310
But we're going to focus on project sites like the two that I showed you.

72
00:04:38,760 --> 00:04:43,860
We have a repo here and then a corresponding documentation website and then we have another repo here

73
00:04:44,040 --> 00:04:48,780
and then just a diploid version of this project that we can interact with.

74
00:04:49,020 --> 00:04:51,480
So in the next video, I'm going to show you how to set this up.

75
00:04:51,480 --> 00:04:52,920
It is very simple.

76
00:04:53,100 --> 00:04:59,610
Now, you will need to know a little bit of HTML just to make websites, but the actual mechanism to

77
00:04:59,610 --> 00:05:02,250
turn it on with GitHub pages is very easy.

78
00:05:02,310 --> 00:05:02,940
So that's coming up.