1 00:00:01,600 --> 00:00:02,590 Welcome back. 2 00:00:02,590 --> 00:00:07,030 We've just done our first contribution which wasn't that crazy right. 3 00:00:07,030 --> 00:00:13,970 We just went to the start here guideline and added our names to the contributors list but let's actually 4 00:00:13,970 --> 00:00:17,020 contribute to an open source project now. 5 00:00:17,060 --> 00:00:22,710 Now in our community every month we do coding challenges. 6 00:00:22,750 --> 00:00:30,280 Now you can search for coding challenges here but this month is a special event because we're actually 7 00:00:30,280 --> 00:00:37,460 doing a half Tobar fest event and this happens once a year in our community. 8 00:00:37,460 --> 00:00:46,120 In October and you can see that if we click on the hack Tobar fest 2019 link so depending on when you 9 00:00:46,120 --> 00:00:49,830 watch this you might have a different ear. 10 00:00:49,970 --> 00:00:56,080 You see that we've provided for you an opportunity to contribute to an open source project. 11 00:00:56,120 --> 00:00:59,300 We actually have animation nation. 12 00:00:59,390 --> 00:01:11,840 We have a Santa fied project and also a Python project and you can contribute to any one of these so 13 00:01:11,900 --> 00:01:19,810 if we look at animation nation while people have contributed their CSF animations here. 14 00:01:20,090 --> 00:01:22,290 This one looks nice. 15 00:01:22,300 --> 00:01:24,820 We also have the Santa fied project. 16 00:01:24,910 --> 00:01:33,170 So people have created a little Santa Web site that's kind of nice very very cool. 17 00:01:33,530 --> 00:01:40,160 And then we also have the python art project that actually does something really cool. 18 00:01:40,280 --> 00:01:49,900 If I go to the Web site here it will actually turn an image into ASCII art which is really really cool. 19 00:01:49,900 --> 00:01:59,050 Now there's tons of projects that you can do but let's try and do this animation nation project so the 20 00:01:59,050 --> 00:02:03,040 first thing I'm going to do is go to the project repository 21 00:02:06,480 --> 00:02:11,880 and follow the steps that we've done before that is we fork the repository 22 00:02:14,710 --> 00:02:18,510 we now clone this repository. 23 00:02:18,810 --> 00:02:22,050 Let's get clone. 24 00:02:22,260 --> 00:02:25,350 And while that is being cloned let's look at the instructions 25 00:02:28,300 --> 00:02:28,840 now. 26 00:02:28,870 --> 00:02:35,510 Most open source projects will have instructions on how you can contribute in our case. 27 00:02:35,580 --> 00:02:38,270 We have a nice step by step guide. 28 00:02:38,490 --> 00:02:43,200 So in the our directory create a directory name after yourself. 29 00:02:43,290 --> 00:02:45,500 Ok that's nice and easy to do. 30 00:02:45,870 --> 00:02:57,520 So let's C.D. into the animation nation project let's open it up and sublime and we see that there's 31 00:02:57,570 --> 00:03:06,760 an art folder and in here we have to create our own name or our own folder with our name I've actually 32 00:03:06,760 --> 00:03:18,960 already created a folder called animatronic that has a little CSR project with an X dot HMO and CSX. 33 00:03:19,150 --> 00:03:25,810 So just to show you let's move this or just to show you. 34 00:03:26,020 --> 00:03:31,680 This is my little animation using some simple index a sheet metal and CSX. 35 00:03:31,780 --> 00:03:33,220 Nothing too crazy. 36 00:03:33,370 --> 00:03:38,860 Now all we need to do is move this into the art folder as the instructions have given us 37 00:03:41,650 --> 00:03:45,600 and now we've added our project. 38 00:03:45,610 --> 00:03:48,240 Let's see where is animatronic. 39 00:03:48,250 --> 00:03:49,000 There it is. 40 00:03:49,000 --> 00:03:50,920 That's my project over there. 41 00:03:51,700 --> 00:04:00,280 Next is to well within this folder make sure we create two files an HMO file and a CSX file and link 42 00:04:00,280 --> 00:04:05,820 the CSX file to your HMO using only H2 Mellon CSX. 43 00:04:05,830 --> 00:04:07,270 Create a work of art. 44 00:04:07,360 --> 00:04:10,460 So I've actually already done that again. 45 00:04:10,480 --> 00:04:16,630 If we go back to the project I have an index a sheet metal file very very simple that's linked to a 46 00:04:16,630 --> 00:04:22,090 style sheet and this is my styles that I've added for my animation that 47 00:04:25,540 --> 00:04:27,200 these little lines now. 48 00:04:27,280 --> 00:04:33,220 The last part here is to add my own card to this section to include dodgy JSF. 49 00:04:33,520 --> 00:04:35,950 So let's just copy this 50 00:04:39,730 --> 00:04:40,690 go to the 51 00:04:43,320 --> 00:04:45,620 includes or include Dodge. 52 00:04:45,620 --> 00:04:49,230 Yes and you see this is where everybody enters their information. 53 00:04:50,970 --> 00:04:56,220 And right here we can just add while we copy and pasted. 54 00:04:56,390 --> 00:04:59,400 Make sure the indentation is proper. 55 00:04:59,540 --> 00:05:03,370 So the our name is going to be called animatronic 56 00:05:05,900 --> 00:05:08,870 page link is going to be while the name of our folder. 57 00:05:08,900 --> 00:05:14,130 So I named the Tron index dot HMO 58 00:05:19,510 --> 00:05:24,530 and then the gift name which they suggested that we include a gift. 59 00:05:24,530 --> 00:05:32,860 So if I remember correctly the gift name was trance dot gift. 60 00:05:32,900 --> 00:05:38,000 Again I just created a little gif of my animation. 61 00:05:38,540 --> 00:05:41,140 So we'll call it trance dot gif. 62 00:05:41,450 --> 00:05:49,190 Author is Andre and they get how blank is like get how blink. 63 00:05:49,260 --> 00:05:49,980 All right. 64 00:05:50,110 --> 00:05:52,410 So that should be good. 65 00:05:52,420 --> 00:05:56,040 Let's now make a pull request. 66 00:05:56,110 --> 00:06:00,020 Now notice here how I did all these changes on M.. 67 00:06:00,070 --> 00:06:08,000 Ideally we created these changes on a new branch so we can actually just do that now get checkout be 68 00:06:10,320 --> 00:06:12,390 and call it animatronic 69 00:06:18,010 --> 00:06:23,140 so if I do get status now I see that I have two changes. 70 00:06:23,150 --> 00:06:24,050 That's good. 71 00:06:24,050 --> 00:06:28,680 Let's do get ad get commit 72 00:06:32,060 --> 00:06:39,460 adding my artsy ness to the project. 73 00:06:39,710 --> 00:06:48,210 And then finally get push origin animatronic. 74 00:06:48,220 --> 00:06:48,980 All right. 75 00:06:49,180 --> 00:06:58,730 If we go back to the project we see that we actually now have a little icon that says compare poor request 76 00:06:59,870 --> 00:07:10,510 if I go back to the fort repo 0 2 mastery you see right over here that I also have this yellow banner. 77 00:07:10,510 --> 00:07:24,270 So if I click on this and say please add me to this list and we'll link to this is Joy who's one of 78 00:07:24,270 --> 00:07:25,650 the managers. 79 00:07:25,650 --> 00:07:27,860 So I'm just going to say please add me to the list. 80 00:07:27,870 --> 00:07:32,190 We actually don't even need to track her because she will check this occasionally. 81 00:07:32,220 --> 00:07:36,520 So I'm going to create a pull request. 82 00:07:36,600 --> 00:07:38,940 It's now opened. 83 00:07:38,940 --> 00:07:40,470 That's awesome. 84 00:07:40,500 --> 00:07:47,010 So please add me to the list if I look at my file changes you can see that these are what I've added 85 00:07:47,100 --> 00:07:56,220 to the project so if I now merge pull request again you won't be able to do this but some of our management 86 00:07:56,220 --> 00:08:01,260 team people who are managing the open source projects will be able to merge for you 87 00:08:05,560 --> 00:08:10,540 We can delete the branch since we have merged everything. 88 00:08:10,750 --> 00:08:13,410 And now let's see if the changes have been made. 89 00:08:13,480 --> 00:08:16,750 If I go to these 0 2 mastery animation nation. 90 00:08:16,990 --> 00:08:25,500 So if I now look for my project a look at that there's my little animatronic project that's well here 91 00:08:25,530 --> 00:08:25,820 it is. 92 00:08:25,830 --> 00:08:27,290 There's my CSX. 93 00:08:27,300 --> 00:08:28,170 That's beautiful 94 00:08:31,250 --> 00:08:32,930 the way this project is designed. 95 00:08:32,930 --> 00:08:40,340 It randomly select the CSX animation so it might not show all of them at the same time so you might 96 00:08:40,340 --> 00:08:42,350 have to refresh this a few times. 97 00:08:42,350 --> 00:08:46,760 But just like that I made my open source contribution. 98 00:08:46,760 --> 00:08:51,740 Now there's a ton of projects here that you can join. 99 00:08:51,740 --> 00:08:59,330 And like I said this is a playground for you to test make mistakes because this isn't a real workplace. 100 00:08:59,510 --> 00:09:05,810 We want to practice these skills before we actually go into work and make big dangerous changes. 101 00:09:05,810 --> 00:09:07,940 And that's open source. 102 00:09:08,000 --> 00:09:10,780 I highly highly recommend that you get involved. 103 00:09:10,790 --> 00:09:12,710 It's a great way to work with others. 104 00:09:12,710 --> 00:09:16,490 It's a great way to learn how get and get hub really work. 105 00:09:16,490 --> 00:09:21,290 There's no doubt that there's a lot that an individual programmer can do. 106 00:09:21,290 --> 00:09:28,610 However the progress and scale that something can be built is really compounded when many people work 107 00:09:28,700 --> 00:09:30,150 on something together. 108 00:09:30,290 --> 00:09:35,800 Go make your first open source contribution and have fun building things with your fellow programmers. 109 00:09:36,010 --> 00:09:39,790 And may one day lead you to impress a potential employer. 110 00:09:39,990 --> 00:09:41,490 See you in the next one. 111 00:09:41,730 --> 00:09:41,930 By.