<commit_before>`<html>
<head>
  <!-- Latest compiled and minified JavaScript -->
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">

  <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">

  <!-- Latest compiled and minified CSS -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">

  <link rel="stylesheet" href="../../css/font-awesome.min.css">

  <link rel="stylesheet" href="../../css/style.css">

</head>
<body class="lesson-pages">

  <div class="container">

<!-- beginning of lesson section -->
    <section class="row lesson">
      <h4>Concatenation and Template Literals</h4>
      
      <!-- start of jsbin link -->
      <a class="jsbin-embed" href="http://jsbin.com/fozokaq/embed?html,js,console">JS Bin on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.40.3"></script>
      <!-- end of jsbin link -->
    </section>
<!-- end of lesson section -->

<!-- beginning of lesson section -->
    <section class="row lesson">
      <h4>Area of a Triangle: Heron's Formula</h4>
      <p>Calculate the area of a triangle if you know the lengths of all three sides, using the Heron's formula</p>
      <!-- start of jsbin link -->
      <a class="jsbin-embed" href="http://jsbin.com/tewegab/embed?js,console">React, redux, Expect and Deep Freeze on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.40.3"></script>
      <!-- end of jsbin link -->
    </section>
<!-- end of lesson section -->

    <section class="row lesson">

      <h4>Pure functions</h4>
      <ul>
        <li>Pure functions always return the same result given the same arguments.</li>
        <li>Pure function's execution doesn't depend on the state of the application.</li>
        <li>Pure functions don't modify the variables outside of their scope - no mutations.</li><commit_msg>add concat jsbin<commit_after>`<html>
<head>
  <!-- Latest compiled and minified JavaScript -->
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>

  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">

  <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">

  <!-- Latest compiled and minified CSS -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">

  <link rel="stylesheet" href="../../css/font-awesome.min.css">

  <link rel="stylesheet" href="../../css/style.css">

</head>
<body class="lesson-pages">

  <div class="container">

    <section class="row lesson">
<!-- beginning of lesson section -->
      <h4>Concatenation</h4>
      <blockquote>Concatenation: A series of interconnected things. To link (things) together in a chain or series.</blockquote>
      <p>Concatenate string and number using <strong>back ticks</strong> or using the <strong>.concat</strong> method:</p>
      <!-- start of jsbin link -->
      <a class="jsbin-embed" href="http://jsbin.com/fozokaq/embed?js,console">Concat on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.40.3"></script>
      <!-- end of jsbin link -->
    </section>
<!-- end of lesson section -->

<!-- beginning of lesson section -->
    <section class="row lesson">
      <h4>Concatenation and Template Literals</h4>

      <!-- start of jsbin link -->
      <a class="jsbin-embed" href="http://jsbin.com/fozokaq/embed?html,js,console">JS Bin on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.40.3"></script>
      <!-- end of jsbin link -->
    </section>
<!-- end of lesson section -->

<!-- beginning of lesson section -->
    <section class="row lesson">
      <h4>Area of a Triangle: Heron's Formula</h4>
      <p>Calculate the area of a triangle if you know the lengths of all three sides, using the Heron's formula</p>
      <!-- start of jsbin link -->
      <a class="jsbin-embed" href="http://jsbin.com/tewegab/embed?js,console">React, redux, Expect and Deep Freeze on jsbin.com</a><script src="http://static.jsbin.com/js/embed.min.js?3.40.3"></script>
      <!-- end of jsbin link -->
    </section>
<!-- end of lesson section -->

    <section class="row lesson">

      <h4>Pure functions</h4>
      <ul>
        <li>Pure functions always return the same result given the same arguments.</li>
        <li>Pure function's execution doesn't depend on the state of the application.</li>
        <li>Pure functions don't modify the variables outside of their scope - no mutations.</li>
{'fraction_non_alphanumeric': 0.1766646052360338, 'fraction_numerical': 0.01443001443001443, 'mean_word_length': 3.4029038112522687, 'pattern_counts': {'":': 0, '<': 127, '<?xml version=': 0, '>': 127, 'https://': 8, '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': '771929', 'n_tokens_mistral': 1590, 'n_tokens_neox': 1503, 'n_words': 385}