<commit_before><!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>What would Tomster do? - Frenchkit 2017</title>

		<link rel="stylesheet" href="css/reveal.css">
		<link rel="stylesheet" href="css/theme/league.css">
		<link rel="stylesheet" href="css/mine.css">

		<!-- Theme used for syntax highlighting of code -->
		<link rel="stylesheet" href="lib/css/monokai.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>
	</head>
	<body>
		<div class="reveal">
			<div class="slides">

				<!-- First -->
				<section>
					<section>
						<h2>What would Tomster do ?</h2>
						<img src="images/tomster.png" width=200 class="plain">
					</section>

					<section>
						<p>
							Widen your horizons and see, from the perspective of an Ember.js developper, how some common iOS/web apps situations are treated in the browserland.
						</p>
					</section>
				</section>

				<!-- Who am I? -->
				<section>

					<section>
						<h2>Who am I?</h2>
						<p><NAME></p>
						<div class="flex-container flex-container--space-around">
							<div>
								<img class="plain" src="images/julien.jpg" width=300 alt="">
							</div>
							<div>
								<ul class="ul--no-style">
									<li>
										<div class="flex-container flex-container--align-items-center">
											<img class="plain" src="images/twitter.png" width=100 alt="">
											<span>&nbsp;&nbsp;@bartocc</span>
										</div>
									</li>
									<li>
										<div class="flex-container flex-container--align-items-center">
											<img class="plain" src="images/github.png" width=100 alt="">
											<span>&nbsp;&nbsp;@bartocc</span>
										</div>
									</li>
									<li>
										<div class="flex-container flex-container--align-items-center">
											<img class="plain" src="images/gmail.png" width=100 alt="">
											<span>&nbsp;&nbsp;<EMAIL></span>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</section>

					<section>
						<h2>Back in 2004</h2>
						<p>
							<ul>
								<li>
									Graduated as an engeneer in the
									<em>printing industry</em>
								</li>
								<li>
									First job was as a Mac OS X
									<em>Cocoa developper</em>
								</li>

								<p class="fragment centered-text">
									<img class="plain" src="images/wtf.gif">
								</p>
							</ul>
						</p>
					</section>


					<section>
						<h2>Nowadays</h2>
						<p>
							I build Single Page Apps with
							<br>
							Ember.js and Ruby on Rails
						</p>
						<div class="flex-container flex-container--center flex-container--align-items-center">
							<img class="plain" src="images/ember.png" width=200 alt="">
							<div style="width: 200px;">
							</div>
							<img class="plain" src="images/rails.png" width=200 alt="">
						</div>
					</section>

				</section>

				<!-- Ember -->
				<section>
					<section>
						<h2>Who is Tomster?</h2>
						<img class="plain" src="images/tomster.png" width=200>
					</section>

					<section>
						<img class="plain" src="images/ember.png">

						<blockquote>
							A framework for creating ambitious
							<br>
							web applications.
							<footer>
								<a href="https://emberjs.com/">emberjs.com</a>
							</footer>
						</blockquote>
					</section>

					<section>
						<p>Who knows what is a Single Page Application (SPA)?</p>
					</section>

					<section>
						<blockquote cite="https://en.wikipedia.org/wiki/Single-page_application">
							<p>
								A single-page application (SPA) is a web application or web site that fits on a single web page [&hellip;]
							</p>
							<p>
								The page does not reload at any point in the process [&hellip;]
							</p>
							<p>
								Interaction with the single page application often involves dynamic communication with the web server behind the scenes.
							</p>

							<footer>
								<a href="https://en.wikipedia.org/wiki/Single-page_application">Wikipedia</a>
							</footer>
						</blockquote>

					</section>

					<section>
						<img class="plain" src="images/spa.png" width=500>
						<br>
						<a href="https://msdn.microsoft.com/en-us/magazine/dn463786.aspx">
							<small>msdn.microsoft.com</small>
						</a>
					</section>

					<section>
						<h2>Popular SPA frameworks</h2>
						<div class="flex-container flex-container--center flex-container--align-items-center">
							<img class="plain" width=150 src="images/angular.png">
							<img class="plain" width=150 src="images/react.png">
							<img class="plain" width=150 src="images/vue.png">
							<img class="plain" width=150 src="images/ember.png">
						</div>
					</section>

					<section>
						<img class="plain" src="images/ember.png">
						<p>Who knows Ember.js?</p>
					</section>

					<section>
						<h2>Popular Ember.js apps</h2>
						<p>
							<a href="http://builtwithember.io/">
								<small>http://builtwithember.io/</small>
							</a>
						</p>

						<div class="flex-container flex-container--center">
							<div>
								<a href="https://www.linkedin.com/">
									<img class="plain" height=100 src="images/linkedin.png">
								</a>
							</div>

							<div>
								<a href="https://www.playstation.com/en-us/explore/playstationnow/">
									<img class="plain" height=100 src="images/playstation.png">
								</a>
							</div>

							<div>
								<a href="https://www.apple.com/music/"><commit_msg>remove popular SPA frameworks<commit_after><!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>What would Tomster do? - Frenchkit 2017</title>

		<link rel="stylesheet" href="css/reveal.css">
		<link rel="stylesheet" href="css/theme/league.css">
		<link rel="stylesheet" href="css/mine.css">

		<!-- Theme used for syntax highlighting of code -->
		<link rel="stylesheet" href="lib/css/monokai.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>
	</head>
	<body>
		<div class="reveal">
			<div class="slides">

				<!-- First -->
				<section>
					<section>
						<h2>What would Tomster do ?</h2>
						<img src="images/tomster.png" width=200 class="plain">
					</section>

					<section>
						<p>
							Widen your horizons and see, from the perspective of an Ember.js developper, how some common iOS/web apps situations are treated in the browserland.
						</p>
					</section>
				</section>

				<!-- Who am I? -->
				<section>

					<section>
						<h2>Who am I?</h2>
						<p><NAME></p>
						<div class="flex-container flex-container--space-around">
							<div>
								<img class="plain" src="images/julien.jpg" width=300 alt="">
							</div>
							<div>
								<ul class="ul--no-style">
									<li>
										<div class="flex-container flex-container--align-items-center">
											<img class="plain" src="images/twitter.png" width=100 alt="">
											<span>&nbsp;&nbsp;@bartocc</span>
										</div>
									</li>
									<li>
										<div class="flex-container flex-container--align-items-center">
											<img class="plain" src="images/github.png" width=100 alt="">
											<span>&nbsp;&nbsp;@bartocc</span>
										</div>
									</li>
									<li>
										<div class="flex-container flex-container--align-items-center">
											<img class="plain" src="images/gmail.png" width=100 alt="">
											<span>&nbsp;&nbsp;<EMAIL></span>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</section>

					<section>
						<h2>Back in 2004</h2>
						<p>
							<ul>
								<li>
									Graduated as an engeneer in the
									<em>printing industry</em>
								</li>
								<li>
									First job was as a Mac OS X
									<em>Cocoa developper</em>
								</li>

								<p class="fragment centered-text">
									<img class="plain" src="images/wtf.gif">
								</p>
							</ul>
						</p>
					</section>


					<section>
						<h2>Nowadays</h2>
						<p>
							I build Single Page Apps with
							<br>
							Ember.js and Ruby on Rails
						</p>
						<div class="flex-container flex-container--center flex-container--align-items-center">
							<img class="plain" src="images/ember.png" width=200 alt="">
							<div style="width: 200px;">
							</div>
							<img class="plain" src="images/rails.png" width=200 alt="">
						</div>
					</section>

				</section>

				<!-- Ember -->
				<section>
					<section>
						<h2>Who is Tomster?</h2>
						<img class="plain" src="images/tomster.png" width=200>
					</section>

					<section>
						<img class="plain" src="images/ember.png">

						<blockquote>
							A framework for creating ambitious
							<br>
							web applications.
							<footer>
								<a href="https://emberjs.com/">emberjs.com</a>
							</footer>
						</blockquote>
					</section>

					<section>
						<p>Who knows what is a Single Page Application (SPA)?</p>
					</section>

					<section>
						<blockquote cite="https://en.wikipedia.org/wiki/Single-page_application">
							<p>
								A single-page application (SPA) is a web application or web site that fits on a single web page [&hellip;]
							</p>
							<p>
								The page does not reload at any point in the process [&hellip;]
							</p>
							<p>
								Interaction with the single page application often involves dynamic communication with the web server behind the scenes.
							</p>

							<footer>
								<a href="https://en.wikipedia.org/wiki/Single-page_application">Wikipedia</a>
							</footer>
						</blockquote>

					</section>

					<section>
						<img class="plain" src="images/spa.png" width=500>
						<br>
						<a href="https://msdn.microsoft.com/en-us/magazine/dn463786.aspx">
							<small>msdn.microsoft.com</small>
						</a>
					</section>

					<section>
						<img class="plain" src="images/ember.png">
						<p>Who knows Ember.js?</p>
					</section>

					<section>
						<h2>Popular Ember.js apps</h2>
						<p>
							<a href="http://builtwithember.io/">
								<small>http://builtwithember.io/</small>
							</a>
						</p>

						<div class="flex-container flex-container--center">
							<div>
								<a href="https://www.linkedin.com/">
									<img class="plain" height=100 src="images/linkedin.png">
								</a>
							</div>

							<div>
								<a href="https://www.playstation.com/en-us/explore/playstationnow/">
									<img class="plain" height=100 src="images/playstation.png">
								</a>
							</div>

							<div>
								<a href="https://www.apple.com/music/">
{'fraction_non_alphanumeric': 0.1672, 'fraction_numerical': 0.013333333333333334, 'mean_word_length': 2.1209431345353678, 'pattern_counts': {'":': 0, '<': 361, '<?xml version=': 0, '>': 361, 'https://': 14, 'lorem ipsum': 0, 'www.': 6, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1483270', 'n_tokens_mistral': 5634, 'n_tokens_neox': 3662, 'n_words': 830}