Random Coding Tip Generator - First meeting clip highlights
We go over the file structure of the project from github. There are three main files that we are working with. Those files are reassembled from the coden project. So the github main files - index.html - For the html - style.css - For the css - script.js - For the javascript
General project file notes
Add script links to an html page. We choose to the add the link to the javascript at the bottom of the index.html.
Both of us work on different sections of the project separately on codepen and we add our updated code to github
We talk about the git commits that have been made so far. We go over file comparison in github. For example, you can compare a file from a new commit: green highlighted code is the code that has been added and the red highlighted code is what has been deleted.
We talked very briefly on git branches. The master branch is the main branch in the repository. Since this project is small, we wont be using branches.
We talked about the importance of version control. For example, a common issue of accidentally deleting some css can be alleviated faster through version control because you can go back and see where the code was deleted.
Modifying project files from github
(around 16:30 mark) Clinking on "Edit this file" opens up an editor and you can copy/paste your own code directly into the text area as well as delete existing code.
At the bottom of the edit page, you can commit the changes with a commit message and add an optional, extended description. As mentioned before, we are not adding other branches so it's ok in our project to commit to the master branch.
Workflow of git in a local environment
(around 21:00) We go through the process of pulling the new changes that were made and added on the github repository. Rick already has a version of the project stored locally on his desktop. Local environment: Windows 8, git shell (Windows Powershell) for terminal, sublime text editor, and google chrome for broswer view.
Because we changed the files during the recording session, the local version of the repo needs to be updated. We do this with a 'git pull'.
git pull The 'git pull' command will grab the new code that has been updated and it will add that code to the local repository.
We will be making this site a github page and we discussed the plans for that.