-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (146 loc) · 5.76 KB
/
index.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
<!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">
<meta name="author" content="Antoine Caron">
<title>Docker Basics</title>
<link rel="stylesheet" href="css/reveal.css">
<link rel="stylesheet" href="css/theme/white.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<link rel="stylesheet" href="css/index.css">
<link rel="icon" type="image/ico" href="img/favicon.ico" />
<!-- 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 data-background-image="img/FOND-Présentation.jpg" class="title">
<aside> <h1>Docker Basics</h1>
<h3><span class="by">By</span> Antoine <span class="last">Caron</span></h3>
</aside>
</section>
<section>
<section data-background-image="img/FOND-Slide.jpg">
<h3>Environment ?</h3>
<h3>What is a good environment for Ruby, NodeJS App ?</h3>
<h3>How can I move my App ?</h3>
</section>
<section data-background-image="img/FOND-Slide.jpg">
<h3>Example : Php App</h3>
<ul>
<li>X works on MacOSX</li>
<li>Y works on Windows 10</li>
<li>Z works on Ubuntu</li>
<li>Test environment is Debian</li>
<li>Prod environment is Redhat</li>
</ul>
<img src="img/wtf.gif"/>
</section>
<section data-background-image="img/FOND-Slide.jpg">
<h3>We could use VM !!</h3>
<img src="img/jryWe.gif"/>
</section>
<section data-background-image="img/FOND-Slide.jpg">
<p>A server host 20 websites. Hacker ddos one of those sites.</p>
<p>What happen ?</p>
</section>
</section>
<section>
<section data-background-image="img/FOND-Slide.jpg">
<img src="img/docker.png" style="max-height:300px"/>
<h1>Build, Ship, Run</h1>
</section>
<section data-background-image="img/FOND-Slide.jpg">
<img src="img/WhatIsDocker_2_VMs_0.png" style="max-height:300px"/>
<img src="img/WhatIsDocker_3_Containers_1.png" style="max-height:300px">
</section>
<section data-background-image="img/FOND-Slide.jpg">
<iframe src="https://docs.docker.com/engine/userguide/storagedriver/imagesandcontainers/" height="600px;" width="800px;">
</iframe>
</section>
<section data-background-image="img/FOND-Slide.jpg">
<p>Docker docs : <a href="https://docs.docker.com/">https://docs.docker.com/</a></p>
<p>Meetup</p>
<img src="img/meetup.png" height="300px"/>
</section>
</section>
<section data-background-image="img/FOND-Slide.jpg">
<img src="img/doit.gif" height="300px"/Ò>
</section>
<section>
<section data-markdown="slides/helloworld.md" data-background-image="img/FOND-Slide.jpg">
</section>
<section data-background-image="img/FOND-Slide.jpg">
<a href="https://asciinema.org/a/81697" target="_blank"><img src="https://asciinema.org/a/81697.png" width="1484"/></a>
</section>
</section>
<section >
<section data-markdown="slides/nginx.md" data-background-image="img/FOND-Slide.jpg">
</section>
<section data-background-image="img/FOND-Slide.jpg">
<a href="https://asciinema.org/a/81700" target="_blank"><img src="https://asciinema.org/a/81700.png" /></a>
</section>
</section>
<section >
<section data-background-image="img/FOND-Slide.jpg">
<h3>Custom spring webApp</h3>
<a href="https://github.com/Slashgear/spring-example-docker">https://github.com/Slashgear/spring-example-docker</a>
</section>
<section data-background-image="img/FOND-Slide.jpg">
<a href="https://asciinema.org/a/81848" target="_blank"><img src="https://asciinema.org/a/81848.png" /></a>
</section>
</section>
<section>
<section data-background-image="img/FOND-Slide.jpg">
<h2>Volume ?</h2>
</section>
<section data-background-image="img/FOND-Slide.jpg" data-markdown="slides/volumes-1.md">
</section>
<section data-background-image="img/FOND-Slide.jpg" data-markdown="slides/volumes-2.md">
</section>
</section>
<section>
<section data-background-image="img/FOND-Slide.jpg" data-markdown="slides/network.md">
</section>
<section data-background-image="img/FOND-Slide.jpg">
<a href="https://asciinema.org/a/81849" target="_blank"><img src="https://asciinema.org/a/81849.png" /></a>
</section>
</section>
<section>
<section data-background-image="img/FOND-Slide.jpg" data-markdown="slides/compose.md">
</section>
<section data-background-image="img/FOND-Slide.jpg">
<a href="https://asciinema.org/a/81851" target="_blank"><img src="https://asciinema.org/a/81851.png" /></a>
</section>
</section>
<section data-background-image="img/FOND-Slide.jpg">
<h1> Quizz <h1>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.min.js"></script>
<script>
// More info https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
history: true,
// More info https://github.com/hakimel/reveal.js#dependencies
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, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>