‫Welcome back.
‫We've just done our first contribution, which wasn't that crazy, right?
‫We just went to the start here guideline and added our names to the contributors list.
‫But let's actually contribute to an open source project now.
‫Now, in our community, every month we do coding challenges.
‫Now you can search for coding challenges here, but this month is a special event because we're actually
‫doing.
‫A October fest event.
‫And this happens once a year in our community in October.
‫And you can see that if we click on the October 1st 2019 link.
‫So depending on when you watch this, you might have a different ear.
‫You see that we've provided for you an opportunity to contribute to an open source project.
‫We actually have Animation Nation.
‫We have a Santa fied project and also a Python project.
‫And you can contribute to any one of these.
‫So if we look at Animation Nation while people have contributed their CSS animations here, ooh, this
‫one looks nice.
‫We also have the Santa fied project.
‫So people have created a little Santa website.
‫That's kind of nice.
‫Very, very cool.
‫And then we also have the Python art project that actually does something really cool.
‫If I go to the website here.
‫They'll actually turn an image into ASCII art, which is really, really cool.
‫Now there's tons of projects that you can do, but let's try and do this Animation Nation project.
‫So the first thing I'm going to do is go to the project repository.
‫And follow the steps that we've done before.
‫That is, we fork the repository.
‫We now clone this repository.
‫Let's get clone.
‫And while that is being cloned, let's look at the instructions.
‫Now most open source projects will have instructions on how you can contribute.
‫In our case, we have a nice step by step guide.
‫So in the art directory, create a directory name after yourself.
‫Okay, that's nice and easy to do.
‫So let's seed into the animation.
‫Nation project.
‫Let's open it up and sublime.
‫And we see that there's an art folder and in here we have to create our own name or our own folder with
‫our name.
‫I've actually already created a folder called Animate Tron.
‫That has.
‫A little CSR project with index HTML and CSS.
‫So just to show you, let's move this.
‫Or just to show you.
‫This is my little animation using some simple index, HTML and CSS.
‫Nothing too crazy.
‫Now, all we need to do is move this into the art folder as the instructions have given us.
‫And now we've added our project.
‫Let's see where it's animatronic.
‫There it is.
‫That's my project over there.
‫Next.
‫Is to well within this folder make sure we create two files, an HTML file and a CSS file and link the
‫CSS file to your HTML.
‫Using only HTML and CSS create a work of art.
‫So I've actually already done that.
‫Again, if we go back to the project, I have an index HTML file.
‫Very, very simple that's linked to a stylesheet.
‫And this is my styles that I've added for my animation that.
‫These little lines.
‫Now, the last part here is to add my own card to the section, to the include DOJ's file.
‫So let's just copy this.
‫Go to the.
‫Includes.
‫Or include dogs.
‫And you see, this is where everybody enters their information.
‫And right here we can just add what we copy and paste it, make sure the indentation is proper.
‫So the our name is going to be called animate Tron.
‫Page link is going to be well the name of our folder.
‫So I name a Tron.
‫Index html.
‫And then the gift name which.
‫They suggested that we include a gif.
‫So if I remember correctly, the.
‫GIF name.
‫Was Transport gif.
‫Again, I just created a little gif of my animation, so we'll call it transport gif.
‫Author is.
‫Andre and the GitHub link is my GitHub link.
‫All right, so that should be good.
‫Let's now make a pull request.
‫Now, notice here how I did all these changes on Master.
‫Ideally, we created these changes on a new branch, so we can actually just do that.
‫Now get.
‫Check out, be.
‫And call it animatronic.
‫So if I do get status now.
‫I see that I have to changes.
‫That's good.
‫Let's do get add.
‫Get commit.
‫Adding my artsy ness to the project.
‫And then finally get Push Origin and I'm Ultron.
‫All right.
‫If we go back to the project.
‫We see that we actually now have a little icon that says compare, pull, request.
‫If I go back to the forked repo.
‫Zero to mastery.
‫You see right over here that I also have this yellow banner.
‫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 the managers.
‫So I'm just going to say, please add me to the list.
‫We actually don't even need to tag her because she will check this occasionally.
‫So I'm going to create a pull request.
‫It's now opened.
‫That's awesome.
‫So please add me to the list if I look at my file changes.
‫You can see that these are what I've added to the project.
‫So if I now merge pull request again, you won't be able to do this.
‫But some of our management team people who are managing the open source projects will be able to merge
‫for you.
‫We can delete the branch since we have merged everything.
‫And now let's see if the changes have been made.
‫If I go to the Zero to Mastery Animation Nation, so if I now look for my project.
‫Hey, look at that.
‫There's my little animatronic project that.
‫Well, there it is.
‫There's my kiss.
‫That's beautiful.
‫The way this project is designed, it randomly selects the course animation, so it might not show all
‫of them at the same time.
‫So you might have to refresh this a few times, but just like that, I made my open source contribution.
‫Now there's a ton of projects here that you can join.
‫And like I said, this is a playground for you to test, make mistakes, because this isn't a real workplace.
‫We want to practice these skills before we actually go into work and make big, dangerous changes.
‫And that's open source.
‫I highly, highly recommend that you get involved.
‫It's a great way to work with others.
‫It's a great way to learn how Git and GitHub really work.
‫There's no doubt that there's a lot that an individual programmer can do.
‫However, the progress and scale that something can be built is really compounded when many people work
‫on something together.
‫Go make your first open source contribution and have fun building things with your fellow programmers.
‫It may one day lead you to impress a potential employer.
‫See you in the next one.