<commit_before><!DOCTYPE html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="../stylesheets/default.css">
<link rel="stylesheet" type="text/css" href="../stylesheets/blog.css">
	<title>Bits on Web Development</title>

</head>
<body>
    <p class="blankSpace"><br></p>

  <img id="header" src="../imgs/homepageheader.png" alt="<NAME>"></a>
    <section>
    <a class="socialIcons" href="https://twitter.com/jennacole"> 
        <img src="../imgs/social_02.png" alt="<NAME> on Twitter"></a>
    <a class="socialIcons" href="https://instagram.com/jennacolephoto"> 
        <img src="../imgs/social_04.png" alt="<NAME> on Instagram"></a>
    <a class="socialIcons" href="https://www.facebook.com/jennacolephotography"> 
        <img src="../imgs/social_01.png" alt="<NAME> on Facebook"></a>
    <a class="socialIcons" href="https://github.com/jnicholea"> 
        <img src="../imgs/social_14.png" alt="<NAME> on GitHub"></a>
    </section>

    <section>
    <div  class="greigeBox">

     <h1><a name="EnumeratorV">Enumerator v. Enumberable</a></h1>
    <h4>9-22-2015</h4>


    <article class="blogPostText">
    <p>
        <strong>Enumeration</strong>, <strong>enumerator</strong>, and <strong>enumerable</strong> are terms I encounter again and again as I search the web for solution to my coding challenges. I'm getting better at searching the Ruby documentation for enumerables to use in my code, but I confess that I couldn't clearly define what they are; at least until I decided to write this post.</p>

        <p>As with most specialized concepts it will help to define another concept before wading into the terms at hand. A coding program is like a tower made of legos, with each lego block containing information about the tower as a whole. Each of those lego blocks is a module, and modules contain instructions that will help the program run for beginning to end and return the desired output.</p>

        <p>To <strong>enumerate</strong> is to list, to mention things one by one. <strong>Enumeration</strong> is the act of enumerating.</p>

        <p>An <strong>enumerator</strong> object is the tool that iterates over a list and returns an output.</p>

        <p><strong>Enumerables</strong> are built-in methods (read: part of the Ruby programming language) that can be used throughout the modules to execute different functions. I think of them as a shortcut I can take thanks to the creators of Ruby. I don't have to figure out how to break down the steps necessary for the computer to sort an array in alphabetical order, I can use .sort for that.</p>
    </p>
    </article>

    <div class="blogPostBreak"></div>

      <h1><a name="WannaHash">Wanna Hash? Maybe Array?</a></h1>
    <h4>09-11-2015</h4>


    <article class="blogPostText">
    <p>Let's hold a bake sale! Doesn't that sound delicious? We'll have cupcakes and brownies and pies and maybe the woman down the street who runs a baking blog will invent something completely unique for all of us to taste. We send out a list to collect names and see who wants to participate. Alice, Jenny, Derek, Megan, Samantha, Josh, Davis, Brittney, Jessica, Brad, and Heather. 

    If we're going to create a database where we can easily access the list of participants, an array is a great way to store our list. Create an array using the literal method by typing each of the names inside of square brackets, with quotation marks on either side of each name (string):

    <pre>
    bakers_array = ["Alice", "Jenny", "Derek", "Megan", "Samantha", "Josh", "Davis", <br>
    "Brittney", "Jessica", "Brad", "Heather"]
    </pre>

    If a few weeks go by and you forget who signed up, accessing the list again is easy. Type in "p bakers" and the list will be printed back out to you:

    <pre>
    p bakers_array

    -->["Alice", "Jenny", "Derek", "Megan", "Samantha", "Josh", "Davis", "Brittney", <br> "Jessica", "Brad", "Heather"]

    </pre>

    As the bake sale approaches, you realize that you don't know how many people have signed up. Cue ".length":

    <pre>
    p bakers_array.length

    -->11
    </pre>

    There are 11 bakers bringing goodies to your sale, but you want to make sure you have variety. Cupcakes are great, but what if someone came to the sale craving a brownie? Once you've collected who will be bringing what, an array won't work for storing both the name of the person and what they are bringing. This is where an array is what you're looking for. An array stores an object, like the names referred to as strings in our bakers array above, but it also can store corresponding information for each object. One value is called a key, the other is called a value. Hashes are always built with key-value pairs. 

    For our baking sale the names will be the keys and the yummy treats people bring will be the values. Key names must <b>always</b> be unique, so when creating your hash think through what strings or integers might be duplicates of each other and make that the values.

    <pre>
    bakers_hash = {
    :Alice => "cupcakes",
    :Jenny => "brownies",
    :Derek => "cake",
    :Megan => "brownies",
    :Samantha => "cupcakes",
    :Josh => "cupcakes",
    :Davis => "cupcakes",
    :Brittney => "cookies",
    :Jessica => "cookies",
    :Brad => "brownies",
    :Heather => "cookies"
    }
    </pre>

    What was it that Samantha was bringing?
    <pre>
    p bakers_hash[:Samantha]

    -->"cupcakes"
    </pre>

    And one ambitious person was bringing a cake, right? Who was that again?

    <pre>
    p bakers_hash.find {|key, val| val == "cake"}

    -->[:Derek, "cake"]
    </pre>

    And that's one way to think about the difference between hashes and arrays. Now Derek, can you please bring me some of that cake?


    </p>
    </article>

    <div class="blogPostBreak"></div>


    <h1><a name="ThinkingOf">Thinking of Margin/Border/Padding as Images on a Wall</a></h1>
    <h4>9-3-2015</h4>


    <article class="blogPostText">
        <p>Imagine a completely blank webpage. Place an image of an adorable baby make a sour face upon first tasting a lemon. Adorable! Except your image feels like it's clinging to the upper left corner of your page and you'd like to give it some space to breathe. And you also notice that it looks a little flat and could benefit from having a lime green border to offset the lemon yellow in the photos.</p>

        <p>Once you have your puckering baby surrounded by a lime green border should you change the dimensions of the margin, border, or padding to make your desired changes? I found the answer to this question clicked for me when I started each element on the page as a framed and matted image on a wall. All websites can be thought of as an arrangement of square containers, often referred to as divs. The edges of the wall below represents the div or container that the element is sitting inside.</p>

        <p><strong>1</strong> = <em>Margin</em>. The space between the edge of the wall and element is the margin.
        <br>

        <strong>2</strong> = <em>Border</em>. The white wooden frame seen below is the border between the margin and the padding.
        <br>

        <strong>3</strong> = <em>Padding</em>. Inside of the border is the off-white thick paper used as a mat. It gives some nice breathing room between the border and the actual content.
        <br>

        <strong>4</strong> = <em>Content</em>. In the visual example below the content is a reproduction of a painting. On the web it can be an image or text.</p>

        <img class="blogImages" src="../imgs/framedimage.jpg" alt="Image on Wall">

        <p>When making changes to elements on your site and trying to decide whether to change the border, padding, or margin, think about exactly what you're trying to change. Using the image on the wall above...</p>

        <p>Do you want the image+mat+frame to stay the same, but you want the image to be closer to or farther from the edge of the wall? Change the margin.</p>

        <p>Do you like where the image+mat sit on the wall but want a thick pumpkin-orange border around the image and the mat? Change the border color and size.</p>

        <p>Do you want more breathing room between your image and your border? (A larger mat?) Change your padding.</p>

        <p>CSS placement can be tricky, and changing the above parameters might not put your logo or title or navigation bar quite where you'd like it to go. Your website is a series of boxes next to boxes inside boxes (divs) and there are a variety of factors that can affect how your website looks and where things go. But when you're thinking about one element, and the div it sits inside, and the way your element is placed within that div, changing the margin, border, and padding should get your content looking the way you desire it to.</p>
    </p>
    </article>

    <div class="blogPostBreak"></div>

    <h1><a name="TakingOwnership">Taking Ownership of the Dev Bootcamp Experience</a></h1>
  <h3><em>Walk into the kitchen, grab a ladle, stir up your future</em></h3>
  <h4>8-27-2015</h4>

  <article class="blogPostText">
    <p>
      I signed up for <a href="http://devbootcamp.com/">Dev Bootcamp</a> specifically because of the phase-based program structure with an emphasis on developing the <a href="http://psychcentral.com/lib/what-is-emotional-intelligence-eq/">EQ</a> of an individual along with their <a href="http://www.quora.com/How-do-I-increase-my-IQ-1">IQ</a>. The phase-based program allows me the space I need to really learn the material, instead of forcing myself to rush in order to meet all of the deadlines. Of course my goal is to finish the program the week before Christmas and move into a new chapter of my life in the first week of 2016, but it is very important to me that I graudate the program after soaking up as much as possible before the technical interviews and the new job training begins. I've been passionate about the growth mindset after reading <a href="http://www.hachettebookgroup.com/titles/salman-khan/the-one-world-schoolhouse/9781455508372/">The One World Schoolhouse</a> and am excited to be a part of a learning environment where the capacity to learn is emphasized as robustly as the curriculum. 
    </p>
    <p>
        <a href="https://vimeo.com/85001014">Shereef's Fireside Chat</a> clarified some of my assumptions and further reinforced that this program is the right choice for me. One week in and I'm already scrambling a bit to make furthter adjustments in my life to accomodate the workload of Phase 0. I've been a work-at-home-mom for over five years now, and there are a lot of things I'm going to need to adjust about my schedule and mindset in order to manage the demands of my future job. Phase 0 is not only preparing me for Phase 1, 2, and 3 of the DBC program, but also is providing me a glimpse into what my work-life balance is going to be like after DBC graduation. Attending a program without something like the Phase 0 ramp-up period and the Phase 1/2/3 holistic approach to developing a person instead of just a programmer would have been a recipe for mental/emotional collapse for me. 
    </p>
    <p>
        I most appreciated the frank talk about a student's employment prospects post-graduation. Becoming employable is as important as the amount of programming skills a student absorbs, and employability and a firm grasp of a wide-variety of programming principles are not always the same thing. I was already approaching the program with a growth-mindset, but now I'll be striving to focus less on checking the "completion" box for each assignment, and more on developing the unique skillset I can take from this intense experience and leverage into a choice employment opportunity in January 2016. 
    </p>
    </article>

   <div class="blogPostBreak"></div>


   <h1><a name="VersionControl">Version Control and GitHub</a></h1>
  
   <h4>8-25-2015</h4>

  <article class="blogPostText">
    <p>
      During my college years group projects were one of my least favorite things. It took far too long to decide on a project focus, and once we did start working toward something we would have to pull out our calendars and try to find a time where we could all meet up at the same time. This was before Google Docs, and working remotely on the same file would require saving multiple versions of the same file to keep track of which version we were working on. <i>Historypaper1, Historypaper2-modifiedoctober5, HistorypapereditsbyJenna,</i> etc etc. Today when working on group projects there is no need for meeting in the same place at the same time to work, or renaming the same file over and over to try to keep track of what changed what and when. Establishing a tight workflow that implements a version control system and utilizes Git and Github will address all of those obstacles.
    </p>
    <p>
        Version control is a system used to track changes to file(s) over time. Using "save as" to save multiple versions of the same file is a crude version of this. As a photographer I have developed a version control system for my photographs that utilizes the snapshot function in Photoshop or Lightroom. As I work on an image I take snapshots at specific points, allowing me to compare changes and go back to a specific edit if I'd like to go back and try a different method for the finished product. Developers use version control systems like Git to make virtual clones of the project they (and their team) are working on. Changes are added and recorded using Git, and then those changes are pushed over to a site like GitHub so the rest of the group can see them and utilize them in their own work on the project. 
    </p>
    <p>
        GitHub is a social network hub that currently claims the title of largest online storage space of collaborative works. Upload your code to GitHub and mark it public and anyone who stumbles across your profile can take your code, load it on to their own computer, manipulate it, and upload their own version back to GitHub where the process can be repeated by someone else. Going back to the college group project example, college students working on coding projects for a class assignment can establish roles and responsibilities for each group member, create the main repository for their assignment, and complete the entire project remotely without the need to meet in person. If responsibilities are fuzzy and two people make changes in the same area GitHub will illuminate any merge conflicts to prevent duplicate work or overwriting of someone's efforts. A proper workflow will include a log of all changes, including information on who made the change, so there would be no more confusion about who is or isn't pulling their weight. 
    </p>
    </article>
   <section>
    <a class="visitThese" href="../index.html">home</a>
    <a class="visitThese" href="../about.html">about</a>
    <a class="visitThese" href="../works.html">works</a>
    <a class="visitThese" href="./index.html">blog</a>
    </section>
    
    </div>
    </section>

    <section>
    	<ul class="postLinks">
            <li id="postLinksHeader">Archive</li>
            <li>
             <a href="http://jnicholea.github.io/blog/index.html#EnumeratorV">Enumerators v. Enumerables</a>
            </li>
            <li>
            <a href="http://jnicholea.github.io/blog/index.html#WannaHash">Wanna Hash? Maybe Array?</a>
            </li>
            <li>
            <a href="http://jnicholea.github.io/blog/index.html#ThinkingOf">Margin/Border/Padding</a>
            </li>
            <li><a href="http://jnicholea.github.io/blog/index.html#TakingOwnership">Taking Ownership of DBC Experience</a>
            </li>
            <li><a href="http://jnicholea.github.io/blog/index.html#VersionControl">Version Control and GitHub</a>
            </li>
           
            </li>
    </section>


