Docker for Developers, Dockerize React, Node, Mongo and more

Course Curriculum

Chapter 1: Course introduction

Lecture 1: Why docker (if you still need some convincing)

Chapter 2: Docker Intro

Lecture 1: Quick Run Through with a Docker Sample from Docker

Lecture 2: Docker settings lets get this right

Lecture 3: Running our first Docker Container using the Docker UI

Lecture 4: Understand the image we pull from Docker Hub

Chapter 3: Using the Docker Client Commands (CLI)

Lecture 1: Testing the Docker Clients Commands we already master

Chapter 4: Creating Volumes in Docker to use our code or keeping our data safe

Lecture 1: Pulling a MongoDB image from Docker Hub

Lecture 2: Persisting MongoDb data in a volume locally and keeping it safe

Lecture 3: Mapping our Node code to the container and running it from there

Chapter 5: Other important things to know

Lecture 1: Mapping ports on the container, do they always have to be the same

Lecture 2: Working Directory, because even our files need a place to call home

Chapter 6: Making it easier with Dockerfiles

Lecture 1: Creating our first Dockerfile

Chapter 7: Staying connected on a Private Network

Lecture 1: Connecting to MongoDB in a container from our local Node app

Lecture 2: .dockerignore, you can't ignore it

Lecture 3: Legacy Link connecting our Dockerized Node Application to our MongoDB Container

Lecture 4: Network Bridge connecting our Dockerized Node app to MongoDB

Lecture 5: Fixing legacy erros on the MongoDB driver

Chapter 8: Docker Compose, managing multiples containers like a pro

Lecture 1: Creating our docker compose file so we don't need more the command line

Lecture 2: Building and starting our containers using docker compose

Lecture 3: Docker Compose CLI up, down, start, stop, logs and so much more

Chapter 9: Docker compose, making it even better

Lecture 1: Creating environment variables and reading it in Node

Lecture 2: Removing our network as Docker will set it up for us

Chapter 10: Final Project – Scaffolding our solution

Lecture 1: Scaffolding the application

Lecture 2: Commiting our application in GitHub

Lecture 3: Changing from NPM to Yarn and installing express

Chapter 11: Creating our Dockerized NodeJs app using express

Lecture 1: Creating our express server

Chapter 12: Final project lets put everything together and learn few more things

Lecture 1: Creating our first route in express

Lecture 2: Connecting our React app to our Node app

Lecture 3: Fixing up CORS to accept requests from our React app

Chapter 13: Final Project – Creating our Dockerfiles

Lecture 1: Creating our Dockerfile for our React application

Lecture 2: Creating a Dockerfile for our Node app

Chapter 14: Final Project – Creating our Docker Compose file to handle multiple containers

Lecture 1: Creating a Docker-Compose file to deal with running multiple containers

Lecture 2: Changing our Back and Front end to work inside docker

Lecture 3: Starting our Docker-Compose to manage our Node and our React Containers

Lecture 4: Changing our Backend use docker environment variable

Lecture 5: Changing our Frontend to use docker environment variable

Chapter 15: Final Project – Perks nice to have that will make our life so much easier

Lecture 1: Hot reload with a Dockerized React application

Lecture 2: Nodemon on a dockerized Node Express Server

Chapter 16: Final Project – Creating and Dockerizing our MongoDb

Lecture 1: Creating a dockerized mongo DB to our solution

Lecture 2: Connecting to our dockerized mongodb using Compass (external network)

Chapter 17: Final Project – Connecting from our Dockerized Node app to Dockerized MongoDb

Lecture 1: Connecting to our MongoDb using Mongoose from our Express server

Lecture 2: HealthCheck end point for our mongo connection

Chapter 18: Final Project – Developing our Node app directly inside a container

Lecture 1: Moving our endpoints to Routers

Lecture 2: Create a main file to import all the routes

Lecture 3: Creating a Controller

Lecture 4: Creating our Notes router

Lecture 5: Creating a notes Schema in Mongoose

Lecture 6: Adding our notes controller

Lecture 7: Saving data into MongoDb using the Post endpoint

Lecture 8: Adding a findAll get endpoint to retrieve all notes

Lecture 9: Adding the findOne endpoint

Lecture 10: Add a Delete end point

Lecture 11: Creating a update end point

Lecture 12: Fixing findByIdAndUpdate and findByIdAndUpdate setting useFindAndModify

Chapter 19: Final Project – Creating our NGINX container

Lecture 1: Creating our NGINX container

Lecture 2: Creating our NGINX conf file

Lecture 3: Setting Node in NGINX

Lecture 4: Change react to use NGINX instead go direct to Node

Lecture 5: Removing direct access to the Node, React and MongoDb Containers

Lecture 6: Making a container depend on the other using depends_on

Lecture 7: Cleaning up the React project

Lecture 8: Fixing hot reload in React while using NGINX

Chapter 20: Creating the React Part of the Project

Lecture 1: Installing SASS for React

Lecture 2: Installing Materialize CSS and using its SASS files

Lecture 3: Creating a Navbar

Lecture 4: Export our Navbar to a new React Component

Lecture 5: Creating our Note card

Lecture 6: Creating a notes and a note component

Lecture 7: Passing props to our component

Lecture 8: Making our first request to our Node in the backend

Lecture 9: Passing a function on the props to delete a note

Lecture 10: Fixing up Materialize CSS effects

Lecture 11: Making a call from our backend to delete a note in mongo

Lecture 12: Adding a floating action button the application

Lecture 13: Adding a modal to our React App

Lecture 14: Create a text input with Character count

Lecture 15: Create a textarea with character count

Lecture 16: Adding State to our form

Lecture 17: Refactoring our Inputs to its own component

Lecture 18: Creating a reusable modal