14 |
19 |
15 |
17 |
18 |
20 |
34 |
21 |
33 |
22 |
32 |
23 |
26 |
27 | Cake
24 | {{aPercent | number:1}}%
25 |
28 |
31 | Beer
29 | {{bPercent | number:1}}%
30 |
35 | No votes yet
36 | {{total}} vote
37 | {{total}} votes
38 |
39 |
40 |
41 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/exercises/example-voting-app/result/views/stylesheets/style.css:
--------------------------------------------------------------------------------
1 | @import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,600);
2 |
3 | *{
4 | box-sizing:border-box;
5 | }
6 | html,body{
7 | margin:0;
8 | padding:0;
9 | height:100%;
10 | font-family: 'Open Sans';
11 | }
12 | body{
13 | opacity:0;
14 | transition: all 1s linear;
15 | }
16 |
17 | .divider{
18 | height: 150px;
19 | width:2px;
20 | background-color: #C0C9CE;
21 | position: relative;
22 | top: 50%;
23 | float: left;
24 | transform: translateY(-50%);
25 | }
26 |
27 | #background-stats-1{
28 | background-color: #2196f3;
29 | }
30 |
31 | #background-stats-2{
32 | background-color: #00cbca;
33 | }
34 |
35 | #content-container{
36 | z-index:2;
37 | position:relative;
38 | margin:0 auto;
39 | display:table;
40 | padding:10px;
41 | max-width:940px;
42 | height:100%;
43 | }
44 | #content-container-center{
45 | display:table-cell;
46 | text-align:center;
47 | vertical-align:middle;
48 | }
49 | #result{
50 | z-index: 3;
51 | position: absolute;
52 | bottom: 40px;
53 | right: 20px;
54 | color: #fff;
55 | opacity: 0.5;
56 | font-size: 45px;
57 | font-weight: 600;
58 | }
59 | #choice{
60 | transition: all 300ms linear;
61 | line-height:1.3em;
62 | background:#fff;
63 | box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
64 | vertical-align:middle;
65 | font-size:40px;
66 | font-weight: 600;
67 | width: 450px;
68 | height: 200px;
69 | }
70 | #choice a{
71 | text-decoration:none;
72 | }
73 | #choice a:hover, #choice a:focus{
74 | outline:0;
75 | text-decoration:underline;
76 | }
77 |
78 | #choice .choice{
79 | width: 49%;
80 | position: relative;
81 | top: 50%;
82 | transform: translateY(-50%);
83 | text-align: left;
84 | padding-left: 50px;
85 | }
86 |
87 | #choice .choice .label{
88 | text-transform: uppercase;
89 | }
90 |
91 | #choice .choice.dogs{
92 | color: #00cbca;
93 | float: right;
94 | }
95 |
96 | #choice .choice.cats{
97 | color: #2196f3;
98 | float: left;
99 | }
100 | #background-stats{
101 | z-index:1;
102 | height:100%;
103 | width:100%;
104 | position:absolute;
105 | }
106 | #background-stats div{
107 | transition: width 400ms ease-in-out;
108 | display:inline-block;
109 | margin-bottom:-4px;
110 | width:50%;
111 | height:100%;
112 | }
113 |
--------------------------------------------------------------------------------
/exercises/example-voting-app/vote/Dockerfile:
--------------------------------------------------------------------------------
1 | # Using official python runtime base image
2 | FROM python:2.7-alpine
3 |
4 | # Set the application directory
5 | WORKDIR /app
6 |
7 | # Install our requirements.txt
8 | ADD requirements.txt /app/requirements.txt
9 | RUN pip install -r requirements.txt
10 |
11 | # Copy our code from the current folder to /app inside the container
12 | ADD . /app
13 |
14 | # Make port 80 available for links and/or publish
15 | EXPOSE 80
16 |
17 | # Define our command to be run when launching the container
18 | CMD ["gunicorn", "app:app", "-b", "0.0.0.0:80", "--log-file", "-", "--access-logfile", "-", "--workers", "4", "--keep-alive", "0"]
19 |
--------------------------------------------------------------------------------
/exercises/example-voting-app/vote/app.py:
--------------------------------------------------------------------------------
1 | from flask import Flask, render_template, request, make_response, g
2 | from redis import Redis
3 | import os
4 | import socket
5 | import random
6 | import json
7 |
8 | option_a = os.getenv('OPTION_A', "Cake")
9 | option_b = os.getenv('OPTION_B', "Beer")
10 | hostname = socket.gethostname()
11 |
12 | app = Flask(__name__)
13 |
14 | def get_redis():
15 | if not hasattr(g, 'redis'):
16 | g.redis = Redis(host="redis", db=0, socket_timeout=5)
17 | return g.redis
18 |
19 | @app.route("/", methods=['POST','GET'])
20 | def hello():
21 | voter_id = request.cookies.get('voter_id')
22 | if not voter_id:
23 | voter_id = hex(random.getrandbits(64))[2:-1]
24 |
25 | vote = None
26 |
27 | if request.method == 'POST':
28 | redis = get_redis()
29 | vote = request.form['vote']
30 | data = json.dumps({'voter_id': voter_id, 'vote': vote})
31 | redis.rpush('votes', data)
32 |
33 | resp = make_response(render_template(
34 | 'index.html',
35 | option_a=option_a,
36 | option_b=option_b,
37 | hostname=hostname,
38 | vote=vote,
39 | ))
40 | resp.set_cookie('voter_id', voter_id)
41 | return resp
42 |
43 |
44 | if __name__ == "__main__":
45 | app.run(host='0.0.0.0', port=80, debug=True, threaded=True)
46 |
--------------------------------------------------------------------------------
/exercises/example-voting-app/vote/requirements.txt:
--------------------------------------------------------------------------------
1 | Flask
2 | Redis
3 | gunicorn
4 |
--------------------------------------------------------------------------------
/exercises/example-voting-app/vote/static/stylesheets/style.css:
--------------------------------------------------------------------------------
1 | @import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,600);
2 |
3 | *{
4 | box-sizing:border-box;
5 | }
6 | html,body{
7 | margin: 0;
8 | padding: 0;
9 | background-color: #F7F8F9;
10 | height: 100vh;
11 | font-family: 'Open Sans';
12 | }
13 |
14 | button{
15 | border-radius: 0;
16 | width: 100%;
17 | height: 50%;
18 | }
19 |
20 | button[type="submit"] {
21 | -webkit-appearance:none; -webkit-border-radius:0;
22 | }
23 |
24 | button i{
25 | float: right;
26 | padding-right: 30px;
27 | margin-top: 3px;
28 | }
29 |
30 | button.a{
31 | background-color: #1aaaf8;
32 | }
33 |
34 | button.b{
35 | background-color: #00cbca;
36 | }
37 |
38 | #tip{
39 | text-align: left;
40 | color: #c0c9ce;
41 | font-size: 14px;
42 | }
43 |
44 | #hostname{
45 | position: absolute;
46 | bottom: 100px;
47 | right: 0;
48 | left: 0;
49 | color: #8f9ea8;
50 | font-size: 24px;
51 | }
52 |
53 | #content-container{
54 | z-index: 2;
55 | position: relative;
56 | margin: 0 auto;
57 | display: table;
58 | padding: 10px;
59 | max-width: 940px;
60 | height: 100%;
61 | }
62 | #content-container-center{
63 | display: table-cell;
64 | text-align: center;
65 | }
66 |
67 | #content-container-center h3{
68 | color: #254356;
69 | }
70 |
71 | #choice{
72 | transition: all 300ms linear;
73 | line-height: 1.3em;
74 | display: inline;
75 | vertical-align: middle;
76 | font-size: 3em;
77 | }
78 | #choice a{
79 | text-decoration:none;
80 | }
81 | #choice a:hover, #choice a:focus{
82 | outline:0;
83 | text-decoration:underline;
84 | }
85 |
86 | #choice button{
87 | display: block;
88 | height: 80px;
89 | width: 330px;
90 | border: none;
91 | color: white;
92 | text-transform: uppercase;
93 | font-size:18px;
94 | font-weight: 700;
95 | margin-top: 10px;
96 | margin-bottom: 10px;
97 | text-align: left;
98 | padding-left: 50px;
99 | }
100 |
101 | #choice button.a:hover{
102 | background-color: #1488c6;
103 | }
104 |
105 | #choice button.b:hover{
106 | background-color: #00a2a1;
107 | }
108 |
109 | #choice button.a:focus{
110 | background-color: #1488c6;
111 | }
112 |
113 | #choice button.b:focus{
114 | background-color: #00a2a1;
115 | }
116 |
117 | #background-stats{
118 | z-index:1;
119 | height:100%;
120 | width:100%;
121 | position:absolute;
122 | }
123 | #background-stats div{
124 | transition: width 400ms ease-in-out;
125 | display:inline-block;
126 | margin-bottom:-4px;
127 | width:50%;
128 | height:100%;
129 | }
130 |
--------------------------------------------------------------------------------
/exercises/example-voting-app/vote/templates/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
15 |
29 |
30 |
31 |
32 | {% if vote %}
33 |
47 | {% endif %}
48 |
49 |
50 |
--------------------------------------------------------------------------------
/exercises/example-voting-app/worker/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM microsoft/dotnet:1.0-sdk
2 |
3 | ADD src/Worker /code/src/Worker
4 |
5 | WORKDIR /code/src/Worker
6 |
7 | RUN dotnet restore -v minimal
8 | RUN dotnet publish -c Release
9 |
10 | CMD dotnet /code/src/Worker/bin/Release/netcoreapp1.0/Worker.dll
11 |
--------------------------------------------------------------------------------
/exercises/example-voting-app/worker/Dockerfile.j:
--------------------------------------------------------------------------------
1 | FROM java:openjdk-8-jdk-alpine
2 |
3 | RUN MAVEN_VERSION=3.3.3 \
4 | && cd /usr/share \
5 | && wget http://archive.apache.org/dist/maven/maven-3/$MAVEN_VERSION/binaries/apache-maven-$MAVEN_VERSION-bin.tar.gz -O - | tar xzf - \
6 | && mv /usr/share/apache-maven-$MAVEN_VERSION /usr/share/maven \
7 | && ln -s /usr/share/maven/bin/mvn /usr/bin/mvn
8 |
9 | WORKDIR /code
10 |
11 | ADD pom.xml /code/pom.xml
12 | RUN ["mvn", "dependency:resolve"]
13 | RUN ["mvn", "verify"]
14 |
15 | # Adding source, compile and package into a fat jar
16 | ADD src/main /code/src/main
17 | RUN ["mvn", "package"]
18 |
19 | CMD ["java", "-jar", "target/worker-jar-with-dependencies.jar"]
20 |
--------------------------------------------------------------------------------
/exercises/example-voting-app/worker/pom.xml:
--------------------------------------------------------------------------------
1 |
2 |
16 |
28 | {{option_a}} vs {{option_b}}!
17 | 21 |
22 | (Tip: you can change your vote)
23 |
24 |
25 | Processed by container ID {{hostname}}
26 |
27 | 
188 | ]
189 |
190 | ```
191 | $ `curl localhost:5678`
192 | ```
193 |
194 | # Try it: use a random host port
195 |
196 | If you don't specify a host port, Docker will choose one:
197 |
198 | ```
199 | $ `docker run -d --name app -p 80 realestate/ciao`
200 | ```
201 |
202 | .center[
203 | 
204 | ]
205 |
206 | Use `docker port` to discover which one it chose:
207 |
208 | ```
209 | $ `docker port app 80`
210 | ```
211 |
212 | Hit it:
213 |
214 | ```
215 | $ `curl $(docker port app 80)`
216 | ```
217 |
218 | # Try it: logs
219 |
220 | You can get the output using `docker logs`:
221 |
222 | ```
223 | $ `docker logs app`
224 | ```
225 |
226 | Again, with timestamps:
227 |
228 | ```
229 | $ `docker logs --timestamps app`
230 | ```
231 |
232 | or even follow along in real time:
233 |
234 | ```
235 | $ `docker logs --follow --timestamps app`
236 | ```
237 |
238 | # Try it: set environment variables
239 |
240 | Assuming your application looks for environment variables, e.g.
241 |
242 | ```javascript
243 | var MESSAGE = (process.env.MESSAGE || "Ciao mondo.");
244 | ```
245 |
246 | You can set them to provide configuration:
247 |
248 | ```
249 | $ `docker run -d --name app -p 5678:80 \`
250 | `-e MESSAGE='Hey, guys!' \`
251 | `realestate/ciao`
252 | ```
253 |
254 | Test the result:
255 |
256 | ```
257 | $ `curl localhost:5678`
258 | ```
259 |
260 | # Try it: inter-container networking
261 |
262 | Create a "network":
263 |
264 | ```
265 | $ `docker network create shared`
266 | $ `docker network ls`
267 | ```
268 |
269 | Attach some containers:
270 |
271 | ```
272 | $ `docker rm -f app proxy`
273 | $ `docker run -d --net=shared --name app \`
274 | `realestate/ciao`
275 | $ `docker run -d --net=shared --name proxy \`
276 | `-p 5678:80 \`
277 | `realestate/ciao-proxy`
278 | ```
279 |
280 | ```
281 | $ `curl -si localhost:5678`
282 | ```
283 |
284 | # Try it: explore the network
285 |
286 | ```
287 | $ `docker network inspect shared`
288 | ```
289 |
290 | .center[
291 | 
292 | ]
293 |
294 | ```
295 | $ `docker run -it --rm --network shared busybox`
296 | / # `nslookup app`
297 | ```
298 |
299 | # Try it: volume from host
300 |
301 | Mount your home directory from the "host":
302 |
303 | ```
304 | $ `docker run -it --rm -v $HOME:/myhome ubuntu bash`
305 | root@c10a43c38793:/# `mount | grep home`
306 | root@c10a43c38793:/# `cd /myhome; ls`
307 | root@c10a43c38793:/# `echo HELLO FROM DOCKER > written-from-docker`
308 | root@c10a43c38793:/# `exit`
309 | $ `ls $HOME`
310 | ```
311 |
312 | # Try it: named cache volume
313 |
314 | ```
315 | $ `docker run -it --rm -v my-cache:/cache ubuntu bash`
316 | root@c10a43c38793:/# `echo TESTING > /cache/test`
317 | ^D
318 | ```
319 |
320 | Observe, volume created:
321 |
322 | ```
323 | $ `docker volume ls`
324 | ```
325 |
326 | Use it again:
327 |
328 | ```
329 | $ `docker run -it --rm -v my-cache:/cache ubuntu bash`
330 | root@f5be5dec8a5a:/# `ls /cache`
331 | ```
332 |
333 | Clean up:
334 |
335 | ```
336 | $ `docker volume rm my-cache`
337 | ```
338 |
339 | # Try it: anonymous volume for extra writable space
340 |
341 | ```
342 | $ `docker run -it --rm --read-only -v /scratch ubuntu`
343 | root@c10a43c38793:/# `echo TESTING > /tmp/test`
344 | root@c10a43c38793:/# `echo TESTING > /scratch/test`
345 | ```
346 |
347 | .center[
348 | 
349 | ]
350 |
351 | Tip: read-only root volume is great for security!
352 |
353 | # Try it: share a volume with another container
354 |
355 | Create a container, with a volume:
356 |
357 | ```
358 | $ `docker run -it --rm --name provider -v data:/published ubuntu`
359 | root@118f38503653:/# `echo ohai > /published/stuff`
360 | ```
361 |
362 | .center[
363 | 
364 | ]
365 |
366 | Use the volume from a different container:
367 |
368 | ```
369 | $ `docker run -it --rm --name consumer -v data:/provided:ro ubuntu`
370 | root@d88a7a468b01:/# `cat /provided/stuff`
371 | ```
372 |
373 | # Try it: list images
374 |
375 | View images on your Docker host:
376 |
377 | ```
378 | $ `docker images`
379 | REPOSITORY TAG IMAGE ID CREATED SIZE
380 | busybox latest e02e811dd08f 4 days ago 1.093 MB
381 | debian latest ddf73f48a05d 2 weeks ago 123 MB
382 | nginx latest ba6bed934df2 2 weeks ago 181.4 MB
383 | ruby 2.3-alpine 2467a614f30b 2 weeks ago 125.8 MB
384 | ...
385 | ubuntu 16.04 45bc58500fa3 3 weeks ago 126.9 MB
386 | ubuntu latest 45bc58500fa3 3 weeks ago 126.9 MB
387 | ubuntu 
773 | ]
774 |
775 | # Try it: Python and Redis and .Net and PostgreSQL and Node.js
776 |
777 | Once it's started running ...
778 |
779 | * voting-app at http://localhost:5000
780 | * result-app at http://localhost:5001
781 |
782 | When you're done, clean up:
783 |
784 | ```
785 | $ `^C`
786 | $ `docker-compose down`
787 | ```
788 |
789 |
--------------------------------------------------------------------------------
/exercises/mysite/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM ubuntu:latest
2 |
3 | RUN apt-get update && apt-get install -y -q apache2
4 |
5 | RUN mkdir -p /var/lock/apache2 /var/log/apache2
6 |
7 | env APACHE_RUN_USER www-data
8 | env APACHE_RUN_GROUP www-data
9 | env APACHE_PID_FILE /var/run/apache2.pid
10 | env APACHE_RUN_DIR /var/run/apache2
11 | env APACHE_LOCK_DIR /var/lock/apache2
12 | env APACHE_LOG_DIR /var/log/apache2
13 | env LANG C
14 |
15 | CMD ["apache2", "-D", "FOREGROUND"]
16 |
17 | COPY docs/* /var/www/html/
18 |
--------------------------------------------------------------------------------
/exercises/mysite/docs/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Hello, Docker.
28 | 29 |30 | I heard you like containers, so I put your containers in a box. 31 |
32 | 33 | 34 | -------------------------------------------------------------------------------- /exercises/refdata/Dockerfile: -------------------------------------------------------------------------------- 1 | FROM ubuntu:16.04 2 | 3 | COPY words /ref/ 4 | VOLUME /ref 5 | -------------------------------------------------------------------------------- /exercises/ubuntu-with-curl/Dockerfile: -------------------------------------------------------------------------------- 1 | FROM ubuntu 2 | RUN apt-get update && apt-get install -y curl 3 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |