username

password

Gain insights into Docker's architecture, images, and containers. Learn about running databases, using WordPress and Node.js with Docker, and confidently apply Docker in web development projects.

tarballverified.tar.gz

sqlJob

wordpressJob

nodejsJob

quizJob

ch4_2

ch4_3

ch4_3_2

ch4_3_3

ch4_4

ch4_challenge

ch5_3_nginx

drupal

cdToUsercode

ch6_4

ch6_4_2

ch_6_5

ch_6_5_2

ch_6_6

ch_7_2

ch_7_3

debugging_gui

cdToUsercode_gui

ch_5_3

adminerWordPress

executeJob

ch10_3

ch_5_4_drupal

PROJECT

PROJECT_prod

PROJECT_DEV

ch_5_3-copy

debugging_gui-copy

ch_5_3-copy-vgib6g

ch_5_4_drupal-copy

PROJECT-copy

PROJECT_DEV-copy

ch_6_5_2-copy

Docker is the most useful web development tool you’re not using. This course is your guide for building all kinds of web applications with Docker.

You will be introduced to Docker basics including its architecture, images, and containers. Then you'll run various databases and view them via CLI or Adminer. Next, you will learn how easy it is to use WordPress with Docker. After that is the Node.js app and its live editing and debugging with Chrome's devTools. Finally, you will make your own project to practice your Docker knowledge.

By the end of the course, you will be able to confidently use Docker in any of your further projects.

Docker for Web Developers

## Solution overview

An overview of the solution is provided below. More details will be discussed in the coming lessons.

### MongoDB database (`mongodb` container)

This container should use a Docker volume (`quizdata`) for question storage and expose the database on port `27017`. Create a collection named `quiz` in the `quiz` database that is accessed with the user ID `quizuser` and password `quizpass`.


### Node.js application (`nodejs` container)

The Node.js container has two functions:

1. `index.js` should launch an Express.js application exposed on port `8000`, which:

   * Fetches questions and answers from the [Open Trivia Database API](https://opentdb.com/) on start-up. These should be formatted and stored in the MongoDB database.

   * Provides a single `/question` endpoint. This should query the database and return the details of the next question as JSON-encoded data.

   During development, any changes to the Node.js files trigger an application restart using [Nodemon](https://nodemon.io/).

1. Client-side HTML, CSS, and JavaScript implement the application logic to fetch questions and keep score. Source code contained in the `src` directory is built using npm scripts, which run [pug](https://pugjs.org/), [PostCSS](https://postcss.org/), and [Rollup.js](https://rollupjs.org/). The resulting files are output to a `static` directory (a shared Docker volume).

   In production, this processing occurs when the Docker image is built. During development, changes to `src` files in the host's project directory trigger a `static` file rebuild and source maps are appended.


### NGINX reverse proxy (`nginx` container)

An NGINX web server container serves files from the shared `static` volume. This is more efficient than serving via Express.js.

Other HTTP requests (such as the `/question` endpoint) are forwarded to the `nodejs` container. NGINX acts as a reverse proxy.

## Project file structure

The project root directory contains:



# Solution overview

An overview of the solution is provided below. More details will be discussed in the coming lessons.

## MongoDB database (`mongodb` container)

This container should use a Docker volume (`quizdata`) for question storage and expose the database on port `27017`. Create a collection named `quiz` in the `quiz` database that is accessed with the user ID `quizuser` and password `quizpass`.


## Node.js application (`nodejs` container)

The Node.js container has two functions:

1. `index.js` should launch an Express.js application exposed on port `8000`, which:

   * Fetches questions and answers from the [Open Trivia Database API](https://opentdb.com/) on start-up. These should be formatted and stored in the MongoDB database.

   * Provides a single `/question` endpoint. This should query the database and return the details of the next question as JSON-encoded data.

   During development, any changes to the Node.js files trigger an application restart using [Nodemon](https://nodemon.io/).

1. Client-side HTML, CSS, and JavaScript implement the application logic to fetch questions and keep score. Source code contained in the `src` directory is built using npm scripts, which run [pug](https://pugjs.org/), [PostCSS](https://postcss.org/), and [Rollup.js](https://rollupjs.org/). The resulting files are output to a `static` directory (a shared Docker volume).

   In production, this processing occurs when the Docker image is built. During development, changes to `src` files in the host's project directory trigger a `static` file rebuild and source maps are appended.


## NGINX reverse proxy (`nginx` container)

An NGINX web server container serves files from the shared `static` volume. This is more efficient than serving via Express.js.

Other HTTP requests (such as the `/question` endpoint) are forwarded to the `nodejs` container. NGINX acts as a reverse proxy.

# Project file structure

The project root directory contains:



Let’s take a bird’s eye view of the project’s solution.

🍃 Project Solution: An Overview

Project Solution: An Overview

Why Docker for Web Developers?

Introduction

What is Docker?

Launch a MySQL Database with Docker

WordPress Development with Docker

Application Development with Docker

Push Your Docker Image to a Repository

Docker Orchestration on Production Servers

Docker CLI Commands

Dockerfile and Docker Compose

Project: Never-Ending Quizzery

Assessment - Docker for Web Developers

APPENDIX

Project Solution: An Overview

Solution overview

MongoDB database (`mongodb` container)

Assessment - Docker for Web Developers

Project Solution: An Overview

Solution overview

MongoDB database (mongodb container)

MongoDB database (`mongodb` container)