Untitled

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>Programování</title>

		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/reveal.css">
		<link rel="stylesheet" href="css/theme/black.css">
		<link rel="stylesheet" href="css/custom.css">

		<!-- Theme used for syntax highlighting of code -->
		<link rel="stylesheet" href="lib/css/monokai.css">

		<script src="https://kit.fontawesome.com/4a593b87bf.js" crossorigin="anonymous"></script>

		<!-- 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>
	</head>
	<body>
		<div class="reveal">
			<div class="slides">
				<section> <!-- Uvod start-->
					<h2>Úvod</h2>
					<i class="fas fa-laptop-code"></i>
					<h3>Programování</h3>
					<h3 id="author">David Pacák</h3>
					<!-- author-->
				</section> <!-- uvod end-->
				<section id="history"> <!--historie start-->
						<section data-background-image="img/Z3_Deutsches_Museum.jpg"><h1 id="mslidehead">Historie</h1></section>
						<section>
							<h2 id="slidehead">Historie</h2>
							<p>-První programovatelný počítač byl Z3 který byl vyroben Konradem Zusem v Německu</p>
							<p>-Vážil přes 1000KG a jeho frekvence byla 5,3 Hz</p>
							<p>-Programoval se pomocí pásků ve kterých byly dírky, které počítač uměl číst</p>
						</section>
				</section> <!--historie end-->
				<section id="programming"> <!-- programming start-->
					<section data-background-image="img/koding.jpg"><h1 id="mslidehead">Programování?</h1></section>
					<section>
						<h2 id="slidehead">Programování?</h2>
						<p>-Proces prozkoumání problému a jeho vyřešení se nazýva programování</p>
						<p>-Program = kolekce instrukcí pro počítač (konkrétně pro jeho CPU (procesor))</p>
						<p>-Programuje se v programovacích jazycích (např. C, C++, Java, Python), <br> přičemž každý programovací jazyk má jiné využití a vlastnosti</p>
					</section>
				</section> <!-- programming end-->
				<section id="programl">
					<section><h1>Programovací jazyk</h1></section> <!--languages start-->
					<section>
						<h2>Programovací jazyk</h2>
						<p>-Programovací jazyk je prostředek pro zápis algoritmů, jež jsou prováděny na počítači</p>
					</section>
					<section>
						<p>Programovací jazyky se dělí podle 2 hledisek:</p>
						<ol type="1">
							<li>Míra abstrakce: tzv. 'vysoké/nízké' jazyky</li>
							<li>Způsob překladu a spuštění: kompilované/interpretované</li>
							<p>Vyšší jazyky dále na procedulární/neprocedulární</p>
							<aside class="notes">
								1/Kompilované/interpretované: není absolutní, mnoho jazyků existuje v obou implementacich

								2/procedulární/neprocedulární: nektere jazyky (C, Python) umoznuji oba zapisy

								3/Proměnné, o kterých bude řeč za chvíli, můžou být v jazyce dynamicky/ staticky typované. Staticke typovani = promennou musim deklarovat jeste pred tim, nez ji pouzijeme. U dynamickeho typovani toto delat nemusime
							</aside>

						</ol>
					</section>
					<section>
						<img src="img/languages.jpg" alt="programming languages">
					</section>
					<section>
						<h2>Programovací jazyky</h2>
						<p>-Programovací jazyky se navzájem ovlivňují.</p>
					</section>
				</section> <!--languages end-->
					<section id="variables"> <!-- variables start-->
						<section>
							<h1>Proměnné</h1>
						</section>
						<section>
							<h2>Proměnné</h2>
							<blockquote cite="https://cs.wikipedia.org/w/index.php?title=Prom%C4%9Bnn%C3%A1&oldid=16632541">
								Proměnná je v logice, matematice a programování způsob symbolické reprezentace objektů, který umožňuje zcela abstraktní manipulaci s nimi.
							</blockquote>
							<p id="citation">-Wikipedie</p>
						</section>
						<section>
							<h2>Proměnné</h2>
							<p>V praxi je tedy proměnná objekt, do kterého můžeme "zapisovat" a následně z něj číst</p>
						</section>
				</section> <!-- variables end-->
				<section> <!-- data types start-->
					<section>
					<h1>Datové typy</h1>
				 </section>
				<section>
					<h2>Datové typy</h2>
					<p>-Datové typy jsou při programování velice důležité</p>
					<p>-Datové typy jsou např:</p>
					<ol>
						<li>Integer|číslo, které nemá žádne desetinné místo|656</li>
						<li>Float|číslo, které má desetinné místo|6,56</li>
						<li>String|text|Foo bar 365!</li>
						<li>Boolean|hodnota True/False|True</li>
						<li>A mnoho dalších.....</li>
					</ol>
					<aside class="notes">
						Ve stringu muze byt i cislo, ale bude s nim nakladano jako s textem

						Rozsahy promennych v jazyce Python verze 3.7

						Nektere jazyky maji i jine promenne (napr. long, byte)


						Specialni datovy typ je array/list, ktery muze obsahovat nekolik stringu nebo jineho datoveho typu
					</aside>
				</section>
				 <section>
					<h2>Datové typy</h2>
					<p>-Kvůli způsobu jakým se proměnné ukládají do paměti se může stát takzvané přetečení/podtečení proměnné</p>
					<p>-Pokud proměnné dosáhne své maximální velikosti, ale i přes to její velikost ještě zvýšíme, proměnná přeteče a bude v ní nejnižší možná hodnota</p>
					<p>-To stejné se děje pokud proměnná dosáhne minimální hodnoty, kdy podteče a její hodnota bude nejvyšší možná</p>
				</section>
			</section> <!-- data types end-->
				<section>
				<section>
				 <h1>Smyčky, funkce a if statements</h1>
				</section>
				<section>
					<h2>Smyčky, funkce a if statements</h2>
					<p>-Žádný program se neobejde bez smyček (loops), funkcí(functions) a if (if statements)</p>
				</section>
				<section>
					<h2>Smyčky (loops)</h2>
					<p>-2 typy smyček:</p>
					<ol>
						<li>While loops: opakují tu samou věc dokola, dokud je splněná podmínka</li>
						<li>For loops: používají se, pokud víme kolikrát potřebujeme danou věc udělat</li>
					</ol>
				</section>
				<section>
					<h2>While loops</h2>
					<pre><code class="hljs" data-line-numbers="4,8-11">
