index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Web Development</title>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
  <link rel="stylesheet" href="_shared/styles/shower-ruben.css">
  <link rel="stylesheet" href="_shared/styles/web-fundamentals.css">
</head>
<body class="shower list">
  <header class="caption">
    <h1>
      <a class="series" href="#title">Web Fundamentals</a><br>
      <a class="module" href="#title">Web Development</a>
    </h1>
    <p>
      <a href="https://ruben.verborgh.org/">Ruben Verborgh</a>,
      <a href="https://www.ugent.be/">Ghent University</a> – <a href="https://www.imec.be/">imec</a>
    </p>
    <p>
      <a href="https://www.rubensworks.net/">Ruben Taelman</a>,
      <a href="https://www.ugent.be/">Ghent University</a> – <a href="https://www.imec.be/">imec</a>
    </p>
    <ul class="links">
      <li class="next">Next topic: <a href="birds-eye-view/">A Bird’s-Eye View of the Web</a></li>

    </ul>
  </header>

  <div class="title slide" id="title">
    <h2>
      <a class="series" href="#title">Web Fundamentals</a><br>
      <a class="module" href="#title">Welcome to the Web</a>
    </h2>
    <p class="author"><a href="https://ruben.verborgh.org/">Ruben Verborgh</a></p>
    <p class="author"><a href="https://www.rubensworks.net/">Ruben Taelman</a></p>
    <p class="affiliation">
      <a href="https://www.ugent.be/"><img  class="ugent"  src="_shared/images/logos/ugent.svg"  alt="Ghent University"></a>
      <a href="https://www.imec.be/"><img class="imec" src="_shared/images/logos/imec.svg" alt="imec"></a>
      <a href="https://idlab.ugent.be/"><img class="idlab" src="_shared/images/logos/idlab.svg" alt="IDLab"></a>
    </p>
    <p class="license">
      <a rel="license" href="https://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" src="_shared/images/cc-by.svg" /></a>
      Except where otherwise noted, the content of these slides is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
    </p>
  </div>

  <div class="slide" id="ruben-verborgh">
    <h2>
      👋 I’m Ruben Verborgh, professor and<br>
      developer of decentralized Web tech.
    </h2>
    <ul>
      <li class="next">
        I’m a researcher at:
        <ul>
          <li>
            <a href="https://knows.idlab.ugent.be/">KNoWS</a>,
            <a href="https://idlab.technology/">IDLab</a>,
            <a href="https://www.ugent.be/">Ghent University</a> –
            <a href="https://www.imec.be/">imec</a>,
            Belgium 🇧🇪
          </li>
          <li class="next">
            with previous positions at:
            <ul>
              <li>
                <a href="https://www.oxfordmartin.ox.ac.uk/">Oxford Martin School</a>,
                <a href="https://www.ox.ac.uk/">University of Oxford</a>,
                UK 🇬🇧
              </li>
              <li>
                <a href="http://dig.csail.mit.edu/">Decentralized Information Group</a>,
                <a href="https://web.mit.edu/">MIT</a>,
                USA 🇺🇸
              </li>
            </ul>
          </li>
        </ul>
      </li>
      <li class="next">
        I also work in industry:
        <ul>
          <li>
            <a href="https://inrupt.com/">Inrupt</a>,
            USA 🇺🇸
          </li>
        </ul>
      </li>
      <li class="next">
        I write
        <a href="https://ruben.verborgh.org/blog/">blog posts</a>,
        <a href="https://ruben.verborgh.org/publications/">articles</a>,
        <a href="https://www.facetpublishing.co.uk/title.php?id=049641">books</a>,
        …
        about the Web.
      </li>
    </ul>
  </div>

  <div class="slide" id="ruben-taelman">
    <h2>
      👋 I’m Ruben Taelman, researcher<br>
      on Web-based query technology.
    </h2>
    <ul>
      <li class="next">
        I’m a senior researcher at:
        <ul>
          <li>
            <a href="https://knows.idlab.ugent.be/">KNoWS</a>,
            <a href="https://idlab.technology/">IDLab</a>,
            <a href="https://www.ugent.be/">Ghent University</a> –
            <a href="https://www.imec.be/">imec</a>
          </li>
        </ul>
      </li>
      <li class="next">
        My goal is to make data accessible for everyone<br>
        through intelligent infrastructure and algorithms<br>
        for data publication and retrieval.
      </li>
      <li class="next">
        Read more about me
        <a href="https://www.rubensworks.net/">on my website</a>.
      </li>
    </ul>
  </div>

  <div class="slide" id="opinion">
    <h2>
      These slides do not only include the truth,
      they also include personal opinions.
    </h2>
    <ul>
      <li class="next">
        Opinions are marked with the
        <img src="_shared/images/opinion.svg" alt="opinion" style="margin-bottom: -0.2em"> symbol.
        <ul>
          <li class="next">The Web was invented in 1990.</li>
          <li class="next">Ted Nelson finds the Web rather limited.</li>
          <li class="next opinion">The Web is the best invention of the past 30 years.</li>
        </ul>
      </li>
      <li class="next">
        Always know which is which.
        <ul>
          <li>You are free to reproduce opinions (with arguments),</li>
          <li>or state one of your own (with arguments).</li>
        </ul>
      </li>
    </ul>
  </div>

  <div class="slide" id="webslides">
    <h2>
      This module uses open webslides.<br>
      You can discuss and edit <em>anything</em>.
    </h2>
    <ul>
      <li class="next">
        The slides are <a href="https://rubenverborgh.github.io/WebFundamentals/">online</a>
        and <a href="https://github.com/RubenVerborgh/WebFundamentals">on GitHub</a>
        under <a rel="license" href="https://creativecommons.org/licenses/by/4.0/">CC-BY</a>.
        <ul>
          <li><a href="https://rubenverborgh.github.io/WebFundamentals/">https://rubenverborgh.github.io/WebFundamentals/</a></li>
          <li><a href="https://github.com/RubenVerborgh/WebFundamentals">https://github.com/RubenVerborgh/WebFundamentals</a></li>
        </ul>
      </li>
      <li class="next">
        See a mistake?
        Have a question or suggestion?<br>
        Know a nice example?
        <em>Participate!</em>
        <ul>
          <li>
            <a href="https://github.com/RubenVerborgh/WebFundamentals/issues">Create an issue</a>
            to ask a question or start a discussion.
          </li>
          <li>
            <a href="https://github.com/RubenVerborgh/WebFundamentals/pulls">Create a pull request</a>
            to suggest a change or update.
          </li>
          <li>
            You can do this under your own name or anonymously.
          </li>
        </ul>
      </li>
    </ul>
  </div>

  <div class="slide" id="thesis-students">
    <h2>
      Does the Web pique your curiosity?<br>
      Do you want to advance Web research?
    </h2>
    <ul>
      <li class="next">
        We are always on the lookout<br>
        for bright master’s thesis students.
        <ul>
          <li>Pick a Web or Linked Data topic… or make your own!</li>
        </ul>
      </li>
      <li class="next">
        <a href="mailto:ruben.verborgh@ugent.be">Mail me</a>,
        <a href="https://twitter.com/RubenVerborgh">tweet to me</a>,
        or come have a chat.
        <ul>
          <li>You can inform yourself without any commitment.</li>
        </ul>
      </li>
      <li class="next">
        We wish you the best in your future endeavours,<br>
        on the Web or elsewhere!
      </li>
    </ul>
  </div>

  <div class="slide" id="participate">
    <h2>
      The more you participate,<br>
      the more you’ll learn.
    </h2>
    <ul>
      <li>
        Think along, speak up,<br>
        don’t hesitate to prove me wrong.
        <ul>
          <li class="next opinion">We’re especially happy to discuss opinions.</li>
        </ul>
      </li>
      <li class="next">
        Without further ado, let’s start<br>
        with an <a href="birds-eye-view/">overview of the Web</a>
        (and the course).
      </li>
    </ul>
  </div>

  <footer>
    <p class="badge"><a href="https://github.com/RubenVerborgh/WebFundamentals">View on GitHub</a></p>
    <p class="license">
      <a rel="license" href="https://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" src="_shared/images/cc-by-small.svg" /></a>
      Except where otherwise noted, the content of these slides is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
    </p>
  </footer>
  <script src="_shared/scripts/shower.min.js"></script>
  <script src="_shared/scripts/enhancements.js"></script>
  <script>ga=function(){ga.q.push(arguments)};ga.q=[['create','UA-6142365-12','auto'],['require','autotrack'],['send','pageview']];ga.l=1*new Date</script>
  <script async src="//www.google-analytics.com/analytics.js"></script>
  <script async src="_shared/scripts/autotrack.js"></script>
</body>
</html>