videos.html

---
layout: default
title: Videos
permalink: /videos/
---

<main class="left-container video-page out">
    <div class="logo-set">
      <h1>Videos</h1>
      <span class="intro">I make tutorial videos about Processing (Java), p5.js (JavaScript), and related topics (node.js, computer vision, raspberry pi, and more).  Please consider <a href="https://www.youtube.com/subscription_center?add_user=shiffman" target="_blank">subscribing on youtube</a> and <a href="http://patreon.com/codingtrain" target="_blank">supporting my work on Patreon</a>.</span>
    </div>
    <div id="video-list" class="content-wrapper article">

    </div>
    <div class="more-videos content-wrapper article">
        <div class="line-charm"></div>
        <h2>YouTube</h2>
        <p>All video tutorials can be found on my "Coding Train" YouTube channel.</p>
        <a href="https://www.youtube.com/TheCodingTrain" target="_blank" class="btn primary">THE CODING TRAIN ON YOUTUBE</a>
    </div>
</main>
<button class="mobile-quick-links" aria-controls="quicklinks-section" aria-haspopup="true" id="quicklinks-btn"></button>        
<aside class="right-container quick-links video out" id="quicklinks-section">
    <h3>Quick links</h3>
    <div class="quick-link">
        <a href="https://www.youtube.com/subscription_center?add_user=shiffman" target="_blank" class="primary"><img src="/images/icon-youtube.png" alt="" class="icon"/><span>SUBSCRIBE ON YOUTUBE</span></a>
    </div>
    <div class="quick-link">
        <a href="http://patreon.com/codingtrain" class="secondary" target="_blank"><span>SUPPORT ON PATREON</span></a>
    </div>
    <div class="quick-link">
        <a href="https://www.youtube.com/TheCodingTrain" target="_blank" class="secondary">SEE ALL ON YOUTUBE</a>
    </div>
</aside>

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