meetup-haarlem/get-ready.html at master · php-school/meetup-haarlem · GitHub

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
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Intro to PHPSchool Haarlem</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
	<link rel="stylesheet" href="assets/css/reveal.css">
	<link rel="stylesheet" href="assets/css/zenburn.css">
	<link rel="stylesheet" href="assets/css/phpschool.css">
	<script src="assets/js/reveal.js"></script>
</head>
<body>
	<div class="reveal">
		<div class="slides">
			<section data-transition="slide-in fade-out">
				<svg class="svg-icon"><svg id="svg-logo" viewBox="0 0 171.3 167.4" width="100%" height="100%">
					<path d="M120.7 97.8c4.9 0 8.9-4.1 8.9-9.4 0-5.2-4-9.1-8.9-9.1s-8.9 3.9-8.9 9.1c0 5.3 3.9 9.4 8.9 9.4zM40.8 49.9c2 0 3.5-.3 4.9-.9 2.8-1.2 4.4-4 4.4-7.8 0-3.5-1.4-6.2-3.9-7.5-1.4-.7-3.2-1.1-5.3-1.1h-8.2v17.2h8.1v.1zM134.2 49.9c2 0 3.5-.3 4.9-.9 2.8-1.2 4.4-4 4.4-7.8 0-3.5-1.4-6.2-3.9-7.5-1.4-.7-3.2-1.1-5.3-1.1H126v17.2h8.2v.1z"></path>
					<path d="M0 0v125.7l85.7 41.7 85.6-41.7V0H0zm167.5 122l-81.8 39.8-.4-.2L3.8 122V4.7h163.7V122z"></path>
					<path d="M165.6 120.7V6.7H5.8v114l79.9 38.8 79.9-38.8zM92 127.1c-2.1 0-2.8-1.8-2.8-4s.7-4 2.8-4 2.7 1.8 2.7 4-.7 4-2.7 4zm8.4-.2h-4.5v-.9h1.7v-5-.5s-.1.2-.4.5l-.7.7-.7-.7 1.9-1.8h1v6.8h1.7v.9zm3.1.3c-1.6 0-2.4-1.1-2.4-1.1l.7-.9s.6.9 1.8.9c1 0 1.7-.7 1.7-1.6 0-1-.8-1.6-1.8-1.6-.9 0-1.5.4-1.5.4l-.5-.2.3-3.2c0-.5.2-.7.7-.7h2.7c.5 0 .7.2.7.7v1h-1v-.5c0-.2-.1-.2-.2-.2H103c-.2 0-.2.1-.2.2l-.2 1.4c0 .2-.1.4-.1.4s.4-.2 1-.2c1.7 0 2.8 1.1 2.8 2.6 0 1.4-1.1 2.6-2.8 2.6zm10.8-60.6h5.5V32.3h-5.5v-4.8h20.5c2.7 0 5.3.2 7.5 1.2 4.5 1.9 7.5 6.6 7.5 12.4 0 6.2-3.2 11.1-8.3 12.9-2.1.7-4.2.9-6.6.9H126v11.6h5.5v4.8h-17.2v-4.7zm34.5 30.9v1.9h-12.2V77.6h2.1v19.9h10.1zm-28.1-20.3c6.2 0 11.1 4.9 11.1 11.1 0 6.4-4.9 11.4-11.1 11.4s-11.1-5-11.1-11.4c0-6.2 4.9-11.1 11.1-11.1zM61.6 66.6h5.5V32.3h-5.5v-4.8h17.2v4.8h-5.5V47H96V32.3h-5.5v-4.8h17.2v4.8h-5.5v34.3h5.5v4.8H90.5v-4.8H96V52.1H73.3v14.5h5.5v4.8H61.6v-4.8zm44.6 21.7c0 6.4-4.9 11.4-11.1 11.4-6.2 0-11.1-5-11.1-11.4 0-6.2 5-11.1 11.1-11.1 6.2 0 11.1 4.9 11.1 11.1zm-41.8 1.1v10h-2.1V77.6h2.1v9.9H77v-9.9h2.1v21.8H77v-10H64.4zM57 80l-1.1 1.6s-2.5-2.4-6.6-2.4c-5.1 0-8.8 4-8.8 9.1 0 5.2 3.7 9.5 8.8 9.5 4.4 0 7.1-2.9 7.1-2.9l1.2 1.5s-3 3.4-8.3 3.4c-6.4 0-11-5.1-11-11.4-.1-6.4 4.6-11.2 10.9-11.2 5.2 0 7.8 2.8 7.8 2.8zM21 66.6h5.5V32.3H21v-4.8h20.5c2.7 0 5.3.2 7.5 1.2 4.5 1.9 7.5 6.6 7.5 12.4 0 6.2-3.2 11.1-8.3 12.9-2.1.8-4.2 1-6.6 1h-8.9v11.6h5.5v4.8H21v-4.8zm.8 16.4c0-3.1 2.8-5.9 6.8-5.9 3.8 0 5.8 2.1 5.8 2.1L33.3 81s-1.9-1.9-4.8-1.9c-2.8 0-4.6 1.8-4.6 3.8 0 5.2 10.9 3.7 10.9 10.9 0 3.3-2.5 5.9-6.6 5.9-4.5 0-6.9-2.8-6.9-2.8l1.4-1.6s2.3 2.4 5.7 2.4c2.4 0 4.3-1.4 4.3-3.8 0-5.5-10.9-4.1-10.9-10.9zm-2.1 25.7h131v1h-131v-1zm65.7 11.4c-.7 0-1.2.4-1.2.7v.3h-1v-.7c0-1 1.4-1.4 2.3-1.4 1.4 0 2.4.9 2.4 2.2 0 2.7-3.9 2.7-3.9 4.5 0 .2.1.2.3.2H87c.2 0 .2-.1.2-.2v-.5h1v1c0 .5-.2.7-.7.7h-4c-.6 0-.7-.3-.7-.9 0-2.8 4-2.6 4-4.7 0-.7-.5-1.2-1.4-1.2zm-15.1 6.2c0 .5-.2.7-.7.7h-3.5c-.5 0-.7-.2-.7-.7v-6.2h-.7v-.9h4.6c.5 0 .7.2.7.7v1h-1v-.5c0-.2-.1-.2-.2-.2h-2.2v2.4h2.7v.9h-2.7v2.3c0 .2.1.2.2.2h2.3c.2 0 .2-.1.2-.2v-.5h1v1zm2.9.7c-1.5 0-2.2-1-2.2-1l.4-.6s.7.8 1.7.8c.5 0 1-.2 1-.7 0-1-3-.9-3-2.7 0-1.1.9-1.6 2.1-1.6.7 0 1.8.2 1.8 1.1v.5h-1v-.3c0-.3-.5-.5-.8-.5-.6 0-1 .2-1 .7 0 1.1 3 .8 3 2.7 0 1-.9 1.6-2 1.6zm5.8 0h-.4c-.7 0-2.1-.2-2.1-2.1v-2.7h-.7v-.9h.7v-1.5h1v1.5h1.3v.9h-1.3v2.6c0 1.1.8 1.3 1.2 1.3h.3v.9zm2.7 11.1l2.7-.4 1.3-2.5 1.2 2.5 2.8.4-2 1.9.4 2.8-2.4-1.3-2.5 1.3.5-2.8-2-1.9z"></path>
					<path d="M86.2 88.4c.1 5.3 4 9.4 8.9 9.4s8.9-4.1 8.9-9.4c0-5.2-4-9.1-8.9-9.1s-8.9 3.9-8.9 9.1zM92 120.1c-1.3 0-1.6 1.3-1.6 3s.4 3 1.6 3 1.6-1.4 1.6-3c0-1.7-.4-3-1.6-3z"></path>
				</svg></svg>
				<h3>Welcome to PHPSchool Haarlem</h3>
			</section>
			<section data-transition="slide-in fade-out" data-autoslide="60000">
				<h2>Schedule</h2>
				<table>
					<tbody>
						<tr>
							<td>18:30</td>
							<td>Doors open</td>
						</tr>
						<tr>
							<td>18:45</td>
							<td>Introduction</td>
						</tr>
						<tr>
							<td>19:00</td>
							<td>Food</td>
						</tr>
						<tr>
							<td>19:10</td>
							<td>Hack time</td>
						</tr>
						<tr>
							<td>21:00</td>
							<td>Closing</td>
						</tr>
					</tbody>
				</table>
			</section>
			<section>
				<section data-transition="slide-in fade-out" data-autoslide="2000">
					<h2>Before we get started&hellip;</h2>
					<p class="fragment" data-autoslide="6000">Make sure you&rsquo;re well prepared and have <code>PHP7</code> and <code>composer</code> as well as a text editor installed on you computer</p>
				</section>
				<section data-transition="slide-in fade-out" data-autoslide="2000">
					<h2>Installing <code>PHP7 </code></h2>
					<p><span class="fragment" data-autoslide="4000">The easiest way to install <code>php</code>&hellip;</span></p>
					<p class="fragment">For windows to download from <a href="https://windows.php.net/download">https://windows.php.net/download</a></p>
					<p class="fragment">For mac use Homebrew <a href="https://brew.sh/">https://brew.sh/</a> and run `brew install php71`</p>
				</section>
				<section data-transition="slide-in fade-out" data-autoslide="2000">
					<h2>Installing <code>git</code></h2>
					<p><span class="fragment" data-autoslide="4000">To install <code>git</code> on your computer&hellip;</span> <span class="fragment" data-autoslide="4000">go to <br><a href="http://www.git-scm.com/downloads">http://www.git-scm.com/downloads</a>&hellip;</span> <span class="fragment" data-autoslide="8000">and download the installer for your system and run it</span></p>
				</section>
				<section data-transition="slide-in fade-out" data-autoslide="2000">
					<h2>Installing <code>composer</code></h2>
					<p><span class="fragment" data-autoslide="8000">To install the PHP package manager <code>composer</code> on your computer&hellip; go to <br><a href="https://getcomposer.org/">https://getcomposer.org/</a>&hellip;</span> <span class="fragment" data-autoslide="8000"> and follow the instructions.</span></p>
				</section>
				<section data-transition="slide-in fade-out" data-autoslide="8000">
					<h2>Installing the <code>phpschool</code> workshops</h2>
					<p><span class="fragment" data-autoslide="8000">Go tp <a href="https://phpschool.io/install">https://phpschool.io/install</a> and follow the instructions.</span></p>
				</section>
				<section data-transition="slide-in fade-out" data-autoslide="8000">
					<h2>Check if it all works</h2>
					<p>To check if everything works, open a console and type:</p>
					<pre><code class="hljs">$ php -v
