<commit_before><!DOCTYPE html>
<html lang="en">
<head>

  <!-- BASIC PAGE NEEDS -->
  <meta charset="utf-8">
  <title>Hangarau | Technical 5</title>
  <meta name="description" content="Technical Blog 5 | Problem Solving">
  <meta name="author" content="<NAME>">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- FONTS -->
  <link href='https://fonts.googleapis.com/css?family=Unica+One|Ubuntu|Fjalla+One|Share+Tech' rel='stylesheet' type='text/css'>

  <!-- CSS -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.css">
  <link rel="stylesheet" type="text/css" href="../styles/tb5.css">

  <!-- ICON -->
  <link rel="icon" type="image/png" href="images/favicon.png">

  <style>
  </style>

</head>
<body>
<!-- ---------------------------------------------------------- --> 
  <div id="wrapper">
<!-- ---------------------------------------------------------- --> 
  <section class="header">
    <div class="container">
      <div class="row">
          <div class="twelve columns" id="title">
            <h1>Problem Solving</h1> 
          </div>
      </div>
    </div>
  </section>
<!-- ---------------------------------------------------------- -->  
  <section class="main">
    <div class="container">
      
      <div class="row">
        <div class="twelve columns">
          <h2>Eating Prunes</h2>  
          <p>
            <span style="color:#FE0241">Getting blocked is an easy thing to do. Like breathing it is a natural part of a coding ecosystem.</span><span style="color:white">One recurring problem I encountered was not understanding particular words within the JavaScript lexicon <span style="color:#F83BD2">(like addEventListener)</span>; then searching for as many iterations and applications of that word. </span><span style="color:#F3B231">Google is my first go to point as it makes me feel I'm capable of discerning the answer. Sometimes though there is just too much info requiring specificity that it becomes overwhelming, then discouraging, that quickly becomes frustration resulting in blockage. </span><span style="color:#0372FA">Only later did I realise that I should've used Dev Tools to inspect the code to see how others were using addEventListener and seeing it in ctx|context cemented it's application. I've learned that code is sometimes better when you've got examples of code that illustrate it's function and implementation. </span><span style="color:white">And that if we need help - our peers would come to our assistance which was an awesome thing to have and see - especially with problematic error messages (validated & solved via jsBin).
          </p>
          <p>  
            <span style="color:#F3B231">Something of a more <span style="color:white"><strong><em>'eloquent'</em></strong></span> approach was trying to figure out how to get my character|racecar to move. Seeing how many others used tables and the value "active" forced me to think - are we really restricted to just tables? Of all my peers, there was one who didn't rely on a table, but created an "arena" where his characters could move.</span><span style="color:#D9F203"> After pseudocoding up my thoughts, I was surprised after inspecting their code to discover that they used three distinct code blocks, each wrapped in a function. The complexity and ingenuity of the coder told me that I could indeed learn alot from them. I deliberately broke the code apart, changed it then waited to see how the browser would react to my changes, and quickly learned the functionality and output of the code.</span> Yes, I was challenging myself to understand what was happening by unravelling code, but learned so much that I adapted some of that thinking - and since it was a racing game, themed my racer accodingly.<span style="color:#0372FA"> I learned that I'm really confident with HTML & CSS and having prunes like JavaScript along the way keeps things varied too.</span><span style="color:#FE0241">Upon reflection, I need to be more open to engaging our coaches for their wisdom and experience and maybe then I will achieve things in a more timely fashion.</span>
          </p>
        </div>        
      </div>

      <div class="row">
        <div class="twelve columns" id="orange">
          <h2 id="color4">var whatIs = [".map()",".filer()",".reduce()"]; </h2>  
          <p id="color5">
            Statements like <em>"if...else"</em> are conditional and only actioned when a certain criteria has been met. <br>So if we don't check the bread for mold we could get food poisoning or else we could check the remaining bread slices to see if they're okay.<br><br><strong>Loops</strong> maintain repetition until a condition is met. <br>So, if you happen to have a whole house of guests and you were on toast duty, your job would only be complete when everyone has had enough toast to eat.
          </p>
        </div>
      </div>

    </div>    
  </section><commit_msg>updated wk5 blog<commit_after><!DOCTYPE html>
