jrjohnson · jrjohnson · Oct 17, 2024 · Oct 17, 2024
diff --git a/markdown/talks/2024-10-agile.md b/markdown/talks/2024-10-agile.md
@@ -0,0 +1,27 @@
+---
+layout: talk
+title:  "Flow, Flex, and Ship: The Daily Practice of Agile Engineering"
+date:   2024-10-29 8:30:00
+videoURI:
+slidesURI: /slides/2024-10-agile
+slideContentURI: ./slide-text/2024-10-agile
+---
+
+Talk for [UCTech 2024](http://uctech2024.ucdavis.edu).
+
+The products we develop must keep pace with the frenetic speed of today's world. Whether we're responding to a zero-day threat in our dependency graph, fixing a bug, or releasing a new feature speed is the ultimate metric for success. Paradoxically building a sustainable culture of speed requires committing to work life balance for our team members and slowing down our output to focus on testing and automation. Much like building strength in our bodies daily effort is required to build agility in our teams. In this talk, we will explore how to cultivate and embrace the daily practice of agile engineering through the principles of “Flow, Flex, and Ship.”
+
+“Flow” represents the state of optimal performance, where developers are fully immersed in their work, experiencing a sense of effortless progress. We will delve into techniques and strategies that enable teams to achieve and sustain this state of flow, fostering creativity, collaboration, and innovation. From creating well-defined goals and breaking tasks into manageable chunks to eliminating distractions and leveraging automation, we will uncover the secrets to unlocking the flow state in agile development.
+
+“Flex” embodies the adaptability and resilience required to navigate the ever-changing landscape of software development. We will explore how to embrace the principles of flexibility, including continuous learning, feedback-driven iterations, and embracing change. By adopting flexible mindsets and practices, we can overcome challenges, respond to evolving user needs, and deliver high-quality software that stands the test of time.
+
+“Ship” signifies the ultimate goal of agile development: delivering value to users. We will discuss the importance of frequent and incremental releases, empowering teams to ship software early and often. We will explore strategies for ensuring quality, such as automated testing, continuous integration, and continuous deployment. By making shipping a habitual part of the development process, we can foster a culture of accountability, speed, and customer satisfaction.
+
+Through real-world examples, practical tips, and actionable insights, this talk will inspire and empower attendees to embrace the daily practice of agile development. By cultivating the principles of “Flow, Flex, and Ship,” teams can not only achieve short-term success but also build software systems that are maintainable, adaptable, and capable of withstanding the test of time.
+
+Outcomes:
+
+- Identify techniques to achieve and maintain a developer’s flow state for optimal performance and productivity.
+- Learn strategies for frequent, incremental releases to deliver value and ensure continuous user feedback.
+- Explore automated testing and CI/CD practices to maintain quality while increasing release frequency.
+- Recognize the balance between rapid delivery and sustainable development for long-term team efficiency and well-being.
diff --git a/public/slides/2024-10-agile/index.html b/public/slides/2024-10-agile/index.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Flow, Flex, and Ship: The Daily Practice of Agile Engineering</title>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="/slides/shared/style.css">
+    <style>
+      .remark-slide-content {
+        font-size: 24px;
+      }
+      .remark-slide-scaler {
+        background-color: #fffcf3;
+      }
+      .logos {
+        display: flex;
+        align-items: center;
+        justify-content: space-around;
+      }
+      .logos svg, .logos p {
+        width: 45%;
+      }
+      .icon-row {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        font-size: 5rem;
+      }
+      .icon-row p {
+        margin: 0;
+      }
+      .ilios-logo {
+        fill: #c60;
+        height: 50vh;
+        stroke: #c60;
+        width: 50vw;
+      }
+      .orange {
+        color: #c60;
+      }
+      .fa-stack-1x {
+        margin: 0 auto;
+      }
+
+      .ilios-logo text {
+        font-size: 3rem;
+        font-family: "Helvetica Neue";
+        fill: #fff;
+        stroke: #fff;
+      }
+      .focus-h1 h1 {
+        color: rgb(155, 155, 155);
+        display: inline;
+      }
+      .focus-h1 h1:last-of-type {
+        color: #0071AD;
+      }
+      .set-photos .photos p {
+        display: grid;
+        height: 45vh;
+        grid-template-columns: 1fr 1fr 1fr;
+        align-items: center;
+        justify-items: center;
+        gap: .25rem;
+      }
+      .set-photos img {
+        max-height: 95%;
+        max-width: 95%;
+        border-radius: 3%;
+        overflow: hidden;
+      }
+      .left-column, .right-column {
+        text-align: left;
+      }
+      .center-column-text .left-column, .center-column-text .right-column {
+        text-align: center;
+      }
+      .boxes.break h2 {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: center;
+      }
+    </style>
+    <script defer src="/slides/shared/fontawesome6.js"></script>
+    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+  </head>
+  <body>
+    <textarea id="source" style="display: none;">
+class: center, middle, title-slide, qr-title-slide
+# Flow, Flex, and Ship: The Daily Practice of Agile Engineering
+
+## Jon Johnson <span class="pronouns">(he/him)</span>
+
+.left-column[
+.boxes[
+  .icons[
+  <i class="fa-brands fa-github"></i> jrjohnson <br />
+  <i class="fa-brands fa-slack"></i> jrjohnson-ucsf <br />
+  ]
+
+  .avatar[
+  ![Jon's avatar](../shared/avatar.png)
+  ]
+]]
+
+.right-column[
+  ### Plain Text and Slides At:
+  ![QR code for https://www.jrjohnson.dev/talks/2024-10-agile](media/talk-qr.svg)
+
+  `https://www.jrjohnson.dev`
+]
+
+---
+class:center,middle,photo-slide
+
+![Jayden, a super cute chihuahua waiting for you to do something](./media/jayden-waiting.jpeg)
+
+???
+# Action Items:
+
+---
+class: center, middle, title-slide, qr-title-slide
+# Thanks!
+
+## Jon Johnson
+
+.left-column[
+.boxes[
+  .icons[
+  <i class="fa-brands fa-github"></i> jrjohnson <br />
+  <i class="fa-brands fa-slack"></i> jrjohnson-ucsf <br />
+  ]
+
+  .avatar[
+  ![Jon's avatar](../shared/avatar.png)
+  ]
+]]
+
+.right-column[
+  ### Plain Text and Slides At:
+  ![QR code for https://www.jrjohnson.dev/talks/2024-10-agile](media/talk-qr.svg)
+
+  `https://www.jrjohnson.dev`
+]
+
+    </textarea>
+    <script src="https://remarkjs.com/downloads/remark-latest.min.js"></script>
+    <script>
+      const slideshow = remark.create({
+        navigation: {
+          scroll: false,
+          touch: true,
+          click: true
+        },
+        slideNumberFormat: '',
+        countIncrementalSlides: false,
+        ratio: '16:9',
+        highlightStyle: 'railscasts'
+      });
+    </script>
+  </body>
+</html>
diff --git a/public/slides/2024-10-agile/media/jayden-jackson-waiting.jpg b/public/slides/2024-10-agile/media/jayden-jackson-waiting.jpg
diff --git a/public/slides/2024-10-agile/media/jayden-waiting.jpeg b/public/slides/2024-10-agile/media/jayden-waiting.jpeg
diff --git a/public/slides/2024-10-agile/media/talk-qr.svg b/public/slides/2024-10-agile/media/talk-qr.svg
diff --git a/public/slides/2024-10-agile/media/ucsf-logo.jpg b/public/slides/2024-10-agile/media/ucsf-logo.jpg
diff --git a/public/slides/2024-10-agile/media/yoga-with-jackson.jpg b/public/slides/2024-10-agile/media/yoga-with-jackson.jpg
diff --git a/public/slides/shared/avatar.png b/public/slides/shared/avatar.png
diff --git a/public/slides/shared/fontawesome6.js b/public/slides/shared/fontawesome6.js
diff --git a/public/slides/shared/style.css b/public/slides/shared/style.css
@@ -114,6 +114,9 @@ i.huge, svg.huge {
 i.big, svg.big {
   font-size: 14rem;
 }
+i.large, svg.large {
+  font-size: 6rem;
+}
 .high-contrast {
   color: rgb(155, 155, 155);
 }