index.html

<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>XSLT</title>

		<meta name="description" content="">
		<meta name="author" content="Ashley Blewer">

		<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">

			<div class="slides">

				<section data-background="img/cool.png">
					<h1 style="color:black;background-color: #FFFF00">XSLTP</h1>
					<h4 style="color:black;background-color: #FFFF00">Extensible<br/>Stylesheet<br/>Language<br/>Transformations<br/>Party</h4>
				</section>

				<section>
					<h1>XSLT</h1>
					<p>CINE-GT 1803: Spring 2016</p>
					<p>4 April 2016</p>
					<aside class="notes">
					</aside>
				</section>

				<section>
					<section>
						<h4>Where does XSLT fit in?</h4>
						<aside class="notes">
						</aside>
					</section>

					<section>
						<h2>XSLT</h2>
						<p>is a <i>transformation</i> language</p>
						<aside class="notes">
						</aside>
					</section>

					<section>
						<h2>XSLT</h2>
						<p>different from HTML (markup language), CSS (styling language), JS (programming language) and SQL (query language)</p>
						<aside class="notes">
						</aside>
					</section>

					<section>
						<h2>XML <-> XML</h2>
						<h2>XML <-> HTML</h2>
						<h2>XML <-> TEXT</h2>
						<aside class="notes">
						</aside>
					</section>
				</section>

				<section>
					<section>
						<h2>XSLT in the real world</h2>
						
						<aside class="notes">
						</aside>
					</section>

					<section>
					<img src="img/mms1.png">
						
						<aside class="notes">
						</aside>
					</section>

					<section>
					<img src="img/mms2.png">
						
						<aside class="notes">
						</aside>
					</section>
					<section>
					<img src="img/dc2.png">
						
						<aside class="notes">
						</aside>
					</section>

					<section>
					<img src="img/dc3.png">
						
						<aside class="notes">
						</aside>
					</section>
					<section>
					<img src="img/mc1.png">
						
						<aside class="notes">
						</aside>
					</section>

					<section>
					<img src="img/mc2.png">
						
						<aside class="notes">
						</aside>
					</section>
				</section>

				<section>
					<section>
						<h2>XPath</h2>
						
						<aside class="notes">
						</aside>
					</section>

					<section>
						<p>Nodes: Elements, attributes, siblings, ancestors, children, descendents?</p>
						
						<aside class="notes">
						</aside>
					</section>

					<section>
						<p>/Element<br/>
	@attribute<br/>
	parent/..<br/>
	../child(ren)</p>
						
						<aside class="notes">
						</aside>
					</section>
				</section>

				<section>
					<h2>Namespaces</h2>
					<img src="img/ns.png">
				</section>

				<section>
					<h2>Let's workshop!</h2>
				</section>

				<section>
					<h2>When in doubt...</h2>
					<img src="img/stack.png">
				</section>
				
				<section>
					<h1> github.com/ablwr/<br>
					xslt_miap_2016</h1>
					<aside class="notes">
					</aside>
				</section>

				<section>
					<h4>More??!</h4>
					<p>ashley.blewer@gmail.com</p>
					<p>@ablwr</p>
					<aside class="notes">
					</aside>
				</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>