<html lang="en">
<head>

  <!-- BASIC PAGE NEEDS -->
  <meta charset="utf-8">
  <title>Hangarau | Technical 5</title>
  <meta name="description" content="Technical Blog 5 | Problem Solving">
  <meta name="author" content="<NAME>">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- FONTS -->
  <link href='https://fonts.googleapis.com/css?family=Unica+One|Ubuntu|Fjalla+One|Share+Tech' rel='stylesheet' type='text/css'>

  <!-- CSS -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.css">
  <link rel="stylesheet" type="text/css" href="../styles/tb5.css">

  <!-- ICON -->
  <link rel="icon" type="image/png" href="images/favicon.png">

  <style>
  </style>

</head>
<body>
<!-- ---------------------------------------------------------- --> 
  <div id="wrapper">
<!-- ---------------------------------------------------------- --> 
  <section class="header">
    <div class="container">
      <div class="row">
          <div class="twelve columns" id="title">
            <h1>Problem Solving</h1> 
          </div>
      </div>
    </div>
  </section>
<!-- ---------------------------------------------------------- -->  
  <section class="main">
    <div class="container">
      
      <div class="row">
        <div class="twelve columns">
          <h2>Eating Prunes</h2>  
          <p>
            <span style="color:#FE0241">Getting blocked is an easy thing to do. Like breathing it is a natural part of a coding ecosystem.</span><span style="color:white">One recurring problem I encountered was not understanding particular words within the JavaScript lexicon (like <span style="color:#F83BD2">addEventListener</span>); then searching for as many iterations and applications of that word. </span><span style="color:#F3B231">Google is my first go to point as it makes me feel I'm capable of discerning the answer. Sometimes though there is just too much info requiring specificity that it becomes overwhelming, then discouraging, that quickly becomes frustration resulting in blockage. </span><span style="color:#0372FA">Only later did I realise that I should've used Dev Tools to inspect the code to see how others were using <span style="color:#F83BD2">addEventListener</span> and seeing it in ctx|context cemented it's application. I've learned that code is sometimes better when you've got examples of code that illustrate it's function and implementation. </span><span style="color:white">And that if we need help - our peers would come to our assistance which was an awesome thing to have and see - especially with problematic error messages (validated & solved via jsBin).
          </p>
          <p>  
            <span style="color:#F3B231">Something of a more <span style="color:white"><strong><em>'eloquent'</em></strong></span> approach was trying to figure out how to get my character|racecar to move. Seeing how many others used tables and the value "active" forced me to think - are we really restricted to just tables? Of all my peers, there was one who didn't rely on a table, but created an "arena" where his characters could move.</span><span style="color:#D9F203"> After pseudocoding up my thoughts, I was surprised after inspecting their code to discover that they used three distinct code blocks, each wrapped in a function. The complexity and ingenuity of the coder told me that I could indeed learn alot from them. I deliberately broke the code apart, changed it then waited to see how the browser would react to my changes, and quickly learned the functionality and output of the code.</span> Yes, I was challenging myself to understand what was happening by unravelling code, but learned so much that I adapted some of that thinking - and since it was a racing game, themed my racer accodingly.<span style="color:#0372FA"> I learned that I'm really confident with HTML & CSS and having prunes like JavaScript along the way keeps things varied too.</span><span style="color:#FE0241">Upon reflection, I need to be more open to engaging our coaches for their wisdom and experience and maybe then I will achieve things in a more timely fashion.</span>
          </p>
        </div>        
      </div>

      <div class="row">
        <div class="twelve columns" id="orange">
          <h2 id="color4">var whatIs = [".map()",".filer()",".reduce()"]; </h2>  
          <p id="color5">
            Statements like <em>"if...else"</em> are conditional and only actioned when a certain criteria has been met. <br>So if we don't check the bread for mold we could get food poisoning or else we could check the remaining bread slices to see if they're okay.<br><br><strong>Loops</strong> maintain repetition until a condition is met. <br>So, if you happen to have a whole house of guests and you were on toast duty, your job would only be complete when everyone has had enough toast to eat.
          </p>
        </div>
      </div>

    </div>    
  </section>
{'fraction_non_alphanumeric': 0.14591516103692065, 'fraction_numerical': 0.01021209740769835, 'mean_word_length': 3.1486761710794298, 'pattern_counts': {'":': 0, '<': 189, '<?xml version=': 0, '>': 189, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2857124', 'n_tokens_mistral': 2791, 'n_tokens_neox': 2621, 'n_words': 1164}