Skip to content

Commit

Permalink
[DevSkillsProductWorld] 2024 update for Agile in the Jungle
Browse files Browse the repository at this point in the history
  • Loading branch information
@ceci
ceci committed Sep 21, 2024
1 parent c6c00a3 commit 3006b96
Show file tree
Hide file tree
Showing 7 changed files with 59 additions and 81 deletions.
22 changes: 11 additions & 11 deletions speaker/dev-skills-product-world/css/theme/base.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,8 @@
* GLOBAL STYLES
*********************************************/
body {
background: #b11c54;
background-color: #b11c54;
background: #760fcb;
background-color: #760fcb;
}

.reveal {
Expand All @@ -22,7 +22,7 @@ body {
}
::selection {
color: #eeeeee;
background: #9a1f4e;
background: #420b6c;
text-shadow: none;
}

Expand Down Expand Up @@ -51,11 +51,11 @@ body {
*********************************************/

.reveal a {
color: #fee0c9;
color: #d9c9fe;
}

.reveal a:hover {
color: #f0ba95;
color: #db95f0;
}

.reveal a:not(.image) {
Expand Down Expand Up @@ -115,16 +115,16 @@ body {
border-top-color: #220000; }

.reveal .controls div.navigate-left.enabled:hover {
border-right-color: #770000; }
border-right-color: #b412e7; }

.reveal .controls div.navigate-right.enabled:hover {
border-left-color: #770000; }
border-left-color: #b412e7; }

.reveal .controls div.navigate-up.enabled:hover {
border-bottom-color: #770000; }
border-bottom-color: #b412e7; }

.reveal .controls div.navigate-down.enabled:hover {
border-top-color: #770000; }
border-top-color: #b412e7; }

/*********************************************
* PROGRESS BAR
Expand All @@ -133,7 +133,7 @@ body {
background: rgba(0, 0, 0, 0.2); }

.reveal .progress span {
background: #770000;
background: #b412e7;
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
Expand All @@ -144,5 +144,5 @@ body {
* SLIDE NUMBER
*********************************************/
.reveal .slide-number {
color: #770000;
color: #b412e7;
}
35 changes: 9 additions & 26 deletions speaker/dev-skills-product-world/css/thoughtworks.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,16 +6,6 @@
color: #f78f31; // orange
color: #fee0c9; // beige
*/
#languageSwitch {
color: #fff;
cursor: pointer;
font-variant: small-caps;
position: absolute;
right: 1.5em;
top: 1em;
text-decoration: none;
z-index: 1;
}

.reveal .cover h1{
font-family: 'Londrina Sketch', cursive;
Expand All @@ -38,24 +28,17 @@
vertical-align: middle;
width: 25%;
}
.reveal .cover .logos {
display: inline-block;
height: 4em;
width: 50%;
padding: 30px 0 20px;
margin-left: 30px;
}

.reveal .cover .logos > a {
display: inline-block;
}

.reveal .cover .logos .aab {
max-width: 6em;
.reveal .cover .speaker {
display: flex;
height: 8em;
margin: 30px 0 20px;
justify-content: space-around;
align-items: center;
}

.reveal .cover .logos .tw {
max-width: 10em;
.reveal .cover .logo {
filter: brightness(0) invert(1);
opacity: 70%;
}

.reveal .whoAmI * {
Expand Down
Binary file added speaker/dev-skills-product-world/images/glpr-work-smarter.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed speaker/dev-skills-product-world/images/thoughtworks_black_logo.png
View file
Binary file not shown.
Binary file removed speaker/dev-skills-product-world/images/thoughtworks_iceblue_logo.png
View file
Binary file not shown.
Binary file removed speaker/dev-skills-product-world/images/thoughtworks_white_logo.png
View file
Binary file not shown.
83 changes: 39 additions & 44 deletions speaker/dev-skills-product-world/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,45 +39,30 @@
</head>

<body>
<!--a id="languageSwitch" href="en/index.html">In English</a-->

<div class="reveal linear center">

<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section class="cover">
<h1>Desenvolvimento ágil</h1>
<h2>num mundo de produtos</h2>
<div class="whoAmI">
<h3>Ceci Fernandes</h3>
<p><a href="http://twitter.com/cecifernandes">@cecifernandes</a></p>
</div>
<div class="logos">
<a href="https://www.agilealliance.org/agilealliancebrazil/" class="aab">
<img src="images/aab-logo.png" alt="Agile Alliance Brazil Logo">
</a>
<a href="http://www.thoughtworks.com" class="tw">
<img src="images/thoughtworks_white_logo.png" alt="ThoughtWorks Logo">
</a>
<div class="speaker">
<div class="whoAmI">
<h3>Ceci Fernandes</h3>
<p><a href="https://www.linkedin.com/in/cecifernandes">in/cecifernandes</a></p>
</div>
<img src="images/glpr-work-smarter.png" alt="Global Productivity at Nu" class="logo glpr">
</div>
</section>
<section>
<section>
<h4>Tema do dia: produtos!</h4>
<div class="fragment">
<h1 class="attention">Produtos</h1>
<h1>==</h1>
<h1 class="attention">Incerteza</h1>
</div>
</section>
<section>
<h1 class="cursive">A gente fala <strong>muito</strong> de</h1>
<h2>processos, pessoas, cultura</h2>
</section>
<section>
<h1>Mas o que</h1>
<h1 class="attention">desenvolvedores</h1>
<h2 class="bigger">precisam saber?</h2>
<h1 class="attention">a engenharia</h1>
<h2 class="bigger">precisa saber?</h2>
</section>
<section>
<h1 class="cursive"><strong>Responder a mudanças</strong><br>mais que seguir um plano</h1>
Expand All @@ -101,7 +86,6 @@ <h1 class="attention">... outras técnicas "avançadas"</h1>
<h1>Mas mais básico</h1>
<h1 class="fragment cursive">muito menos novidade</h1>
<h1 class="fragment">bem <strong>+</strong> importante</h1>
<h3 class="fragment otherSide">(*) pra sistemas com muitas interações</h3>
</section>
<section>
<h1 class="attention">3. Clean Code</h1>
Expand All @@ -114,7 +98,7 @@ <h3 class="fragment right"><a href="https://martinfowler.com/bliki/BoundedContex
<section>
<h1 class="attention">5. Testes automatizados</h1>
<h3 class="fragment right">Entendimento da <a href="https://martinfowler.com/bliki/TestPyramid.html">pirâmide de testes</a></h3>
<h3 class="fragment right">e da <a href="https://martinfowler.com/articles/practical-test-pyramid.html">recente atualização</a></h3>
<h3 class="fragment right">e da <a href="https://martinfowler.com/articles/practical-test-pyramid.html">atualização de 2018</a></h3>
</section>
<section>
<h1 class="attention">6. Entrega contínua</h1>
Expand All @@ -125,7 +109,12 @@ <h4 class="fragment right cursive">(com dados cada vez mais reais)</h4>
<section>
<h1 class="attention">7. Entendimento de arquiteturas</h1>
<h3 class="fragment right">Micro-serviços</h3>
<h3 class="fragment right">Camadas</h3>
<h3 class="fragment right">
<a href="https://alistair.cockburn.us/hexagonal-architecture/" target="_blank">Hexagonal (ports & adapters)</a>
</h3>
<h3 class="fragment right">
<a href="https://www.oreilly.com/library/view/software-architecture-patterns/9781491971437/ch01.html" target="_blank">Camadas</a>
</h3>
</section>
</section>

Expand Down Expand Up @@ -154,10 +143,11 @@ <h2 class="fragment">Pareamento entre != papéis</h2>
</section>
<section>
<h4>3 amigos onde?</h4>
<h1 class="fragment">Inceptions</h1>
<h1 class="fragment">Critérios de aceite</h1>
<h2 class="fragment">Inceptions</h2>
<h2 class="fragment">Critérios de aceite</h2>
<h2 class="fragment">Whiteboarding</h2>
</section>
<section>
<section>
<h4>HDD</h4>
<h1 class="fragment left" data-fragment-index="2"><strong>H</strong>ypothesis</h1>
<h1 class="fragment left" data-fragment-index="1"><strong>D</strong>riven</h1>
Expand All @@ -175,8 +165,16 @@ <h1 class="attention bigger">Métricas!</h1>
<h2 class="fragment cursive otherSide" style="margin-right: 4em;">automatizadas<br>de preferência...</h2>
</section>
<section>
<h1>Analytics</h1>
<h1 class="fragment">Dashboard próprio</h1>
<h1>Saúde do sistema</h1>
<h2 class="fragment right">(Analytics, Grafana, Cortex, ...)</h2>
<h1 class="fragment">
<a href="https://dora.dev/" target="_blank">DORA metrics</a>
</h1>
<h3 class="fragment right">Frequência de deploy<br>
lead time pra mudanças<br>
tempo de recuperação<br>
taxa de inserção de falhas
</h3>
</section>
<section>
<h4>E, com métricas...</h4>
Expand All @@ -190,25 +188,22 @@ <h1 class="cursive">Tantas coisas, mas...</h1>
<section>
<section>
<h4>Em resumo</h4>
<h1 class="fragment cursive bigger">"Qualquer prática que ajuda a<br>reduzir o custo de mudança de<br>direção ou experimentação"</h1>
<h3 class="fragment cursive otherSide">Hugo Corbucci</h3>
<div class="fragment">
<h1 class="cursive bigger">"Qualquer prática que ajuda a<br>reduzir o custo de mudança de<br>direção ou experimentação"</h1>
<h3 class="cursive otherSide">Hugo Corbucci</h3>
</div>
</section>
</section>

<section class="cover">
<h1>Desenvolvimento ágil</h1>
<h2>num mundo de produtos</h2>
<div class="whoAmI">
<h3>Ceci Fernandes</h3>
<p><a href="http://twitter.com/cecifernandes">@cecifernandes</a></p>
</div>
<div class="logos">
<a href="https://www.agilealliance.org/agilealliancebrazil/" class="aab">
<img src="images/aab-logo.png" alt="Agile Alliance Brazil Logo">
</a>
<a href="http://www.thoughtworks.com" class="tw">
<img src="images/thoughtworks_white_logo.png" alt="ThoughtWorks Logo">
</a>
<div class="speaker">
<div class="whoAmI">
<h3>Ceci Fernandes</h3>
<p><a href="https://www.linkedin.com/in/cecifernandes">in/cecifernandes</a></p>
</div>
<img src="images/glpr-work-smarter.png" alt="Global Productivity at Nu" class="logo glpr">
</div>
</section>
</div>
Expand Down

0 comments on commit 3006b96

Please sign in to comment.