forked from julianduque/passion-driven-development
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
283 lines (227 loc) · 13 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024" />
<title>Passion Driven Development by Julian Duque</title>
<meta name="description" content="Passion Driven Development Presentation" />
<meta name="author" content="Julian Duque" />
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700|Ubuntu:400,700' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" />
</head>
<body class="impress-not-supported">
<div class="fallback-message">
<p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
<p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
</div>
<div id="impress">
<div id="title" class="step" data-x="0" data-y="0" data-scale="3">
<h1>
<span class="white ">Passion</span><br />
<span class="black">Driven</span><br />
<span class="black">Development</span>
</h1>
<p class="footnote white mono">by Julián Duque</p>
</div>
<div id="aboutme" class="step align-center" data-x="0" data-y="0" data-z="-20">
<p class="white small">I ❤ Mantises!</p><br />
<img src="images/mantis.png" width="400"/><br />
<a class="very-small" href="http://about.me/julianduque">about.me/julianduque</a>
</div>
<div id="university" class="step" data-x="450" data-y="-200">
<p class="white">Ingeniero de Telecomunicaciones</p>
<p class="mono align-right">Universidad Santo Tomás</p>
</div>
<div id="specialization" class="step" data-x="450" data-y="-20">
<p class="white">Especialista en Desarrollo de Software</p>
<p class="mono align-right">Universidad EAFIT</p>
</div>
<div id="job" class="step" data-x="450" data-y="160">
<p class="white">Arquitecto Soluciones Móviles</p>
<p class="mono align-right">Intergrupo Mobile</p>
</div>
<div id="no" class="step" data-x="450" data-y="0">
<div class="centered">
<b class="big white">NO</b>
</div>
</div>
<div id="by-passion" class="step align-center" data-x="1650" data-y="0">
<b class="white big">Developer <br />by <br /> Passion</b>
</div>
<div id="what-is-passion" class="step align-center" data-x="1650" data-y="1000">
<p>pero...</p>
<b class="white big">¿Que es Pasión?</b>
</div>
<div id="passion-is" class="step" data-x="2650" data-y="1000">
<p>Según la Real Academia de la Lengua Española:</p>
<br />
<img src="images/rae-pasion.png" width="600"/>
</div>
<div id="passion-wikipedia" class="step align-center" data-x="3650" data-y="1000">
<p class="white">¿y que dice la Wikipedia?</p>
<br />
<p class="white mono small align-justify">
<b class="black">La pasión</b> (del verbo en latín, patior, que significa sufrir o sentir) es una emoción definida como un <b class="black">sentimiento muy fuerte</b> hacia una persona, tema, <b class="black">idea</b> u objeto. Así, pues, la pasión es una <b class="black">emoción intensa</b> que engloba el <b class="black">entusiasmo</b> o deseo por algo. El término también se aplica a menudo a un <b class="black">vivo interés</b> o <b class="black">admiración por una propuesta, causa, actividad, etc.</b>
</p>
</div>
<div id="passion-quote" class="step" data-x="3650" data-y="2000" data-scale="2">
<quote class="white mono">"Passion is the energy that comes from bringing more of YOU into what you do".</quote>
<p class="align-right">Curt Rosengren</p>
</div>
<div id="passion-circles" class="step align-center" data-x="3650" data-y="2000" data-rotate-x="-90">
<img src="images/circulos.png" width="800"/>
</div>
<div id="what-is-pdd" class="step align-center" data-x="6000" data-y="2000" data-rotate-x="0" data-scale="2">
<p class="white">y entonces...</p>
<p class="black">¿Que es <b>Passion Driven Development</b>?</p>
</div>
<div id="agile-manifesto" class="step align-center" data-x="6000" data-y="2000" data-z="10000" data-scale="10">
<b class="small">Manifesto for Agile Software Development</b>
<br />
<div class="small">
We are uncovering better ways of developing
software by doing it and helping others do it.
Through this work we have come to value:
<br /><br />
<b>Individuals and interactions</b> over processes and tools<br />
<b>Working software</b> over comprehensive documentation<br />
<b>Customer collaboration</b> over contract negotiation<br />
<b>Responding to change</b> over following a plan<br />
<br />
That is, while there is value in the items on
the right, we value the items on the left more.
</div>
<a class="small" href="http://agilemanifesto.org/">agilemanifesto.org</a>
</div>
<div id="pdd-manifesto" class="step align-center" data-x="6000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<b class="small">Manifesto for Passion Driven Development</b>
<br />
<div class="small">
We are uncovering ways of developing
software with <b class="white">passion and fun</b>.
Through this work we have come to value:
<br /><br />
<b>Empowerment of people</b> over hierarchies<br />
<b>Distributed decision making</b> over centralization<br />
<b>Information transparency</b> over information oligopoly<br />
<b>Capacity development</b> over detailed processes<br />
<b>Participation</b> over estrangement<br />
<br />
That is, while there is value in the items on
the left, there is no value in the items on the right.
</div>
<a class="small" href="http://passiondrivendevelopment.org/">passiondrivendevelopment.org</a>
<p class="very-small">by Sushil Selvaraj</p>
</div>
<div id="empowerment" class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<b class="white">Empowerment of people</b>
</div>
<div id="learn-by-doing" class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<p>Aprenda haciendo</p>
</div>
<div id="find-your-motivation" class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<p>Encuentre su verdadera motivación</p>
</div>
<div id="we-are-people" class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<p>¡No trate a su equipo de trabajo como 'Recursos', trátelos como PERSONAS!</p>
</div>
<div class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<b class="white">Distributed decision making</b>
</div>
<div class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<p>Involucre a su equipo de trabajo en la toma de decisiones</p>
</div>
<div class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<p>No deje la toma de decisiones en manos de unos pocos</p>
</div>
<div class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<b class="white">Information transparency</b>
</div>
<div class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<p>Sea claro y honesto con la información</p>
</div>
<div class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<p>¡No diga MENTIRAS!</p>
</div>
<div class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<b class="white">Capacity development</b>
</div>
<div class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<p>Conozca sus debilidades y trabaje por mejorarlas</p>
</div>
<div class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<p>Busque procesos efectivos y ágiles</p>
</div>
<div class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<b class="white">Participation</b>
</div>
<div class="step align-center" data-x="12000" data-y="5000" data-z="10000" data-scale="10" data-rotate-x="-90">
<p>Todos deben sentirse parte del equipo</p>
</div>
<div class="step align-center" data-x="12000" data-y="10000" data-z="10000" data-scale="10" data-rotate-x="-90">
<quote class="white mono">"Let developers follow their own <b>passions</b> and they will gravitate toward the team where they will do the <span class="black">best work.</span>"</quote>
<p class="align-right">Adam Wiggins<br />Founder & CTO at Heroku</p>
</div>
<div class="step align-center" data-x="500" data-y="500" data-z="1" data-scale="1" data-rotate-x="0">
<b class="big white">¿Cómo ser un Passionista?</b>
</div>
<div class="step align-center" data-x="500" data-y="1000" data-z="1" data-scale="1">
<b class="black">Descubra su Pasión</b>
<p class="mono">¿Qué del proceso de Desarrollo es lo que mas le gusta?</p>
</div>
<div id="community" class="step align-center" data-x="500" data-y="2000" data-z="1" data-scale="1">
<b class="black">Participe en la Comunidad</b>
<p class="mono">Busque en su ciudad comunidades afines a su pasión y únase</p>
</div>
<div id="avanet" class="step align-center" data-x="1000" data-y="2000" data-z="1" data-scale="1">
<b class="black">Avanet</b><br />
<a href="http://avanet.org" class="very-small">avanet.org</a>
<p class="very-small mono white">@avanet</p>
</div>
<div id="devmed" class="step align-center" data-x="1500" data-y="2000" data-z="1" data-scale="1">
<b class="black">/dev/med/</b><br />
<a class="very-small">coffeegrid.org/dev/med/</a>
<p class="very-small mono white">@avanet</p>
</div>
<div class="step align-center" data-x="500" data-y="3000" data-z="1" data-scale="1">
<b class="black">Contribuya a un proyecto Open Source</b>
<p class="mono">Fork → Refactor → Pull Request</p><br />
<p class="mono small">Encuentre un proyecto para contribuir en:</p>
<a class="very-small" href="https://github.com">github.com</a>
</div>
<div class="step align-center" data-x="500" data-y="4000" data-z="1" data-scale="1">
<b class="black">Asista a Conferencias y Charlas</b>
<p class="mono">You're doing it right!</p>
</div>
<div class="step align-center" data-x="500" data-y="5000" data-z="1" data-scale="1">
<p class="white">.. y por qué no ..</p>
<b class="black">Cree sus propias charlas</b>
<p class="mono">Compartan con los demás aquello que los apasiona</p>
</div>
<div id="blog-twitter" class="step align-center" data-x="500" data-y="6000" data-z="1" data-scale="1">
<b class="black">Cree un blog o una buena cuenta en Twitter</b>
<p class="mono">Es una de las mejores formas para compartir información y recibir feedback de la Comunidad</p><br />
<p class="mono very-small white">Yo no soy el mejor ejemplo de esto pero me pueden seguir @julian_duque</p>
</div>
<div class="step align-center" data-x="500" data-y="7000" data-z="1" data-scale="1">
<p class="white">.. y por último ..</p>
<b class="black">Nunca deje de estudiar</b>
<p class="mono">Cuando uno <b>AMA</b> lo que hace este proceso se da naturalmente</p>
</div>
<div id="credits" class="step align-center" data-x="0" data-y="0" data-z="1" data-scale="100">
<b class="big white">¡Gracias!</b>
<p class="mono very-small">Esta presentación se encuentra en: <br /><a href="http://julianduque.github.com/passion-driven-development/">julianduque.github.com/passion-driven-development</a><br /><br /> Fue creada con <b>impress.js</b> y el código fuente lo pueden encontrar en: <a href="https://github.com/julianduque/passion-driven-development">github.com/julianduque/passion-driven-development</a></p>
</div>
</div>
<div class="hint">
<p>Use a spacebar or arrow keys to navigate</p>
</div>
<script>
if ("ontouchstart" in document.documentElement) {
document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
}
</script>
<script src="js/impress.js"></script>
<script>impress().init();</script>
</body>
</html>