PHP 7.1.14 (cli) (built: Feb  2 2018 08:42:59) ( NTS
$ composer --version
Composer version 1.6.3 2018-01-31 16:28:17
$ git --version
git version 2.16.2</code></pre>
					<p class="fragment" data-autoslide="6000">If you&rsquo;re having problems, ask one of the mentors to take a look and help sort it out</p>
				</section>
				<section data-transition="slide-in fade-out" data-autoslide="2000">
					<h2>Installing a text editor</h2>
					<p class="fragment" data-autoslide="6000">Any text editor will do, but we are using Atom, Sublime or PHPStorm.</p>
				</section>
			</section>
			<section>
				<section data-transition="slide-in fade-out" data-autoslide="3000">
					<h2>Got everything installed?</h2>
					<p><span class="fragment" data-autoslide="1500">Awesome!</span> <span class="fragment" data-autoslide="6000">Get yourself an account on GitHub and join the developer community!</span></p>
					<p class="fragment" data-autoslide="2500"><small>This is optional, but will allow you to get more out of PHPSchool</small></p>
				</section>
				<section data-transition="slide-in fade-out" data-autoslide="3000">
					<h2>Signing up for GitHub</h2>
					<p><span class="fragment" data-autoslide="6000">Go to <a href="https://github.com/">https://github.com/</a> and fill out your details&hellip;</span><span class="fragment" data-autoslide="6000">, verify your account by following the instructions in the email&hellip;</span> <span class="fragment" data-autoslide="6000">and presto, you&rsquo;re done!</span></p>
				</section>
			</section>
			<section data-transition="slide-in fade-out" data-autoslide="3000">
				<h3>You&rsquo;re ready for PHPSchool to begin!</h3>
				<p><span class="fragment" data-autoslide="4000">But in the mean time&hellip;</span> <span class="fragment" data-autoslide="6000">pop over to Twitter and follow us on <a href="https://twitter.com/PHPSchoolTeam">@PHPSchoolTeam</a></span></p>
			</section>
		</div>
	</div>
	<script src="assets/js/head.min.js"></script>
	<script src="assets/js/reveal.js"></script>
	<script>
		// Full list of configuration options available at:
		// https://github.com/hakimel/reveal.js#configuration
		Reveal.initialize({
			controls: false,
			progress: false,
			history: false,
			center: true,
			loop: true,
			hideAddressBar: true,
			transition: 'slide', // none/fade/slide/convex/concave/zoom
			autoSlide: 8000,
			// autoSlideStoppable: false,
			parallaxBackgroundImage: 'assets/img/test-bg.png',
			parallaxBackgroundSize: '450px',
			parallaxBackgroundHorizontal: 200,
		parallaxBackgroundVertical: 200,
			keyboard: {
				32: 'toggleAutoSlide'
			},

			// Optional reveal.js plugins
			dependencies: [
				{ src: 'assets/js/classList.js', condition: function() { return !document.body.classList; } },
				{ src: 'assets/js/lugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
				{ src: 'assets/js/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
				{ src: 'assets/js/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
				{ src: 'assets/js/plugin/zoom-js/zoom.js', async: true },
				{ src: 'assets/js/plugin/notes/notes.js', async: true }
			]
		});
	</script>
</body>
</html>