</body>
</html><commit_msg>alter enumerable definition in blog post<commit_after><!DOCTYPE html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="../stylesheets/default.css">
<link rel="stylesheet" type="text/css" href="../stylesheets/blog.css">
	<title>Bits on Web Development</title>

</head>
<body>
    <p class="blankSpace"><br></p>

  <img id="header" src="../imgs/homepageheader.png" alt="<NAME>"></a>
    <section>
    <a class="socialIcons" href="https://twitter.com/jennacole"> 
        <img src="../imgs/social_02.png" alt="<NAME> on Twitter"></a>
    <a class="socialIcons" href="https://instagram.com/jennacolephoto"> 
        <img src="../imgs/social_04.png" alt="<NAME> on Instagram"></a>
    <a class="socialIcons" href="https://www.facebook.com/jennacolephotography"> 
        <img src="../imgs/social_01.png" alt="<NAME> on Facebook"></a>
    <a class="socialIcons" href="https://github.com/jnicholea"> 
        <img src="../imgs/social_14.png" alt="<NAME> on GitHub"></a>
    </section>

    <section>
    <div  class="greigeBox">

     <h1><a name="EnumeratorV">Enumerator v. Enumberable</a></h1>
    <h4>9-22-2015</h4>


    <article class="blogPostText">
    <p>
        <strong>Enumeration</strong>, <strong>enumerator</strong>, and <strong>enumerable</strong> are terms I encounter again and again as I search the web for solution to my coding challenges. I'm getting better at searching the Ruby documentation for enumerables to use in my code, but I confess that I couldn't clearly define what they are; at least until I decided to write this post.</p>

        <p>As with most specialized concepts it will help to define another concept before wading into the terms at hand. A coding program is like a tower made of legos, with each lego block containing information about the tower as a whole. Each of those lego blocks is a module, and modules contain instructions that will help the program run for beginning to end and return the desired output.</p>

        <p>To <strong>enumerate</strong> is to list, to mention things one by one. <strong>Enumeration</strong> is the act of enumerating.</p>

        <p>An <strong>enumerator</strong> object is the tool that iterates over a list and returns an output.</p>

        <p><strong>Enumerables</strong> are a class of objects. Enumerable methods are a sort of pre-fabbed mix-in that can be used throughout the modules to execute different functions. I think of them as a shortcut I can take thanks to the creators of Ruby. I don't have to figure out how to break down the steps necessary for the computer to sort an array in alphabetical order, I can use .sort for that.</p>
    </p>
    </article>

    <div class="blogPostBreak"></div>

      <h1><a name="WannaHash">Wanna Hash? Maybe Array?</a></h1>
    <h4>09-11-2015</h4>


    <article class="blogPostText">
    <p>Let's hold a bake sale! Doesn't that sound delicious? We'll have cupcakes and brownies and pies and maybe the woman down the street who runs a baking blog will invent something completely unique for all of us to taste. We send out a list to collect names and see who wants to participate. Alice, Jenny, Derek, Megan, Samantha, Josh, Davis, Brittney, Jessica, Brad, and Heather. 

    If we're going to create a database where we can easily access the list of participants, an array is a great way to store our list. Create an array using the literal method by typing each of the names inside of square brackets, with quotation marks on either side of each name (string):

    <pre>
    bakers_array = ["Alice", "Jenny", "Derek", "Megan", "Samantha", "Josh", "Davis", <br>
    "Brittney", "Jessica", "Brad", "Heather"]
    </pre>

    If a few weeks go by and you forget who signed up, accessing the list again is easy. Type in "p bakers" and the list will be printed back out to you:

    <pre>
    p bakers_array

    -->["Alice", "Jenny", "Derek", "Megan", "Samantha", "Josh", "Davis", "Brittney", <br> "Jessica", "Brad", "Heather"]

    </pre>

    As the bake sale approaches, you realize that you don't know how many people have signed up. Cue ".length":

    <pre>
    p bakers_array.length

    -->11
    </pre>

    There are 11 bakers bringing goodies to your sale, but you want to make sure you have variety. Cupcakes are great, but what if someone came to the sale craving a brownie? Once you've collected who will be bringing what, an array won't work for storing both the name of the person and what they are bringing. This is where an array is what you're looking for. An array stores an object, like the names referred to as strings in our bakers array above, but it also can store corresponding information for each object. One value is called a key, the other is called a value. Hashes are always built with key-value pairs. 

    For our baking sale the names will be the keys and the yummy treats people bring will be the values. Key names must <b>always</b> be unique, so when creating your hash think through what strings or integers might be duplicates of each other and make that the values.

    <pre>
    bakers_hash = {
    :Alice => "cupcakes",
    :Jenny => "brownies",
    :Derek => "cake",
    :Megan => "brownies",
    :Samantha => "cupcakes",
    :Josh => "cupcakes",
    :Davis => "cupcakes",
    :Brittney => "cookies",
    :Jessica => "cookies",
    :Brad => "brownies",
    :Heather => "cookies"
    }
    </pre>

    What was it that Samantha was bringing?
    <pre>
    p bakers_hash[:Samantha]

    -->"cupcakes"
    </pre>

    And one ambitious person was bringing a cake, right? Who was that again?

    <pre>
    p bakers_hash.find {|key, val| val == "cake"}

    -->[:Derek, "cake"]
    </pre>

    And that's one way to think about the difference between hashes and arrays. Now Derek, can you please bring me some of that cake?


    </p>
    </article>

    <div class="blogPostBreak"></div>


    <h1><a name="ThinkingOf">Thinking of Margin/Border/Padding as Images on a Wall</a></h1>
    <h4>9-3-2015</h4>


    <article class="blogPostText">
        <p>Imagine a completely blank webpage. Place an image of an adorable baby make a sour face upon first tasting a lemon. Adorable! Except your image feels like it's clinging to the upper left corner of your page and you'd like to give it some space to breathe. And you also notice that it looks a little flat and could benefit from having a lime green border to offset the lemon yellow in the photos.</p>

        <p>Once you have your puckering baby surrounded by a lime green border should you change the dimensions of the margin, border, or padding to make your desired changes? I found the answer to this question clicked for me when I started each element on the page as a framed and matted image on a wall. All websites can be thought of as an arrangement of square containers, often referred to as divs. The edges of the wall below represents the div or container that the element is sitting inside.</p>

        <p><strong>1</strong> = <em>Margin</em>. The space between the edge of the wall and element is the margin.
        <br>

        <strong>2</strong> = <em>Border</em>. The white wooden frame seen below is the border between the margin and the padding.
        <br>

        <strong>3</strong> = <em>Padding</em>. Inside of the border is the off-white thick paper used as a mat. It gives some nice breathing room between the border and the actual content.
        <br>

        <strong>4</strong> = <em>Content</em>. In the visual example below the content is a reproduction of a painting. On the web it can be an image or text.</p>

        <img class="blogImages" src="../imgs/framedimage.jpg" alt="Image on Wall">

        <p>When making changes to elements on your site and trying to decide whether to change the border, padding, or margin, think about exactly what you're trying to change. Using the image on the wall above...</p>

        <p>Do you want the image+mat+frame to stay the same, but you want the image to be closer to or farther from the edge of the wall? Change the margin.</p>

        <p>Do you like where the image+mat sit on the wall but want a thick pumpkin-orange border around the image and the mat? Change the border color and size.</p>

        <p>Do you want more breathing room between your image and your border? (A larger mat?) Change your padding.</p>

        <p>CSS placement can be tricky, and changing the above parameters might not put your logo or title or navigation bar quite where you'd like it to go. Your website is a series of boxes next to boxes inside boxes (divs) and there are a variety of factors that can affect how your website looks and where things go. But when you're thinking about one element, and the div it sits inside, and the way your element is placed within that div, changing the margin, border, and padding should get your content looking the way you desire it to.</p>
    </p>
    </article>

    <div class="blogPostBreak"></div>

    <h1><a name="TakingOwnership">Taking Ownership of the Dev Bootcamp Experience</a></h1>
  <h3><em>Walk into the kitchen, grab a ladle, stir up your future</em></h3>
  <h4>8-27-2015</h4>

  <article class="blogPostText">
    <p>
      I signed up for <a href="http://devbootcamp.com/">Dev Bootcamp</a> specifically because of the phase-based program structure with an emphasis on developing the <a href="http://psychcentral.com/lib/what-is-emotional-intelligence-eq/">EQ</a> of an individual along with their <a href="http://www.quora.com/How-do-I-increase-my-IQ-1">IQ</a>. The phase-based program allows me the space I need to really learn the material, instead of forcing myself to rush in order to meet all of the deadlines. Of course my goal is to finish the program the week before Christmas and move into a new chapter of my life in the first week of 2016, but it is very important to me that I graudate the program after soaking up as much as possible before the technical interviews and the new job training begins. I've been passionate about the growth mindset after reading <a href="http://www.hachettebookgroup.com/titles/salman-khan/the-one-world-schoolhouse/9781455508372/">The One World Schoolhouse</a> and am excited to be a part of a learning environment where the capacity to learn is emphasized as robustly as the curriculum. 
    </p>
    <p>
        <a href="https://vimeo.com/85001014">Shereef's Fireside Chat</a> clarified some of my assumptions and further reinforced that this program is the right choice for me. One week in and I'm already scrambling a bit to make furthter adjustments in my life to accomodate the workload of Phase 0. I've been a work-at-home-mom for over five years now, and there are a lot of things I'm going to need to adjust about my schedule and mindset in order to manage the demands of my future job. Phase 0 is not only preparing me for Phase 1, 2, and 3 of the DBC program, but also is providing me a glimpse into what my work-life balance is going to be like after DBC graduation. Attending a program without something like the Phase 0 ramp-up period and the Phase 1/2/3 holistic approach to developing a person instead of just a programmer would have been a recipe for mental/emotional collapse for me. 
    </p>
    <p>
        I most appreciated the frank talk about a student's employment prospects post-graduation. Becoming employable is as important as the amount of programming skills a student absorbs, and employability and a firm grasp of a wide-variety of programming principles are not always the same thing. I was already approaching the program with a growth-mindset, but now I'll be striving to focus less on checking the "completion" box for each assignment, and more on developing the unique skillset I can take from this intense experience and leverage into a choice employment opportunity in January 2016. 
    </p>
    </article>

   <div class="blogPostBreak"></div>


   <h1><a name="VersionControl">Version Control and GitHub</a></h1>
  
   <h4>8-25-2015</h4>

  <article class="blogPostText">
    <p>
      During my college years group projects were one of my least favorite things. It took far too long to decide on a project focus, and once we did start working toward something we would have to pull out our calendars and try to find a time where we could all meet up at the same time. This was before Google Docs, and working remotely on the same file would require saving multiple versions of the same file to keep track of which version we were working on. <i>Historypaper1, Historypaper2-modifiedoctober5, HistorypapereditsbyJenna,</i> etc etc. Today when working on group projects there is no need for meeting in the same place at the same time to work, or renaming the same file over and over to try to keep track of what changed what and when. Establishing a tight workflow that implements a version control system and utilizes Git and Github will address all of those obstacles.
    </p>
    <p>
        Version control is a system used to track changes to file(s) over time. Using "save as" to save multiple versions of the same file is a crude version of this. As a photographer I have developed a version control system for my photographs that utilizes the snapshot function in Photoshop or Lightroom. As I work on an image I take snapshots at specific points, allowing me to compare changes and go back to a specific edit if I'd like to go back and try a different method for the finished product. Developers use version control systems like Git to make virtual clones of the project they (and their team) are working on. Changes are added and recorded using Git, and then those changes are pushed over to a site like GitHub so the rest of the group can see them and utilize them in their own work on the project. 
    </p>
    <p>
        GitHub is a social network hub that currently claims the title of largest online storage space of collaborative works. Upload your code to GitHub and mark it public and anyone who stumbles across your profile can take your code, load it on to their own computer, manipulate it, and upload their own version back to GitHub where the process can be repeated by someone else. Going back to the college group project example, college students working on coding projects for a class assignment can establish roles and responsibilities for each group member, create the main repository for their assignment, and complete the entire project remotely without the need to meet in person. If responsibilities are fuzzy and two people make changes in the same area GitHub will illuminate any merge conflicts to prevent duplicate work or overwriting of someone's efforts. A proper workflow will include a log of all changes, including information on who made the change, so there would be no more confusion about who is or isn't pulling their weight. 
    </p>
    </article>
   <section>
    <a class="visitThese" href="../index.html">home</a>
    <a class="visitThese" href="../about.html">about</a>
    <a class="visitThese" href="../works.html">works</a>
    <a class="visitThese" href="./index.html">blog</a>
    </section>
    
    </div>
    </section>

    <section>
    	<ul class="postLinks">
            <li id="postLinksHeader">Archive</li>
            <li>
             <a href="http://jnicholea.github.io/blog/index.html#EnumeratorV">Enumerators v. Enumerables</a>
            </li>
            <li>
            <a href="http://jnicholea.github.io/blog/index.html#WannaHash">Wanna Hash? Maybe Array?</a>
            </li>
            <li>
            <a href="http://jnicholea.github.io/blog/index.html#ThinkingOf">Margin/Border/Padding</a>
            </li>
            <li><a href="http://jnicholea.github.io/blog/index.html#TakingOwnership">Taking Ownership of DBC Experience</a>
            </li>
            <li><a href="http://jnicholea.github.io/blog/index.html#VersionControl">Version Control and GitHub</a>
            </li>
           
            </li>
    </section>


</body>
</html>
{'fraction_non_alphanumeric': 0.08596463777186669, 'fraction_numerical': 0.007260209669848224, 'mean_word_length': 3.497677691766362, 'pattern_counts': {'":': 2, '<': 465, '<?xml version=': 0, '>': 495, 'https://': 10, 'lorem ipsum': 0, 'www.': 6, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2796446', 'n_tokens_mistral': 8974, 'n_tokens_neox': 8418, 'n_words': 4441}