i = 0

while i < 99:
	print('Hodnota i je momentalne:')
	print(i)
	i += 1

					</code></pre>
				</section>
				<section>
					<h2>For loops</h2>
					<pre><code class="hljs" data-line-numbers="4,8-11">
foo = ["Iveta je ptakopysk" , "bojová helikoptéra" , "I love TUX"]
for bar in foo:
print(bar)

						</code></pre>
				</section>
				<section>
					<h2>If</h2>
					<aside class="notes">
						If, elseif (elif) a else
					</aside>
				</section>
				<section>
					<pre><code class="hljs" data-line-numbers="2, 9-16">
i = input('Nejake cislo prosim:')

try:
	i = int(i)
except ValueError:
	print('This bit, uncontrolled, a bad bug, make my system fold')

if i < 50:
	print('i je mensi nez 50!')

elif i > 50 and i < 60:
	print('i je vetsi nez 50 a mensi nez 60!')

else:
	print('nic z predchoziho neplati!')

				</section><!-- loops, functions and if statements end-->
			</section>
				<section>
					<section>

					</section>
				</section>
		</div>
	</div>

	<script src="js/reveal.js"></script>

	<script>
		// More info about config & dependencies:
		// - https://github.com/hakimel/reveal.js#configuration
		// - https://github.com/hakimel/reveal.js#dependencies
		Reveal.initialize({
			dependencies: [
				{
					src: 'plugin/markdown/marked.js'
				}, {
					src: 'plugin/markdown/markdown.js'
				}, {
					src: 'plugin/notes/notes.js',
					async: true
				}, {
					src: 'plugin/highlight/highlight.js',
					async: true
				}
			]
		});
	</script>
</body>
</html>