c9 to GitHub Tutorial

hi I'm going to go over how to push your feet on web pages to github and here is a little website that I created just for fun so uses an example and yes bad unicorns like bacon because they're bad but first we want to know what is good good is a system that saves our code it works like a camera that takes a picture of our code and stores the photos so that we can later go back and view what changes we've made think of it like your school photos where you can go and see how you've changed over time it works like save as where it saves our changes by pushing them to github but it's also like save as on steroids because rather than just saving our changes it keeps previous copies of them for us we access get through the console in c9 and the instructions on how to access get are at the HTML playground website what is github github is a repository a place where things are stored that keeps our code in albums for us in individual repositories so think of github as a bookshelf and the individual repositories as photo albums anytime we want to go back to see our previous code we can so why do we want get in github as we make updates and improve our code sometimes we type something that breaks our code we want to be able to go back and change it back to a previous version and try again also if we want to reuse code we can simply look up what we did before without having to completely rewrite our code from scratch and it saves us a lot of time github also allows other people to see our code make changes and save their changes where we can view it as well this is very powerful since others may be able to help us solve a problem that we're having github also allows sabrina and i to see your webpages anytime without you having to be logged into c9 at the same time the first thing we need to do is add get to our existing product projects we're going to start out by initiating it and I am going to do ctrl C to copy get an it come down to my console and paste it in you can also type this out okay next step is adding get so I'm going to do control C and the dot here is our current file or folder that we're in and it's going to add everything there to get hub for us come back down ctrl V to paste it and hit enter and then finally we need to comment on everything that we do to help us keep track of what changes we've made each time we push information to github so I'm going to copy this comment and we're going to commit our initial commit and hit enter okay now you're going to see I got an error message here the reason is our text editor has stylized our quotes so I'm going to paste this again and come back and change these quotes and you might be able to see here we're here the quotes are straight and previously they're curved so when I hit enter again it's added now if we go in and change code we don't have to go through all that again the only thing we need to do is do the get add period and then I'll push all of our folders and files that we're working on there over to github and then commit a new comment such as change coz or you might want to get specific and say I added a photo or whatever other change you did so next we need to share the information to github which by now you should have already set up a profile so what I'm going to do is start a project because I'm already logged in I'm going to call this unicorns are bad not going to bother with the description right now come down and create repository okay so here the first instruction is to create a new repository on the command line that's what we just did so we don't need to do that what we're going to do is come down and do the push an existing repository from the command line so to push everything over we're going to copy this first line control-c to copy come down paste that into the console control V and then we're going to copy the second line and paste it in okay and now it's asking me to login so I'm going to type in my github username type in my password here but you're not going to see me typing it in okay and it took it all right that's all set up now so now the last thing that we need to do is Sabrina wants a copy of our websites so what we're going to do now is go into our repository click Settings scroll down to where it says github pages and under source select master branch and save now when we scroll back down it says your site is ready to be published at ESRI in jazz github I owe - unicorns are bad and I don't want that period in there I'm going to copy that type in my name and my site address and hit Send all right almost there click I'm not a robot because I'm fairly certain on humans and return to the original site and we're done that's it

Channel: Varnes Productions

Views: 3,810

Keywords: c9, website, git, github, tutorial

Id: YSEQe4smezA

Length: 7min 38sec (458 seconds)

Published: Tue Mar 28 2017