forked from hakimel/reveal.js
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcode-review.html
executable file
·175 lines (142 loc) · 6.09 KB
/
code-review.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jak rozmawiać w języku Code Review</title>
<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
<meta name="author" content="Hakim El Hattab">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/black.css" id="theme">
<!-- Code syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section>
<h3>Jak rozmawiać w języku Code Review</h3>
<p>
<small>
Stworzona przez Dominik "Socek" Długajczyk</a> <br />
<a href="http://twitter.com/WingedSocek">@WingedSocek</a><br />
[email protected]<br />
Clearcode
</small>
</p>
</section>
<section>
<p>
<img src="clearcode4.jpe" style="height: 450px;">
<p class="fragment">Szukamy ludzi</p>
</p>
</section>
<section>
<h2>Nie będę mówił o narzędziach</h2>
</section>
<section>
<h2>Czym dla was jest Code Review?</h2>
<p class="fragment">Zrobiłem kod</p>
<p class="fragment">Zrobiłem pull requesta</p>
<p class="fragment">Ktoś mi go sprawdził i powiedział co mam źle</p>
<p class="fragment">Zakończyłem zadanie</p>
</section>
<!-- Example of nested vertical slides -->
<section>
<h2>Code Review jest kolejną formą komunikacji</h2>
<p class="fragment">A komunikację trzeba poprawiać</p>
</section>
<section>
<h2>Czego nie robić jako sprawdzający</h2>
<p class="fragment">WTF?!</p>
<p class="fragment">Czy jesteś pewien?</p>
<p class="fragment">Szukanie błędów "na chama"</p>
<p class="fragment">Niekończące się Code Review</p>
</section>
<section>
<h2>Co robić jako sprawdzający</h2>
<p class="fragment">Spróbować zrozumieć</p>
<p class="fragment">Zapytać dlaczego taki algorytzm został napisany</p>
<p class="fragment">Zapytać co oznacza dany kod, jeśli jest niezrozumiały</p>
<p class="fragment">Rzucić jakimś komplementem w stylu "ten kod mi się podoba"</p>
<p class="fragment">Podejście: czego mogę się nauczyć?</p>
</section>
<section>
<h2>Czego nie robić jako sprawdzany</h2>
<p class="fragment">Nie obrażać się</p>
</section>
<section>
<h2>Co robić jako sprawdzany</h2>
<p class="fragment">Pytać od razu po wrzuceniu kodu</p>
<p class="fragment">Podejście: czego mogę się nauczyć?</p>
</section>
<section>
<h2>Jak często robić Code Review?</h2>
<p class="fragment">Jak najczęściej!</p>
<p class="fragment">Nawet jeśli kod nie jest gotowy!</p>
</section>
<section>
<h2>Najpierw?</h2>
<h3>czytać kod</h3>
<h3>sprawdzać wykonanie</h3>
</section>
<section>
<h2>Niestety to już koniec</h2>
<h3>Jakieś pytania?</h3>
</section>
<section>
<h1>Jak będzie wyglądał tak zdeklarowany słownik?</h1>
<pre><code data-trim contenteditable class="python">
data = {
1: 'one',
'1': 'won',
True: 'true',
}
</code></pre>
</section>
<section>
<pre><code data-trim contenteditable class="python">
>>> data
{1: 'true', '1': 'won'}
</code></pre>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom
// Optional reveal.js plugins
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>