Rick & Code

This was finished a long time ago but shortly after finishing this up, I started on a new collaboration project. This project is based one of Free Code Camp’s project-based challenges, the random quote machine Zipline, but with a slight remix. Instead of the random generator being of quotes, we decided to have it randomly generate coding tips. We also made a repository with Newbie Coder Warehouse for other members to check out. 

I had a lot of fun working on this with Marcus. Before this project, Marcus got in touch with me and asked for my mentorship and I proposed this remixed project and he accepted. I focused on the JavaScript portion and made prototypes for future teaching resources. 

Video Notes:

Our file structure

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

Git commits

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.

Future Plans

To remove the admin bar from the front end, add this to the functions.php (of the child theme)