1
1
# 👋 Welcome!
2
2
3
- Welcome to this Labspace focused on teaching you, in a hands-on way, about the various concepts of tools of Docker.
4
-
5
- ## 📋 Learning objectives
6
-
7
3
In this Labspace, you're going to gain familiarity with Docker and many of its core components. Specifically, you'll get to do the following:
8
4
9
5
- Learn about the role of containers and images
@@ -15,38 +11,26 @@ In this Labspace, you're going to gain familiarity with Docker and many of its c
15
11
16
12
The new AI-focused aspects of Docker's tooling will not be covered in this overview. That will be covered in another Labspace.
17
13
18
- ## 💻 App overview
19
-
20
- The application we will be working with is Memes-R-Us, a fun website that simply displays memes and a welcome message.
21
-
22
- Throughout this lab, you will be making changes to the application.
23
14
24
- To start the app, complete the following steps:
25
15
26
- 1 . If you have started VS Code yet in the panel to the right, click the ** Load VS Code here ** button.
16
+ ## 💻 The Memes-R-Us website
27
17
28
- 2 . In a terminal, install the Node dependencies by running the following command:
18
+ For the remainder of this lab, you are a member of the Memes-R-Us development team. Congrats! 🎉
29
19
30
- ``` sh
31
- npm install
32
- ```
20
+ The Memes-R-Us app is a simple website that displays memes and a welcome message.
33
21
34
- 3. Start the app by running the following command:
22
+ ![ Memes-R-Us website ] ( /docs/images/memes-r-us.png )
35
23
36
- ` ` ` sh
37
- npm run dev
38
- ` ` `
39
24
40
- This is going to start the app in " dev mode" , which means file changes will cause the app to automatically reload.
41
25
42
- Eventually, you should see the following output:
26
+ ## Your task
43
27
44
- ` ` ` plaintext no-copy-button
45
- Server is running on port 3000
46
- ` ` `
28
+ Your task is fairly simple - update the website with a new message and containerize the app.
47
29
48
- 4. Open your browser to http://localhost:3000. You should see the Memes-R-Us website !
30
+ But, in order to make this update and verify it works, you'll need to complete the following tasks:
49
31
50
- # # Next steps
32
+ 1 . Setup your development environment to run the app
33
+ 2 . Make the update to site.
34
+ 3 . Containerize the app and prepare it for deployment
51
35
52
- Now that you have the site up and running and a few changes applied to it, we ' re ready for the next feature !
36
+ Don't worry! You'll have help all along the way. Let's get to it!
0 commit comments