263 lines
9 KiB
HTML
263 lines
9 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>FOSSY 2023 | Presentation: Developing Labs for Teaching Kids Webdev</title>
|
|
|
|
<meta property="og:type" content="website" />
|
|
|
|
<link rel="icon" href="../../../static/build/img/favicon.ico" />
|
|
|
|
<!-- Cards -->
|
|
<meta property="og:title" content="FOSSY 2023 | Presentation: Developing Labs for Teaching Kids Webdev">
|
|
<meta property="og:description" content="" />
|
|
<meta property="og:url" content="https://2023.fossy.us/schedule/presentation/101/">
|
|
<meta name="twitter:site" content="@conservancy">
|
|
<meta name="twitter:image:alt" content="FOSSY 2023 | Presentation: Developing Labs for Teaching Kids Webdev" />
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:image" content="https://2023.fossy.us/static/build/img/conservancy_logo_tall_mono.png" />
|
|
<meta property="og:image" content="https://2023.fossy.us/static/build/img/conservancy_logo_tall_mono.png" />
|
|
<meta property="og:image:width" content="400" />
|
|
<meta property="og:image:height" content="400" />
|
|
|
|
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css">
|
|
<link href="../../../static/build/scss/app.css" rel="stylesheet" type="text/css" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
var CONF_TZ = "US/Pacific";
|
|
</script>
|
|
</head>
|
|
<body class="">
|
|
|
|
<header class="clearfix d-print-none">
|
|
|
|
|
|
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark" style="background: rgb(19,119,82); background: linear-gradient(124deg, rgba(19,119,82,1) 0%, rgba(19,106,119,1) 100%); margin-bottom: 1rem">
|
|
<div class="container">
|
|
<h2 class="sans-serif f2 f1-ns b lh-solid tracked-tight mv0 mr3">
|
|
<a class="washed-yellow hover-washed-yellow" href="../../../index.html" style="text-decoration: none">
|
|
FOSSY 2023
|
|
</a>
|
|
</h2>
|
|
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
|
|
|
|
<div class="collapse navbar-collapse" id="navbarText">
|
|
<ul class="navbar-nav mr-auto">
|
|
|
|
<li class="nav-item dropdown">
|
|
|
|
<a class="nav-link dropdown-toggle" href="index.html#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
About
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
|
|
|
|
|
|
<a class="dropdown-item " href="../../../about/index.html">About FOSSY</a>
|
|
|
|
<a class="dropdown-item " href="../../../travel/index.html">Travel and Lodging</a>
|
|
|
|
<a class="dropdown-item " href="../../../conventioncenter/index.html">Oregon Convention Center</a>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item dropdown">
|
|
|
|
<a class="nav-link dropdown-toggle" href="index.html#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Attend
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
|
|
|
|
|
|
<a class="dropdown-item " href="../../../attend/tickets/index.html">Tickets</a>
|
|
|
|
<a class="dropdown-item " href="../../../attend/volunteer/index.html">Volunteer</a>
|
|
|
|
<a class="dropdown-item " href="../../../events/index.html">Events</a>
|
|
|
|
<a class="dropdown-item " href="../../../attend/code-of-conduct.html">Code of Conduct</a>
|
|
|
|
<a class="dropdown-item " href="../../../attend/health-and-safety/index.html">Health and Safety</a>
|
|
|
|
<a class="dropdown-item " href="../../../attend/terms-and-conditions/index.html">Terms and Conditions</a>
|
|
|
|
<a class="dropdown-item " href="https://sfconservancy.org/privacy-policy/">Privacy policy</a>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item dropdown">
|
|
|
|
<a class="nav-link dropdown-toggle" href="index.html#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Program
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
|
|
|
|
|
|
<a class="dropdown-item " href="../../index.html">Schedule</a>
|
|
|
|
<a class="dropdown-item " href="../../../pages/tracks.html">Tracks</a>
|
|
|
|
<a class="dropdown-item " href="../../../call-for-proposals/index.html">Proposals</a>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item ">
|
|
|
|
<a class="nav-link" href="../../../sponsorship/index.html">
|
|
Sponsorship
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
<main role="main" class="container">
|
|
<div class="row">
|
|
<div class="col page-header">
|
|
<h1 class="page-title">Developing Labs for Teaching Kids Webdev</h1>
|
|
<p class="lead">
|
|
|
|
E143 | <span class="presentation-time" data-starttime="2023-07-14T14:00:00" data-endtime="2023-07-14T15:00:00">Fri 14 Jul 2 p.m.–3 p.m.</span>
|
|
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="row presentation-details">
|
|
<div class="col-md-3">
|
|
<h2 class="mt-4">Presented by</h4>
|
|
<ul class="list-unstyled">
|
|
|
|
<li class="mb-4 pb-2">
|
|
|
|
<img src="https://secure.gravatar.com/avatar/87844b868f9376511350d5bc119e5c0c?s=120&d=mp" alt="Matt Cengia" class="rounded-circle img-fluid">
|
|
<p>
|
|
<strong><a href="../../../speaker/profile/209/index.html">Matt Cengia</a></strong><br />
|
|
|
|
|
|
<a href="https://blog.mattcen.com">https://blog.mattcen.com</a>
|
|
|
|
</p>
|
|
<div class="bio">Matt (they/them/their) is a queer, autistic nonbinary human with ADHD, from the lands of Wurundjeri people of the Kulin nation (so-called Melbourne, Australia). They have a long background in Linux systems admin and software development, as well as strong interests in communication, empathy, consent, openness and transparency, privacy and security, diversity and inclusion. Matt identifies as a generalist, polymath, or multi-potentialite, and their breadth of interests often give them a unique perspective on how to relate to, and mediate between, people of different specialities.</div>
|
|
</p>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-md-9 presentation-abstract">
|
|
<h2 class="mt-4">Abstract</h4>
|
|
|
|
<div class="abstract pb-4"><p>Come listen to the tale of how I and a small team of Scout Leaders from Australia developed and delivered a weekend course that took 11-15-year-old young adults from knowing almost nothing about networking or code, to being able to follow along and build their own website, complete with static HTML, CSS, and then transitioning to a simple Python Flask app, requiring nothing more than a web browser and Visual Studio Code on the student computers.
|
|
|
|
I'll cover how we gave each student full root access to their own "server", through to how we built the course material to be a manageable learning curve over such a tight timeline, the challenges we faced with content delivery, and ideas for improvements before we run our next course.</p></div>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
|
|
<script src="../../../static/build/js/app.js" type="text/javascript"></script>
|
|
<script src="../../../static/build/js/jquery.formset.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
|
|
<script src="../../../static/build/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!--no-analytics-->
|
|
|
|
|
|
<script src="../../../static/build/js/luxon.min.js"></script>
|
|
<script src="../../../static/build/js/schedule.js" type="text/javascript"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</main>
|
|
|
|
<footer class="footer mt-4 d-print-none">
|
|
<div class="container py-4">
|
|
<div class="row">
|
|
<div class="col-md-4 pb-4">
|
|
<strong>FOSSY 2023</strong> <br>
|
|
July 13-16 2023 <br>
|
|
Portland, OR<br>
|
|
Timezone: PDT - UTC-7 <br>
|
|
<a href="mailto:conference@sfconservancy.org" alt="Email"><i class="far fa-envelope"></i></a> <a
|
|
href="https://twitter.com/conservancy" alt="Twitter"><i class="fab fa-twitter"></i></a> <a
|
|
href="https://social.sfconservancy.org/conservancy" alt="Mastodon"><i class="fab fa-mastodon"></i></a>
|
|
</div>
|
|
<div class="col-md-4 pb-4 text-center">
|
|
<a href="https://sfconservancy.org"><img src="../../../static/build/img/conservancy_logo.svg" alt="Software Freedom Conservancy logo" class="footer-image"></a>
|
|
</div>
|
|
<div class="col-md-4 pb-4 text-right">
|
|
<small>
|
|
<a href="index.html#">Back to top</a><br>
|
|
© 2023 <a href="https://sfconservancy.org/">Software Freedom Conservancy</a><br>
|
|
<a href="../../../credits/index.html">Credits</a>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|