6.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />

    <title>Advanced Web Dev</title>
    <meta name="author" content="Eric Moynihan" />

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta
      name="apple-mobile-web-app-status-bar-style"
      content="black-translucent"
    />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" href="reveal/css/reset.css" />
    <link rel="stylesheet" href="reveal/css/reveal.css" />
    <link rel="stylesheet" href="reveal/css/theme/black.css" id="theme" />

    <!-- Theme used for syntax highlighting of code -->
    <link rel="stylesheet" href="reveal/lib/css/monokai.css" />

    <!-- Printing and PDF exports -->
    <script>
      var link = document.createElement("link");
      link.rel = "stylesheet";
      link.type = "text/css";
      link.href = window.location.search.match(/print-pdf/gi)
        ? "reveal/css/print/pdf.css"
        : "reveal/css/print/paper.css";
      document.getElementsByTagName("head")[0].appendChild(link);
    </script>

    <!--[if lt IE 9]>
      <script src="lib/js/html5shiv.js"></script>
    <![endif]-->
  </head>

  <body>
    <div class="reveal">
      <!-- Any section element inside of this container is displayed as a slide -->
      <div class="slides">
        <section>
          <img
            src="https://cdn-assets-cloud.frontify.com/local/frontify/h_lNxVXLqrDqb2kyrixW3lMmUl7n-aBRzJUzyvzD7_9FpVMt61zcnJ81BDOqdkOndY8i0eAwn6Wh0ML1aAgbhjOhufnBG8Tz7OVGBhGqrknPlL9fOTjbQj2eRqycd0zF?width=2400"
            style="border: 0; background: transparent; width: 35%;"
          />
          <h1>Advanced Web Development</h1>
          <p><b>Week 6</b>: TypeScript</p>
          <p>By <a href="https://github.com/ericm">Eric Moynihan</a></p>
        </section>
        <section>
          <h1>What is TypeScript?</h1>
          <p>
            It's a superset of JavaScript that imposes
            <b>static compile time types</b>
          </p>
          <p>
            This means that TypeScript is converted into JavaScript to be used
            on a web browser or by node js
          </p>
        </section>
        <section>
          <h1>Static vs dynamic types</h1>
          <p>Types are refer to the datatypes of variables.</p>
          <p>
            <b>Dynamic types</b> mean that you can change the types of a
            variable after defining it. An example of this is JS or Python
          </p>
          <p>
            <b>Static types</b> mean you can't change types after definition.
            This is good for large codebases. EG: TypeScript and Java.
          </p>
        </section>
      </div>
    </div>

    <script src="reveal/js/reveal.js"></script>

    <script>
      // More info https://github.com/hakimel/reveal.js#configuration
      Reveal.initialize({
        controls: true,
        progress: true,
        center: true,
        hash: true,

        transition: "slide", // none/fade/slide/convex/concave/zoom

        // More info https://github.com/hakimel/reveal.js#dependencies
        dependencies: [
          {
            src: "reveal/plugin/markdown/marked.js",
            condition: function() {
              return !!document.querySelector("[data-markdown]");
            }
          },
          {
            src: "reveal/plugin/markdown/markdown.js",
            condition: function() {
              return !!document.querySelector("[data-markdown]");
            }
          },
          { src: "reveal/plugin/highlight/highlight.js", async: true },
          { src: "reveal/plugin/search/search.js", async: true },
          { src: "reveal/plugin/zoom-js/zoom.js", async: true },
          { src: "reveal/plugin/notes/notes.js", async: true }
        ]
      });
    </script>
  </body>
</html>